DedeCMS 网站制作全流程教程

DedeCMS 是一款非常流行的 PHP 开源网站管理系统,尤其适合快速搭建资讯、企业、博客、门户网站等,它基于 PHP + MySQL 构建,拥有强大的模板引擎和丰富的扩展功能。

dedecms制作网站教程
(图片来源网络,侵删)

第一部分:准备工作

在开始之前,你需要准备好以下几样东西:

  1. 域名:你网站的网址,www.mywebsite.com,你可以从阿里云、腾讯云等服务商购买。
  2. 虚拟主机/服务器:存放你网站文件和数据库的空间,对于新手,推荐购买虚拟主机,因为它已经配置好了 PHP 和 MySQL 环境,同样可以从阿里云、腾讯云等购买。
  3. 本地环境(可选但推荐):在你的电脑上搭建一个本地服务器环境,用于网站开发、测试,避免直接在线上操作出错,常用的本地环境工具有:
    • phpStudy (Windows 用户首选,集成度高,非常方便)
    • XAMPP (跨平台,支持 Windows, macOS, Linux)
    • MAMP (macOS 用户首选)
  4. FTP 客户端:用于将你本地电脑上的网站文件上传到虚拟主机,推荐使用 FileZilla,免费且功能强大。
  5. 浏览器:推荐使用 ChromeFirefox,并安装 “开发者工具” (F12),这对调试网页非常有帮助。

第二部分:安装 DedeCMS

