dedecms 老李仿站教程

下面我将为你梳理一份“老李风格”的DedeCMS仿站完整教程,结合了其核心思路和现代仿站的实践方法。

老李仿站核心思想

老李的仿站精髓可以总结为八个字：“先拆解，再搭建”，他强调不要一上来就埋头苦干，而是要先像侦探一样分析目标网站,然后像工程师一样按图索骥地构建。

核心流程：

1. 分析目标网站：搞清楚它的结构、板块、数据类型。
2. 准备本地环境：在自己的电脑上搭建一个一模一样的“战场”。
3. 下载并安装DedeCMS：搭建好程序基础。
4. 下载并仿制模板：将目标网站的美“衣”扒下来,给DedeCMS穿上。
5. 修改模板调用标签：让“衣服”和“身体”（DedeCMS程序）完美契合。
6. 调整栏目与内容：填充血肉,让网站活起来。
7. 数据迁移与测试搬进新家,并全面检查。

老李仿站详细步骤（图文思路版）

第一步：前期准备与分析

这是最关键的一步,决定了你后续工作的效率。

1. 分析网站结构（骨架）

   
   （图片来源网络，侵删）
   • 打开目标网站,像用户一样浏览一遍。
   • 识别主要栏目：首页、关于我们、产品中心、新闻资讯、联系我们等，思考这些栏目在DedeCMS里应该对应哪种“栏目类型”：
     • 文章列表：新闻、资讯、公司动态等。
     • 图片列表：产品展示、案例展示、画廊等。
     • 单页文档：关于我们、联系我们、版权声明等。
     • 外部链接：直接跳转到其他网站。

2. 分析网站布局（皮肤）

   • 使用浏览器开发者工具：按 F12 键,打开开发者工具。
   • “元素”面板：鼠标在页面上移动，可以实时看到HTML代码的对应部分,这是你扒皮的核心工具。
   • 网络面板：刷新页面，可以查看网站加载了哪些CSS样式文件、JS脚本文件和图片，把这些文件下载下来，你就有了网站的“全套衣服”。

3. 准备本地环境

   • 你需要一个本地服务器环境来运行DedeCMS,最简单的方式是使用集成环境包。
   • 推荐软件：phpStudy (Windows) 或 MAMP (Mac)，一键安装，包含PHP、MySQL、Apache/Nginx。
   • 操作：下载并安装phpStudy，启动它，你的本地网站地址就是 http://localhost/。

第二步：安装DedeCMS程序

1. 下载DedeCMS：访问DedeCMS官方网站，下载一个稳定版本的程序包（DedeCMS-V5.7-SP2GBK+UTF8），新手建议从GBK版本开始,兼容性更好。
2. 上传并安装：
   • 将下载的DedeCMS压缩包解压。
   • 将解压后的所有文件（特别是 dede 和 data 文件夹）通过FTP工具上传到phpStudy的网站根目录（通常是 phpStudy/WWW/）。
   • 在浏览器中访问 http://你的域名/install/,根据向导一步步安装。
   • 重要提示：安装完成后，务必删除 install 文件夹,以保证安全。
3. 登录后台：访问 http://你的域名/dede/,使用安装时设置的用户名和密码登录。

第三步：仿制网站模板（核心扒皮环节）

这是老李教程的精华所在。

1. 创建模板文件夹：在DedeCMS后台，找到 【模板】 -> 【默认模板管理】，点击“设置默认模板”，你会发现系统在 /templets/default/ 目录下，为了不破坏默认模板，建议在这里新建一个文件夹，比如命名为 mymoban。

   
   （图片来源网络，侵删）

2. 下载目标网站资源：

   • CSS文件：从浏览器开发者工具的“网络”面板中找到CSS文件（如 style.css），下载下来，放到你新建的 /templets/mymoban/ 文件夹里。
   • JS文件：同样方法下载JS文件，也放到 /templets/mymoban/ 文件夹里。
   • 图片：将网站用到的所有图片下载下来，创建一个 images 文件夹,存入其中。

3. 逐页扒取HTML结构：

   • 首页：在浏览器中，将目标网站的首页完整代码（通过右键“查看网页源代码”或直接从开发者工具“元素”面板中复制）保存为一个文件，命名为 index.htm，并放入 /templets/mymoban/ 文件夹。
   • 列表页：同样方法，保存一个列表页，命名为 list_article.htm。
   • 内容页：保存一个文章内容页，命名为 article_article.htm。
   • 单页：保存一个“关于我们”这样的页面，命名为 page_about.htm。

4. 整理HTML文件：用Dreamweaver、VS Code等代码编辑器打开这些HTML文件，将它们整理干净，删除不必要的JS代码（特别是调用外部API的），只保留HTML结构和CSS/JS的引用路径。

第四步：修改模板标签（让模板和程序结合）

