# 織夢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/]文章閱讀數
~~~
