dede后台如何上传网站源代码？-DEDE建站-盈思创科技

将你网站的 HTML/CSS/JS 文件，拆解成 DedeCMS 能够识别和管理的“模板文件”，然后通过后台的模板管理功能来应用它们。

（图片来源网络，侵删）

下面我为你详细分解整个流程,从准备工作到最终发布。

核心概念理解

在开始之前，你必须理解 DedeCMS 的工作方式：

模板与数据分离：DedeCMS 是一个内容管理系统，网站前台显示的内容,分为两部分：
- 动态数据：存储在数据库里，比如文章标题、正文、产品介绍等，这些内容你在后台的“内容管理”里添加。
- 静态模板：网站的 HTML 框架、样式和布局，这些是 .htm 文件，存放在 /templets/ 目录下，DedeCMS 会用后台的数据去“填充”这些模板,最终生成用户看到的网页。
模板引擎：DedeCMS 使用自己的模板引擎,它使用特定的标签，
（图片来源网络，侵删）
- {dede:arclist}：用于调用文章列表。
- {dede:field.title/}：用于显示文章标题。
- {dede:include filename='head.htm'/}：用于引入公共头部文件。

你的任务不是“上传源代码”，而是“将源代码转换成 DedeCMS 的模板”。

详细操作步骤

假设你已经有一个完整的、静态的网站源代码文件夹，里面包含了 index.html, about.html, css/, js/, images/ 等文件。

第一步：准备工作

安装 DedeCMS：在你的服务器上先安装一个干净的 DedeCMS 程序，安装完成后,你的网站目录结构会大致如下：

/dedecms/
├── /dede/          (后台管理目录)
├── /templets/      (模板存放目录)
├── /uploads/       (上传文件目录)
├── /include/       (核心函数库)
├── /plus/          (功能模块目录)
├── index.php       (网站入口文件)
└── ...其他文件

分析你的源代码：打开你的 index.html 文件，分析它的结构,通常可以分为：
（图片来源网络，侵删）
- 公共部分：页头 (header)、页脚 (footer)、导航 (nav),这些部分在多个页面都会重复使用。
- 主体部分：首页特有的内容，比如轮播图、新闻列表、产品展示等。

第二步：转换和创建模板文件

这是最关键的一步，你需要将你的 HTML 文件，按照 DedeCMS 的规则进行拆分和改造。

创建基础模板文件：
- 在 /templets/ 目录下，新建一个文件夹，用于存放你的新模板，例如命名为 mywebsite。
- 在 /templets/mywebsite/ 目录下，创建以下文件：
  - index.htm：首页模板。
  - article_list.htm：文章列表页模板。
  - article_article.htm页模板。
  - head.htm：公共头部模板。
  - footer.htm：公共底部模板。
拆分和改造 HTML：
- 复制并拆分 index.html：
  - 打开你的 index.html。
  - 将 <head> 到 </head> 之间的内容，以及 <body> 顶部的导航栏等，复制到 head.htm 中。
  - 将 <body> 底部的版权信息等，复制到 footer.htm 中。
  - 将首页中间的主体内容部分，复制到 index.htm 中。
- 使用 DedeCMS 标签替换静态内容：
  - 在 index.htm 中，找到你原来的静态列表，比如新闻列表，删除它，替换成 DedeCMS 的文章列表标签：
```



{dede:arclist row='5' titlelen='24'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
```
  - 同样，替换掉首页的轮播图、推荐产品等，使用对应的 DedeCMS 标签。
  - 在 head.htm 和 footer.htm 中，使用 {dede:include} 标签来引入彼此，形成完整的页面结构，在 index.htm 的开头和结尾这样写：
```
{dede:include filename='head.htm'/}

{dede:include filename='footer.htm'/}
```
处理 CSS 和 JS 文件：
- 将你的 css/ 和 js/ 文件夹，上传到 /templets/mywebsite/ 目录下。
- 修改 head.htm 文件，将原来指向 CSS 和 JS 的路径更新为新的路径。
  - 原来可能是：<link rel="stylesheet" href="css/style.css">
  - 现在需要改为：<link rel="stylesheet" href="{dede:global.cfg_templets_dir/}/mywebsite/css/style.css">
  - {dede:global.cfg_templets_dir/} 是 DedeCMS 的全局变量,会自动指向你的模板目录。
处理图片路径：
- 将你的 images/ 文件夹也上传到 /templets/mywebsite/ 目录下。
- 在模板文件中，所有图片路径都要使用绝对路径或带模板目录的路径，以避免图片不显示。
  - 原来可能是：<img src="images/logo.png">
  - 现在改为：<img src="{dede:global.cfg_templets_dir/}/mywebsite/images/logo.png">

第三步：在 DedeCMS 后台应用模板

你的模板文件已经准备就绪,可以进入后台进行设置了。

登录后台：访问 你的域名/dede/,输入你的管理员账号密码登录。
设置默认模板：
- 在后台左侧菜单中，找到 【系统】 -> 【系统基本参数】。
- 在弹出的页面中，切换到 【核心设置】 选项卡。
- 找到 “默认模板目录” 这一项，将其值修改为你刚才创建的模板文件夹名，mywebsite。
- 点击“保存”。
生成首页：
- 在后台左侧菜单中，找到 【生成】 -> 【主页更新】。
- 在页面中，你可以选择“仅更新主页”或“更新所有HTML”。
- 点击“开始生成”按钮，DedeCMS 会根据你设置的 index.htm 模板，从数据库中读取内容，生成一个静态的 index.html 文件,并放在你的网站根目录下。
生成栏目和文章：
- 创建栏目：进入 【核心】 -> 【栏目管理】，创建你的网站栏目，公司新闻”、“产品中心”等，在创建栏目时，你可以为每个栏目指定对应的列表模板（如 article_list.htm）和文章内容模板（如 article_article.htm）。
- ：进入 管理】 -> 【普通文章】 或其他对应的内容模型，添加你的文章、产品等内容。
- 生成栏目页和文章页：添加完内容后，回到 【生成】 菜单，选择 【一键生成所有】 或分别生成栏目和文档，这样,所有的页面都会被生成出来。

总结与注意事项

不要直接上传源代码文件到后台：后台的“文件管理器”主要用于上传文章图片、附件等,而不是替换整个网站的模板结构。
核心是模板转换：你的主要工作是把静态 HTML 拆分成 DedeCMS 模块化的 .htm 文件,并学会使用其标签。
路径问题：模板中引用的所有静态资源（CSS, JS, 图片）的路径，一定要使用 {dede:global.cfg_templets_dir/} 变量来确保路径正确。
备份！备份！备份！ 在进行任何重大操作前，请务必备份你的数据库和 /templets 目录，如果操作失误,可以快速恢复。
学习标签：DedeCMS 的功能强大，但也依赖于其标签系统，花点时间学习常用标签（如 arclist, list, field, global 等）是必不可少的。

按照以上步骤，你就能成功地将你的网站源代码“放入” DedeCMS 后台,并让它成为一个可以动态管理内容的网站了。

dede后台如何上传网站源代码？