这里我们以在 虚拟主机 上安装为例,如果你使用本地环境,操作类似,只是访问地址是你的本地地址(如 http://localhost)。

步骤 1:下载 DedeCMS 程序

  1. 访问 DedeCMS 官方网站:https://www.dedecms.com/
  2. 在首页找到“下载”或“产品中心”,下载最新版本的 DedeCMS 程序包,通常会有一个名为 dedecms 的压缩文件。

步骤 2:上传文件到虚拟主机

dedecms制作网站教程
(图片来源网络,侵删)
  1. 使用 FTP 工具(如 FileZilla)连接到你的虚拟主机。
  2. 将下载好的 dedecms 压缩包解压,通常会得到一个名为 dedecms 的文件夹。
  3. 将这个文件夹内的所有文件和文件夹全部选中,上传到你的虚拟主机根目录,通常是 public_htmlwwwroothttpdocs 文件夹。
    • 注意:不要直接上传 dedecms 这个文件夹本身,而是要把它里面的内容上传上去。

步骤 3:创建数据库

  1. 登录你的虚拟主机控制面板(如 cPanel、宝塔面板等)。
  2. 找到“数据库”或“MySQL 数据库”管理功能。
  3. 创建一个新的数据库,mydb
  4. 创建一个新的数据库用户,myuser
  5. 为这个用户授予你刚刚创建的数据库 mydb 的所有权限。
  6. 记录下以下信息,稍后安装时会用到:
    • 数据库名称
    • 数据库用户名
    • 数据库密码
    • 数据库主机地址 (通常是 localhost0.0.1)

步骤 4:运行安装向导

  1. 在浏览器中访问你的域名,http://www.mywebsite.com
  2. 如果上传成功,你会看到一个安装界面,如果提示文件权限问题,你需要通过 FTP 连接到主机,将相关目录(如 data, templets, uploads 等)的权限设置为 777(安装完成后务必改回 755)。
  3. 点击“继续下一步”或“开始安装”。
  4. 环境检测:系统会自动检测你的 PHP 版本、MySQL 等环境,确保满足要求。
  5. 安装协议:阅读并同意许可协议,点击“同意”。
  6. 设置参数:这是最关键的一步。
    • 网站名称:你网站的标题。
    • 网站首页默认语言:通常选择 简体中文(GBK)简体中文(UTF-8)强烈推荐 UTF-8,因为它支持全球所有字符,避免乱码问题。
    • 网站安装目录:如果程序放在根目录,这里留空即可。
    • 管理员账号:设置你的后台登录用户名(默认是 admin,建议修改)。
    • 管理员密码:设置一个强密码。
    • 数据库信息:填入你之前创建数据库时记录的信息。
  7. 开始安装:点击“开始安装”,等待几分钟。
  8. 安装完成:安装成功后,系统会提示你删除 /install 目录,请务必通过 FTP 删除此目录,以防止安全隐患。

第三部分:网站后台管理基础

安装成功后,访问 http://www.mywebsite.com/dede (或你设置的目录) 进入网站后台,使用你刚才设置的管理员账号密码登录。

后台是网站的核心,你将在这里进行所有内容的管理。

核心菜单栏介绍

  • 主页:查看网站概况和常用功能入口。
  • 系统:系统设置的核心区域。
    • 系统基本参数:网站名称、公司信息、版权信息、网站路径等全局设置。
    • 核心设置:默认文档、关键字、内容相关设置等。
    • 会员设置:注册、登录、会员组权限等。
    • SQL命令工具:高级用户可以直接执行 SQL 语句操作数据库。
  • 频道模型:管理网站内容模型,默认有文章、图集、软件等,你可以在这里添加新的内容类型,产品”、“招聘”等。
  • 栏目管理:网站的“文件夹”或“分类”,首页 -> 新闻中心 -> 公司动态 -> 产品中心 -> 产品A,所有栏目都在这里管理。
  • 内容管理:发布、编辑、删除文章的地方,你可以在左侧选择栏目,然后在右侧管理该栏目下的所有内容。
  • 模板:网站外观的“设计师”。
    • 模板风格:切换整套网站模板。
    • 默认模板管理:为每个栏目设置不同的默认模板。
    • 模板文件管理:在线查看和修改模板文件(.htm)。
  • 文件管理器:管理网站上的所有文件,如图片、上传的附件、模板文件等。
  • 系统维护:数据库备份、数据恢复、更新缓存等。

第四部分:前台页面制作与修改

网站的前台页面是由 HTML 模板和 PHP 程序共同渲染生成的,DedeCMS 的模板引擎非常强大,使用简单的标签调用数据。

模板文件位置

模板文件位于 /templets/ 目录下,默认会有一个 default 文件夹,里面就是默认模板。

模板文件结构

打开 /templets/default/,你会看到很多 .htm 文件,它们对应着网站的不同页面:

  • index.htm首页模板
  • article_article.htm页模板
  • article_list.htm:文章列表页模板
  • head.htm:网站头部(包含 logo、导航栏等)
  • footer.htm:网站底部(包含版权、友情链接等)

核心标签调用

DedeCMS 的魔法在于它的标签,你不需要懂 PHP,只需要在 HTML 中插入特定的标签即可。

  • 调用网站名称

    {dede:global.cfg_webname/}
  • 调用网站Logo

    <a href="{dede:global.cfg_cmsurl/}/"><img src="{dede:global.cfg_logo/}" alt="{dede:global.cfg_webname/}" /></a>
  • 调用主导航菜单

    <nav>
        <ul>
            {dede:channel type='top' row='8'}
            <li><a href='[field:typeurl/]'>[field:typename/]</a></li>
            {/dede:channel}
        </ul>
    </nav>
    • type='top' 表示调用顶级栏目。
    • [field:typeurl/] 是栏目链接。
    • [field:typename/] 是栏目名称。
  • 首页调用文章列表

    {dede:arclist titlelen='30' row='10' typeid='1'}
    <li>
        <a href="[field:arcurl/]">[field:title/]</a>
        <span>[field:pubdate function="MyDate('Y-m-d', @me)"/]</span>
    </li>
    {/dede:arclist}
    • typeid='1' 表示调用 ID 为 1 的栏目下的文章,不写则调用所有。
    • titlelen='30' 表示标题长度限制为 30 个字符。
    • row='10' 表示调用 10 条文章。
    • [field:arcurl/] 是文章链接。
    • [field:title/] 是文章标题。
    • [field:pubdate ...] 是发布日期,并用 MyDate 函数格式化。

制作一个简单的首页

假设我们要修改首页 index.htm

  1. 备份:修改前,务必备份原始的 index.htm 文件。
  2. 打开:用文本编辑器(如 VS Code, Sublime Text, Notepad++)打开 /templets/default/index.htm
  3. 理解结构:你会发现它是由 {dede:include filename="head.htm"/}{dede:include filename="footer.htm"/} 和中间的 {dede:arclist} 等标签组成的。
  4. :你可以像修改普通 HTML 一样,修改里面的文字、图片和 CSS 样式,用上面的标签替换掉需要动态调用的部分。
  5. 保存并上传:修改后保存文件,然后通过 FTP 上传到服务器上覆盖原文件。
  6. 更新首页:登录后台,进入“生成” -> “更新主页”,点击“更新主页”按钮,这样你的修改才会生效。

第五部分:常见问题与技巧

  1. 如何更换网站模板?

    • 在网上下载新的模板包,通过 FTP 上传到 /templets/ 目录下,然后在后台“模板” -> “模板风格”中启用新模板。
    • 进入“模板” -> “默认模板管理”,为每个页面单独指定新的模板文件。
  2. 网站出现乱码怎么办?

    • 99% 的原因是编码不统一,请确保:
      • 数据库创建时是 UTF-8 编码。
      • 系统基本参数中设置的是 UTF-8
      • 你的模板文件(.htm)是 UTF-8 无 BOM 格式编码。
      • 你的 HTML 文件头中声明了 <meta charset="utf-8">
  3. 如何添加新栏目?

    后台 -> 栏目管理 -> 添加顶级栏目(或添加子栏目),填写栏目名称、选择栏目类型(文章、图集等)、设置栏目模板、设置栏目属性(最终列表栏目、频道封面等)。

  4. 如何让首页不显示某个栏目?

    • 在后台“栏目管理”中,找到该栏目,点击“修改”。
    • 在“选项”部分,取消勾选 “首页调用”
  5. 网站速度慢怎么办?

    • 后台 -> “系统” -> “SQL命令工具” -> “优化表”,定期执行。
    • 后台 -> “生成” -> “一键更新所有”,生成静态 HTML 文件,能极大提升访问速度。
    • 检查是否安装了过多不必要的插件,或模板中是否有大量未优化的调用。

第六部分:安全与维护

  1. 定期备份

    • 备份数据库:后台 -> “系统” -> “数据库备份/还原”。
    • 备份网站文件:通过 FTP 将整个网站目录下载到本地。
    • 建议每周至少备份一次。
  2. 修改默认后台目录

    • 默认后台目录是 dede,非常容易被攻击,你可以通过重命名 /dede 文件夹为其他名字(如 myadmin)来提高安全性。
  3. 使用强密码:确保你的管理员密码是大小写字母、数字、符号组合的强密码。

  4. 及时更新:关注 DedeCMS 官方网站,发现新版本后及时更新,修补安全漏洞。


通过以上六个步骤,你已经掌握了使用 DedeCMS 从零开始搭建一个网站的全过程,DedeCMS 的学习曲线相对平缓,核心在于理解后台管理和前台模板标签的调用。

建议的学习路径

  1. 先在本地环境完整走一遍安装和修改流程。
  2. 熟悉后台各大功能模块。
  3. 尝试修改默认模板,制作一个简单的个人博客或企业展示站。
  4. 逐步学习更复杂的标签调用和自定义模型。

祝你建站顺利!如果在过程中遇到具体问题,可以提供错误截图或代码,我会尽力为你解答。