稻殼CMS圖文、新聞、產(chǎn)品等功能性標(biāo)簽的添加使用

這一節(jié)相當(dāng)重要，是整個(gè)稻殼cms模板制作的重中之重，這節(jié)學(xué)完之后，很多問(wèn)題就會(huì)迎刃而解。

在上一節(jié)中，我們了解到稻殼cms模板標(biāo)簽的基本使用方法包含兩個(gè)部分，第一是在模板文件中添加模板標(biāo)簽及參數(shù)來(lái)調(diào)用樣式文件，第二是在對(duì)應(yīng)樣式文件中添加代碼。
稻殼cms模板標(biāo)簽的參數(shù)一一對(duì)應(yīng)不同的功能，以新聞列表標(biāo)簽為例：
 

1. <?php doc_list('8|9',1,0,30,50,0,true,true,'id',0)?> 

上面是一個(gè)標(biāo)準(zhǔn)的稻殼cms新聞列表標(biāo)簽示范，我們看到其中的參數(shù)要比上一節(jié)的導(dǎo)航標(biāo)簽多很多，其中的標(biāo)簽參數(shù)表示調(diào)用ID，調(diào)用新聞列表?xiàng)l數(shù)，新聞標(biāo)題字?jǐn)?shù)，排序方式等等。

在以往使用深喉嚨cms模板標(biāo)簽時(shí)，我們要對(duì)照模板標(biāo)簽說(shuō)明文件來(lái)一一修改參數(shù)，不但修改起來(lái)不方便，而且經(jīng)常容易出錯(cuò)，改錯(cuò)一個(gè)參數(shù)就意味著頁(yè)面顯示不正?；虺绦驁?bào)錯(cuò)。

而在新版的稻殼cms系統(tǒng)中，增加了一項(xiàng)非常實(shí)用快速設(shè)置模板標(biāo)簽參數(shù)的功能，那就是后臺(tái)的標(biāo)簽管理功能，該功能能夠通過(guò)可視化的方式來(lái)選取設(shè)置模板標(biāo)簽參數(shù)，自動(dòng)添加模板標(biāo)簽參數(shù)，無(wú)需我們手動(dòng)修改標(biāo)簽數(shù)值了。

那么我們就先來(lái)示范下稻殼cms的模板標(biāo)簽管理功能使用方法。

首先打開index.php首頁(yè)模板文件，在欲添加標(biāo)簽的位置添加對(duì)應(yīng)標(biāo)簽，例如我們想添加新聞列表標(biāo)簽doc_list，就可以輸入<?php doc_list()?>，想添加視頻標(biāo)簽，就可以輸入<?php doc_video()?>，想添加焦點(diǎn)圖標(biāo)簽，就可以輸入<?php doc_focus()?>，這里我們可以隨便給標(biāo)簽輸入幾個(gè)參數(shù)，也可以把參數(shù)的括號(hào)內(nèi)留空不輸入?yún)?shù)，保存文件。

接下來(lái)我們登錄后臺(tái)——開始構(gòu)建網(wǎng)站——模板管理——選擇使用對(duì)應(yīng)的模板后——選擇標(biāo)簽可視化管理一欄中的點(diǎn)擊展開標(biāo)簽管理，這時(shí)候我們會(huì)看到下面的這個(gè)界面：


 

地方
注意看紅圈標(biāo)注的內(nèi)容，是不是就對(duì)應(yīng)出現(xiàn)了我們添加在index.php首頁(yè)模板文件中的標(biāo)簽按鈕了。

我們依次點(diǎn)擊模板中不同位置的不同標(biāo)簽按鈕，會(huì)出現(xiàn)各自的標(biāo)簽調(diào)用設(shè)置界面，以list標(biāo)簽為例：

我們看到，標(biāo)簽調(diào)用設(shè)置界面我們可以非常方便地選擇調(diào)用欄目、調(diào)用條數(shù)、樣式文件、標(biāo)題字?jǐn)?shù)等詳細(xì)參數(shù)。我們一一選擇好對(duì)應(yīng)參數(shù)后，保存標(biāo)簽調(diào)用設(shè)置，然后回到DW中，DW會(huì)提示index.php首頁(yè)模板文件進(jìn)行過(guò)改動(dòng)，是否重新加載，重新加載或重新打開index.php首頁(yè)模板文件后，我們會(huì)發(fā)現(xiàn)剛才我們輸入的<?php doc_list()?>標(biāo)簽變成了<?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>這種帶有詳細(xì)參數(shù)的完整標(biāo)簽了。

