# 织梦DedeCMS仿站
DedeCMS系统的模板是非固定的，用户可以在新建栏目时可以自行选择栏目模板，官方仅提供最基本的默认模板，
即是内置系统模型的各个模板，由于DedeCMS支持自定义频道模型，用户自定义新频道模型后，还需要按该模型的字段设计一套新的模板，此外，DedeCMS也支持使用风格的形式使用模板，默认风格是 default，它表示系统默认使用 {cmspath}/templets/default 这个文件夹的模板，如果你下载了一套新的模板，你可以不必要删除 default 原有的文件，把下载的模板文件夹命名你想要的风格名称，如 style2 等，然后在后台修改了默认的模板风格名称为 style2 ，那系统将使用{cmspath}/templets/style2 这文件当作默认模板，但是若你手工指定了栏目模板的位置，则后台参数风格的定义无效。
一、概念，设计和使用模板，必须要理解下面几个概念
1、板块（封面）模板：
指网站主页或比较重要的栏目封面频道使用的模板，一般用“index\_识别ID.htm”命名，此外，用户单独定义的单个页面或自定义标记，也可选是否支持板块模板标记，如果支持，系统会用板块模板标记引擎去解析后才输出内容或生成特定的文件。
2、列表模板：
指网站某个栏目的所有文章列表的模板，一般用 “list\_识别ID.htm” 命名。
3、内容模板：
表示文档查看页的模板，如文章模板，一般用 “article\_识别ID.htm” 命名。
4、其它模板：
一般系统常规包含的模板有：主页模板、搜索模板、RSS、JS编译功能模板等，此外用户也可以自定义一个模板创建为任意文件。
二、 命名，DedeCMS模板默认命名规则如下
1、模板保存位置：
模板目录：{cmspath} /templets/样式名称（英文，默认为default，其中system为系统底层模板，plus为插件使用的模板）/具体功能模板文件｝
2、 模板文件命名规范：
（１）index\_识别ID.htm： 表示板块（栏目封面）模板；
（２）list\_识别ID.htm： 表示栏目列表模板；
（３）article\_识别ID.htm： 表示内容查看页（文档模板，包括专题查看页）；
（４）search.htm： 搜索结果列表模板；
（５）index.htm： 主页模板；
注解：\[识别ID\]可以在“频道模型管理”的地方获得，当然，你也可以在“频道模型管理”的地方确定某个频道的模板命名。
例：list\_image.htm 表示是就是内容类型为图片集的栏目默认列表模板。
article\_article.htm 表示的是文章查看页模板。
三、其它模板说明
1、默认底层模板
位置： {cmspath}/templets/system
功能：在没有指定标记的默认底层模板的时候，系统将自动调用这个文件夹的相应文件作为底层模板。
2、插件目录模板
位置： {cmspath}/templets/plus
功能：评论、友情链接、RSS地图等模板。
3、会员后台模板
位置： {cmspath}/member/templets
功能：会员后台的模板。
## 仿站流程
开始之前准备
工具：代码编辑器 这里使用是sublime Text 当然你也可以使用其它编辑器
目标网站：[http://demo4100.adashuo.com/](http://demo4100.adashuo.com/)
1.打开目标网站 （[http://demo4100.adashuo.com/）](http://demo4100.adashuo.com/%EF%BC%89)把网页另存为 保存到桌面
3.我们将保存下来的html页面复制到网站templets/default目录下 命名为 index.htm(把织梦默认index.htm删除或者覆盖)
4.更改 css、 js 、img文件路径
5.我们在default目录下 新建style images js 三个文件夹 分别是存放 css文件、 图片、js文件。
6.把保存下来的目标网站css js 图片文件 分别复制到前面新建的对应目录下 （注意 我们保存的下来的js文件 文件名后面多了.下载 需要去掉）
8.用编辑器打开index.htm 修改css js img 的路径。
{dede:global.cfg\_templets\_skin/} 这是织梦全局路径标签 指向到templets/default目录
打开网站首页 首页样式已经加载完整 下面使用标签读取数据 图片路径在后面读取数据的时候再进行替换
1.读取栏目栏目数据
第一、我们先去织梦后台添加相关的栏目数据
第二、找到栏目html标签 只需要留下一个一个标签 其它的我们删除掉 后面使用标签读取栏目数据 会进行循环出来。
第三、使用标签读取栏目数据
~~~
{dede:channel type='top' currentstyle="<li class='home'><a href='~typelink~'>~typename~</a> </li>"}
<li><a href="[field:typelink/]" [field:global name=autoindex runphp="yes"](@me==0)? @me="class='home'":@me="";[/field:global] >[field:typename/]</a></li>
{/dede:channel}
~~~
2.读取幻灯片文章 和特推文章 和 广告位
在读取之前 我们还是先填充一下数据
使用标签读取文章
~~~
{dede:arclist flag='f' }
<li style="display: list-item;">
<div class="pic"><a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title/]"></a></div>
<div class="tit" style="bottom: -8.664px;"><a href="[field:arcurl/]">[field:title/]</a></div>
<div class="bg" style="bottom: -8.664px;"></div>
</li>
{/dede:arclist}
~~~
3.读取文章列表
跟上面的读取栏目的方式一样 使用织梦读取arclist进行读取文章列表 替换内容
~~~
<li>
<a href="[field:arcurl/]" class="pic"><i><b>特别推荐</b></i><img src="[field:litpic/]" alt="[field:title/]"></a>
<h3><a href="[field:arcurl/]">[field:title/]</a></h3>
<p class="info">[field:info /]</p>
<p class="p"> <em>发布：[field:pubdate function='strftime("%m-%d",@me)'/]</em><em>阅读（[field:click/]）</em> <span> </span> </p>
</li>
[field:arcurl/] 文章链接
[field:litpic/] 文章缩略图
[field:title/]文章标题
[field:info /] 文章摘要
[field:click/]文章阅读数
~~~
