1.在templates文件夾下新建模板文件夾llli(名字可以自己隨便起)

2.在lll下面新建文件夾content(必須為content)

3.把靜態頁面拿到content文件夾里面,順便改名字

4.把靜態網頁所用的文件夾(css,js,images)拿到statics文件夾下面
5.后台里面設置模板改為lll(看模板風格配置)

6.替換路徑 {CSS_PATH}代表statics文件夾下的css文件夾目錄

7.將首頁拆分成三塊,header footer index
8.css、js放到相應的頁面
header用到的css,js放在header,index用到的css,js放在index里
9.index里面需要引入頭header和尾footer.
{template "content","header"}
{template "content","footer"}
10. 替換內容(基本的語法)
(1)替換目錄以及判斷是否為當前頁
<div id="menu">
<!--action="category":表示調取欄目-->
<!--catid="0"表示調用一級欄目,若不為0,則表示調用一級欄目下的耳機欄目-->
<!--num="4"表示最多調取的數據-->
<!--order="listorder ASC"表示排序方式-->
{pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"}
<!--loop表示循環-->
<!--$data表示pc標簽讀出的數據-->
<!--$r表示值-->
{loop $data $r}
<!--判斷當前頁是否為該欄目,如果是則選中-->
<!--$catid==$r[catid]表示判斷該欄目id是否等於欄目id-->
<!--$top_parentid==$r[catid]表示如果是二級欄目的情況下,判斷頂級欄目是否等於欄目id-->
{if $catid==$r[catid]||$top_parentid==$r[catid]}
<!--{$r[catname]}表示欄目名稱-->
<a href="{$r[url]}"><div class="menu menu_sel">{$r[catname]}</div></a>
{else}
<a href="{$r[url]}"><div class="menu">{$r[catname]}</div></a>
{/if}
{/loop}
{/pc}
<!--判斷當前頁是否為首頁-->
{if $top_parentid==0}
<a href="{siteurl($siteid)}">
<div class="menu menu_sel">首頁</div>
</a>
{else}
<a href="{siteurl($siteid)}">
<div class="menu">首頁</div>
</a>
{/if}
</div>
(2)替換內容:
<!--list獲取欄目下面的內容列表 catid:欄目代號-->
<!--action="lists":表示調取內容-->
<!--catid="13"表示調取該欄目下的內容-->
{pc:content action="lists" catid="13" order="listorder ASC" num="4"}
<!--循環遍歷-->
{loop $data $key $val}
<!--{$val[thumb]}圖片路徑-->
<img class="lunbo" src="{$val[thumb]}" width="1200" height="642" />
{/loop}
{/pc}
(3)嵌套 同時替換目錄和內容
<!--循環欄目-->
{pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"}
{loop $data $r}
<div class="qt_list">
<div class="qt_title">
<span class="qt_t_us">{$r[catname]}</span>
<a href="{$r[url]}"><span class="qt_t_more">更多>></span></a>
</div>
<!--循環內容-->
<!--關鍵點:catid="$r[catid]"-->
<!--num="1"取一條數據-->
{pc:content action="lists" catid="$r[catid]" order="listorder ASC" num="1"}
{loop $data $key $val}
<div class="qt_img_wai">
<a href="{$val[url]}"><img src="{$val[thumb]}" width="280" height="269" /></a>
</div>
<div class="qt_nr">
<!--取內容(后台里的摘要)-->
{$val[description]}
</div>
{/loop}
{/pc}
</div>
{/loop}
{/pc}