現(xiàn)在我們完成了模板文件里的標(biāo)簽添加和參數(shù)修改，下一步就是對(duì)模板標(biāo)簽對(duì)應(yīng)的樣式文件進(jìn)行修改了。

我們打開模板目錄的index/list/list_0.php這個(gè)對(duì)應(yīng)的list樣式文件進(jìn)行修改。以最簡(jiǎn)單的新聞列表結(jié)構(gòu)為例，假設(shè)index.php首頁(yè)模板文件中的新聞?lì)惐泶a最開始的時(shí)候是這樣：

1. <div class="newslist">  
2.   <ul>  
3.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
4.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
5.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
6.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
7.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
8.     <li><a href="#">新聞標(biāo)題文字</a><span>[2012-12-12]</span></li>  
9.  </ul>  
10.  </div> 

那么我們添加好標(biāo)簽后就應(yīng)該是這樣：
 

1. <div class="newslist">  
2.   <ul>  
3.    <?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>  
4.   </ul>  
5. </div> 

我們可以看到，標(biāo)簽所在的位置，就是進(jìn)行l(wèi)i循環(huán)輸出的位置，外圍的ul和div要包圍好模板標(biāo)簽，html結(jié)構(gòu)保持不變，那么對(duì)應(yīng)的li的部分我們就應(yīng)該寫在了index/list/list_0.php樣式文件中了。

打開index/list/list_0.php文件，修改代碼結(jié)果如下：
 

1. <li>  
2. <a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><?php echo $data['title']; ?><span><?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?></span></a>  
3. </li> 

我們看到上面，會(huì)發(fā)現(xiàn)把鏈接地址、新聞標(biāo)題、日期這些動(dòng)態(tài)數(shù)據(jù)替換成了相應(yīng)的代碼，從而能夠從數(shù)據(jù)庫(kù)中讀取進(jìn)行動(dòng)態(tài)顯示。那么諸如“<?php echo $data['title']; ?>、<?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?>”這些代碼我們可以直接參考官方默認(rèn)模板中的各個(gè)樣式文件，從中我們可以獲取常用的代碼，這里雅風(fēng)就不一一細(xì)說(shuō)了。

當(dāng)然這只是一個(gè)最簡(jiǎn)單的新聞列表結(jié)構(gòu)，如果復(fù)雜些，涉及到新聞圖片、新聞標(biāo)題、新聞日期、新聞點(diǎn)擊數(shù)、新聞?wù)鹊燃?xì)節(jié)顯示，調(diào)用方法是一樣的，只要標(biāo)簽添加好參數(shù)，樣式文件按照之前我們寫好的html結(jié)構(gòu)文件來(lái)修改，就可以實(shí)現(xiàn)。

添加和修改好標(biāo)簽以及樣式文件并保存后，我們刷新下頁(yè)面會(huì)發(fā)現(xiàn)各個(gè)位置調(diào)用的數(shù)據(jù)不再是之前的靜態(tài)html內(nèi)容，而是數(shù)據(jù)庫(kù)中的內(nèi)容了：

細(xì)心的童靴好像發(fā)現(xiàn)了一個(gè)問(wèn)題，就是上一節(jié)中我們添加的導(dǎo)航標(biāo)簽并沒有在標(biāo)簽管理出現(xiàn)對(duì)應(yīng)的按鈕，這里特別說(shuō)明一下，稻殼cms的模板標(biāo)簽管理功能，只對(duì)doc_開頭的功能標(biāo)簽有效。

那么，其他的標(biāo)簽，比如產(chǎn)品、視頻、友情鏈接、圖片等標(biāo)簽的使用方法，和剛才講的新聞列表標(biāo)簽使用方法都是一樣的，雅風(fēng)不一一舉例說(shuō)明了，大家只要掌握規(guī)律，就可以把首頁(yè)模板制作完成了?，F(xiàn)在還等什么，趕緊打開編輯器，去把首頁(yè)模板做完吧。