第一步：在【界面—資源】下面引入資源文件（js,css,img…）

第二步：在【界面—模板】下面將網(wǎng)站的入口頁面寫在【index】文件下

此時修改index頁面中的 js,css,圖片 的路徑，路徑修改正確后，查看首頁可以看到一個如靜態(tài)頁面般的首頁，關(guān)于修改資源文件的路徑，修改后如圖所示：
第三步：在【界面—模板】下面將網(wǎng)站的其他靜態(tài)頁面都放在【channel】文件下，并且依次修改靜態(tài)頁面內(nèi)的資源文件路徑，修改完成后查看網(wǎng)站即可看到一套完整的網(wǎng)站靜態(tài)頁面。

--------------------至此為止，套站的準備工作已經(jīng)完成------------------------

第四步：【配置—模型管理—添加模型】模型的欄目模板前綴就理解成在模板中cannel的頁面名字。

建模型如圖所示：
第五步：模型建好后，去【欄目】菜單下添加欄目。

欄目添加時，欄目與模型連接的紐帶是要選擇的欄目模型，如圖所示：
欄目的表單內(nèi)容是建模型時設(shè)置的欄目模型！！！！！

--------------------基本上到這里改建的都建的差不多了，就該開始套代碼了，下面試常用的套站代碼------------------------

①：列表形式代碼

<div id="downList">[@cms_content_page count='300' orderBy='4' titLen='30' channelId=channel.id dateFormat='yyyy-MM-dd'channelOption='2']<ul>[#list tag_pagination.list as a]<li><a href="${a.url}"><span>${a.title}</span></a><span>${a.releaseDate?string(dateFormat)}</span></a></li>[/#list]</ul>[/@cms_content_page] </div>

效果

當遇到多種樣式的列表時，通過列表的下表去控制樣式

代碼

[@cms_content_list count='1' orderBy='4' titLen='50' channelId='75' channelOption='1' dateFormat='yyyy-MM-dd'][#list tag_list as a]<ul>[#if a_index==0]<li class="wpart-border-line"style=" margin-bottom:20px;padding-bottom:20px;"><div class="wp-new-article-style-01-left"style="height:130px;width:208px;text-align:center;position: relative;overflow: hidden"><div class="imgloading" style="height:128px;width:206px;"></div><a href="${a.url}"><img src="/${res}/picture/blank.gif"class="wp-article_list-thumbnail img_lazy_load"style="margin:0 auto;position: relative;height:130px;width:208px;"data-original="http://tpl-ce8d567.pic32.websiteonline.cn/upload/sw(6).jpg" /></a></div><!--wp-new-article-style-01-left--><div class="wp-new-article-style-01-right"><p class="title"><a class="" href="${a.url}" >${a.title}</a></p><p class="time"><spanclass="wp-new-ar-pro-time">${a.releaseDate?string(dateFormat)}</span></p><p class="abstract">${a.description}</p></div><!--wp-new-article-style-01-right--></li>[/#if]</ul>[/#list][/@cms_content_list]---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------[@cms_content_list count='4' orderBy='4' titLen='50' channelId='75' channelOption='1' dateFormat='yyyy-MM-dd'][#list tag_list as b]<ul>[#if b_index>0]<li><p class="link title"><a href="${b.url}">${b.title}</a></p><p class="time"><span class="wp-new-ar-pro-time">${b.releaseDate?string(dateFormat)}</span></p><p class="wpart-border-line"></p></li>[/#if]</ul>[/#list][/@cms_content_list]---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------[@cms_content_list count='7' orderBy='4' titLen='50' channelId='75' channelOption='1' dateFormat='yyyy-MM' dateFormat1='dd'][#list tag_list as c]<ul>[#if c_index>3]<li class="wpart-border-line"style=";padding-top:12px;padding-bottom:12px;"><div class="time"style="background:#00008B;width:60px;height:62px;"><span class="wp-new-ar-pro-time" id="day"style="line-height:41px; color:#fff;font-size:34px;">${c.releaseDate?string(dateFormat1)}</span><span class="date" id="day_ym"style="color:#fff;font-size:12px;display:block; ">${c.releaseDate?string(dateFormat)}</span></div><div class="conts"><p class="title"><a href="${c.url}">${c.title}</a></p><p class="abstract">${c.description}</p></div></li>[/#if]</ul>[/#list][/@cms_content_list]

注意1：如果在首頁引用二級頁欄目的列表，用以下標簽

[@cms_content_list count='3' orderBy='4' titLen='50' channelId='155' channelOption='1'][#list tag_list as a]<div><div class="img"><img src="${a.attr.img!}" alt=""></div><div class="info"><div class="title">${a.title}</div><div class="text">${a.description}</div></div></div>[/#list] [/@cms_content_list]

注意2：通過列表進入的詳情頁，這樣寫 ： ${content.title}

-----------------------------------------------注意事項-------------------------------------------

日期這樣寫--------${a.releaseDate?string(dateFormat)}
自定義內(nèi)容模型字段------ ${a.attr.自定義字段名!}
自定義圖片的url------ ${a.attr.自定義的圖片字段名!}
當遇到多種樣式的列表時，有兩個點要注意：1.找下標（a_index==0 代表列表的第一個），2.該樣式的展示個數(shù)，假如有ABC三種樣式時，B的允許顯示個數(shù)要設(shè)置成A+B的總個數(shù)，以此類推。

先說這么多吧，脖子累了，回家躺著啊。

總結(jié)

以上是生活随笔為你收集整理的关于JEECMS套站工具的使用要点的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。