積跬步,聚小流------界面常用的jeecms標籤


* JEECMS初印象

第一次接觸JEECMS,突然腦海就浮現了一句話“20元建站,立等可取”,原來這都是真的...


* JEECMS的界面常用標籤

暫時忽略掉環境搭建,欄目配置等等環節,先來記錄下常用到的標籤。


1、頁面包含標籤

類似於iframe的功能

像這種情況,我們就可以用 [#include "../include/header.html"/]這一標籤來實現要表達的效果,修改header.html的時候,所有頁面中的內容這一部分都會改變。


2、欄目channel標籤

這裏應該先來解釋下欄目:在jeecms中包含,欄目和內容,欄目又包括子欄目,單頁等等,而這裏的欄目就像菜單的意思,相應的子欄目就是與之對應的子菜單,單頁則是沒有下層的單個界面, 而內容顧名思義就是相應欄目內的內容。



在使用的時候最常用的就是欄目channel了,常用的寫法:


<em>[@cms_channel id='91']

   <a href="${tag_bean.url}">${tag_bean.name}</a>

[/@cms_channel]</em>

tag_bean之後可以跟相應channel下配置的內容模型的字段,這裏的id是

所以同樣將第一條修改爲[@cms_channel path='own'],然後其它內容不變。


3、相應子欄目標籤

正如上方顯示的,相應欄目下可能同樣要有很多子欄目,當然可能子欄目不會全顯示需要限制一部分,這樣先來寫沒有限制的情況:


<em>
[@cms_channel_list parentId=‘110‘][list tag_list as c]
          <li><a href="${c.url}">${c.title!}</a></li>
[/#list][/@cms_channel_list]</em>

當然我們可能只需要顯示其中的三四條,那我們就可以給出相應的限制

[@cms_channel_list parentId=tag_bean.id][#list tag_list as c] 
      [#if c_index<3]
          <li><a href="${c.url}">${c.title!}</a></li>
      [/#if]
[/#list][/@cms_channel_list]

這裏需要注意的是c_index是從0開始計算的,另外在第二條例子中,與[@cms_channel]標籤就實現合作


4、內容列表標籤

內容列表也是常用到的列表,因爲我們通常在某一個欄目下不斷的添加新的內容。像如下:


我們通常用如下代碼來顯示


<span style="font-size:14px;"><em>[@cms_content_list count='7' orderBy='4' titLen='17'
       channelId='81' channelOption='1'] [#list tag_list as a]
       <li><span>${a.shortTitle!}</span><a href="${a.url}">[@text_cut
        s=a.title len=titLen append='...'/]</a></li> [/#list]
[/@cms_content_list]</em></span>


這裏就需要注意相應的參數的意義:count是我們需要顯示的list的列數,orderBy是從內容中取數據的方式,按時間先後還是按編號大小等等,titLen寫全的話我想應該是titleLength是顯示的標題的長度,而後面的[text_cut s=a.title len=titLen appen='...'],中用到了這一長度,而channelId則就是具體的哪個欄目中的內容。


5、相應的內容標籤

內容和欄目是非常相似的,從列表的變現方式中我們就可以看出,我們很容易就能寫出相應的方法,但是有另一個方式我們同樣需要關注


<em>${content.title}、${txt!}、${channel.title}</em>

我們通常進入一個頁面時肯定有相應的channel或者content,我們可以直接通過這種方式進行取值,方便快捷,當然這個界面會用作多個不同欄目或者內容的模板時就沒法應用了,另外,我們需要注意“!”,內容字段可能不會有非空的限制,那當內容爲空,我們又在界面上進行顯示的時候就會報錯,這個時候我們可以通過“!”來防止因爲空出錯


6、首頁及相應路徑標籤

基於SEO的考慮,麪包屑菜單是非常有必要的,而在這裏它很容易就實現了



我們來看一下相應的實現標籤吧


<span style="font-size:14px;"><em>您當前的位置:<a href="${site.url!}">首頁</a> >
<a href="${channel.url}">${channel.title}</a>>
<a href="${content.url}">${content.title}</a></em></span>

這是從內容上直接進行提取,還有多級菜單的情況呢,注意:${channel.nodeList[0].id}用來標記上一次菜單的id。


7、專題標籤

在網頁顯示中通常有推薦和部分隨機的內容,我現在的方式可能通過“是否推薦”和“相應主題”進行操作

選擇相應topicId='1'或者recommend='1'來進行區分


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章