DedeCMS 后台模板是什么？

DedeCMS 的后台模板，就是控制 DedeCMS 管理界面外观和布局的 HTML、CSS 和 JavaScript 文件的集合，它与你网站的 前台模板（即用户访问网站时看到的页面）是完全独立的。

dedecms 后台 模板
（图片来源网络，侵删）

当你修改后台模板时,只影响管理员登录后台后的操作界面，不会影响到你网站的访客。

后台模板的存放位置

要修改或创建后台模板,首先需要知道它的文件位置，默认情况下，DedeCMS 的后台模板文件位于：

/dede/templets/ 目录下

你可以通过 FTP 或文件管理器访问这个目录，进入后，你会看到一系列 .htm 文件，这些就是构成后台各个页面的模板文件。

dedecms 后台 模板
（图片来源网络，侵删）

常用后台模板文件及其对应页面：

文件名 对应的后台页面
index_body.htm 后台首页的主体内容
index_menu.htm 后台左侧的菜单栏
login.htm 后台登录页面
sys_data.htm 系统 -> 数据备份/恢复 页面
sys_info_safefire.htm 系统 -> 系统基本参数 -> 安全设置 页面
article_add.htm 核心 -> 新增文档 页面
article_edit.htm 核心 -> 编辑文档 页面
catalog_add.htm 核心 -> 栏目管理 -> 增加顶级栏目 页面
templets_list.htm 模板 -> 模板管理 页面
... ...

重要提示： 在修改这些文件之前，强烈建议先进行备份！直接修改原文件，一旦出错可能导致后台部分功能无法正常显示或使用。

如何修改和使用后台模板

修改现有模板

这是最常见的操作,比如修改后台首页的欢迎语、调整某个页面的布局或样式。

步骤：

  1. 备份文件：通过 FTP 将 dede/templets/ 目录下你想修改的文件（index_body.htm）下载到本地，并做一个备份。
  2. 编辑文件：使用任何代码编辑器（如 VS Code, Sublime Text, Dreamweaver）打开下载的文件。
  3. 进行修改：
    • 修改文本内容：直接找到对应的文字进行修改，在 index_body.htm 中找到欢迎语，改成你自己的。
    • 修改样式：模板文件中通常会内嵌 CSS 样式（在 <style> 标签内）或引用外部 CSS 文件，你可以直接修改样式来改变颜色、字体、间距等。
    • 修改结构：可以调整 HTML 代码的顺序，来改变模块的布局。
  4. 上传文件：将修改好的文件通过 FTP 覆盖上传到服务器上 dede/templets/ 目录的对应位置。
  5. 刷新后台：登录你的 Dedecms 后台，按 Ctrl + F5 强制刷新页面，即可看到修改效果。

创建/切换一套全新的后台模板

如果你想让后台拥有一个完全不同的主题（比如一个更现代、更简洁的界面），你可以创建一套全新的后台模板。

步骤：

  1. 创建新目录：在 dede/templets/ 目录下创建一个新的文件夹，例如命名为 my_admin_theme。
  2. 复制模板文件：将 dede/templets/ 目录下所有 .htm 模板文件复制到你刚创建的 my_admin_theme 文件夹中。
  3. 修改模板文件：你可以在这个新文件夹里自由地修改所有模板文件，而不会影响到默认的模板。
  4. 切换后台模板：
    • 登录 Dedecms 后台。
    • 进入 【系统】 -> 【系统基本参数】。
    • 在左侧菜单中找到 【核心设置】。
    • 在右侧的设置项中,找到 “后台默认模板风格” 这个选项。
    • 在其下拉菜单中,选择你刚刚创建的模板文件夹名称，即 my_admin_theme。
    • 点击 【保存】 按钮。

你再次进入后台,就会发现界面已经切换到了你新创建的模板风格，如果需要恢复，只需在这里改回默认的 default 即可。

后台模板的核心文件解析

理解几个核心文件的结构,能让你更高效地进行定制。

index_body.htm (后台首页)

这是最常被定制的文件,它主要由两部分组成：

  • 顶部信息栏：显示系统信息、登录用户、快捷入口等。
  • 区：通常由多个数据模块（如网站信息、文档数量、待审核内容等）组成，这些模块由 PHP 代码动态生成，并用 HTML 和 CSS 进行布局。

index_menu.htm (左侧菜单)

这个文件定义了后台左侧的导航菜单,它的结构通常是一个无序列表 (<ul>)，里面包含多个列表项 (<li>)，每个 <li> 对应一个菜单项或一个菜单组。

  • 你可以在这里修改菜单的名称、链接，甚至通过修改 HTML 结构来增加或删除菜单项。
  • 菜单的展开/收起效果通常由 JavaScript 控制，对应的 JS 文件也在 dede/ 目录下。

login.htm (登录页面)

这个文件非常独立,它只负责后台登录界面的显示，你可以完全重写它，打造一个独一无二的品牌登录页面，修改时，请确保表单的 action 属性和 input 的 name 属性保持不变，否则登录功能会失效。

常见问题与注意事项

  1. 权限问题：确保你的 Web 服务器（如 Apache/Nginx）对 dede/templets/ 目录及其下的文件有读取权限，如果你通过后台在线编辑模板，还需要写入权限。
  2. 缓存问题：修改模板后，如果看不到效果，请务必清除浏览器缓存（Ctrl + F5），DedeCMS 本身对后台模板的缓存较少，但浏览器缓存是常见原因。
  3. 不要删除核心文件：除非你非常确定，否则不要轻易删除 dede/templets/ 目录下的任何默认文件，这可能导致后台功能错乱。
  4. 兼容性：如果你使用了非默认的模板，在升级 Dedecms 程序时，新版本的程序可能会覆盖默认模板，升级后你可能需要重新应用你的自定义模板，或者将你的自定义模板文件排除在升级范围外。
  5. PHP 代码：后台模板文件中同样包含 PHP 代码（{dede:...} 标签和 <?php ... ?> 语句），修改时要格外小心，不要破坏 PHP 语法，否则会导致页面报错。

DedeCMS 的后台模板系统为开发者和管理员提供了极大的灵活性，无论是微调某个细节，还是进行大刀阔斧的改版，都可以通过操作 dede/templets/ 目录下的文件来实现。“备份、修改、刷新” 的黄金法则，你就能轻松驾驭 Dedecms 的后台模板定制。