这是新手觉得最神奇的一步，你需要把纯HTML里的“占位符”替换成DedeCMS的“标签”。

1. 找到DedeCMS标签手册：在DedeCMS后台，帮助文档里有完整的标签说明，这是你的“字典”。

2. 替换首页标签：

   • ：<title>这里是网站标题</title> -> <title>{dede:global.cfg_webname/}</title>
   • Logo：<img src="images/logo.png"> -> <img src="{dede:global.cfg_cmsurl/}/templets/mymoban/images/logo.png"> (使用绝对路径)
   • 主导航栏：这是最复杂的，你需要用 {dede:channel} 标签循环调用所有栏目。
     • 原始HTML: <ul><li><a href="#">首页</a></li><li><a href="#">新闻</a></li></ul>
     • DedeCMS标签: <ul>{dede:channel type='top' row='8'}<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}</ul>
   • 调用：用 {dede:arclist} 标签调用指定栏目下的文章。
     • 原始HTML: <div class="news-list">...</div>
     • DedeCMS标签: <div class="news-list">{dede:arclist typeid='2' titlelen='30' row='10'}<h3><a href="[field:arcurl/]">[field:title/]</a></h3><p>[field:description function='cn_substr(@me,100)'/]...</p>{/dede:arclist}</div>
     • typeid='2' 指定调用ID为2的栏目下的文章。titlelen='30' 限制标题长度为30个字符。

3. 替换列表页标签：

   • ：同样使用 {dede:arclist} 标签，但通常不需要指定 typeid,它会自动获取当前栏目的文章。
   • 分页：在列表内容下方加上 {dede:pagelist listsize='4' listitem='info,index,end,pre,next,pageno' /}。

4. 页标签：

   • ：<h1>文章标题</h1> -> <h1>{dede:field.title/}</h1>
   • ：<div class="content">...</div> -> <div class="content">{dede:field.body/}</div>
   • 发布时间、来源、点击量：分别使用 {dede:field.pubdate function="MyDate('Y-m-d',@me)"/}、{dede:field.source/}、<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field.aid/}&mid={dede:field.mid/}" type='text/javascript' language="javascript"></script>。

5. 设置默认模板：

   • 回到DedeCMS后台 【模板】 -> 【默认模板管理】**。
   • 将首页、栏目页、内容页、文章列表页等默认模板都设置为你刚刚修改的 mymoban 文件夹下的对应文件。

第五步：调整栏目与发布内容

1. 创建栏目：在后台 【核心】 -> 【栏目管理】，根据你第一步的分析结果，创建所有栏目，在创建时，选择正确的栏目类型（列表、封面、外部链接等）,并指定对应的模板文件。
2. 发布测试内容：在每个栏目里发布几篇测试文章，看看前台页面是否正常显示，图片、链接、分页是否都正确。

第六步：数据迁移与最终测试

1. 备份数据：在原网站后台（如果可以访问）或通过数据库工具，导出所有数据（SQL文件）。
2. 导入数据：在你的本地DedeCMS数据库中，清空原有数据,然后导入备份的SQL文件。
3. 路径修正：导入的数据中，文章内容里的图片路径可能还是原网站的，你需要使用DedeCMS后台的 【系统】 -> 【SQL命令行工具】**，执行批量替换命令，将原域名替换成你的本地域名。

   UPDATE dede_archives SET body = REPLACE(body, 'www.old-domain.com', 'localhost');
   UPDATE dede_addonarticle SET body = REPLACE(body, 'www.old-domain.com', 'localhost');

   （注意：dede_ 是你的数据库表前缀，请根据实际情况修改）。

4. 全面测试：浏览网站的每一个页面，检查链接是否有效，图片是否显示，表单是否提交成功,确保所有功能都正常。

老李仿站进阶技巧与注意事项

• DedeCMS标签灵活运用：不要死记硬背，理解 {dede:} 标签的原理，学会使用 typeid、row、titlelen、limit 等属性来精确控制你想要的内容。
• CSS与JS路径问题：这是最常见的错误，确保所有CSS、JS、图片的路径都是相对于模板文件夹的，或者使用绝对路径（{dede:global.cfg_cmsurl/}/...）。
• 首页生成：每修改一次模板或发布新内容，都要记得在后台 【生成】 -> 【一键生成网站】**，点击“开始生成首页”,否则前台不会更新。
• 安全第一：仿站完成后，修改默认后台目录名（如把 dede 改成 myadmin）,并设置一个复杂的密码。
• 从简单到复杂：如果目标网站功能复杂（如会员系统、支付功能），可以先从仿制其“展示型”页面开始,等熟悉了再逐步添加复杂功能。

这份教程基本还原了老李仿站的完整流程，虽然现在有更现代的CMS和建站工具，但DedeCMS仿站依然是学习网站后台逻辑、数据库和模板引擎的绝佳实践,祝你仿站成功！