1. 程式人生 > >積跬步,聚小流------界面經常使用的jeecms標簽

積跬步,聚小流------界面經常使用的jeecms標簽

字段 frame 會有 short 當前 rtt head div height


* 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>

[[email protected]_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][[email protected]_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][[email protected]
/* */_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]
[[email protected]_content_list]</em></span>


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


5、對應的內容標簽

內容和欄目是非常相似的。從列表的變現方式中我們就能夠看出,我們非常easy就能寫出對應的方法。可是有還有一個方式我們相同須要關註


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

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

”來防止由於空出錯


6、首頁及對應路徑標簽

基於SEO的考慮,面包屑菜單是非常有必要的。而在這裏它非常easy就實現了


技術分享


我們來看一下對應的實現標簽吧


<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‘來進行區分

??

積跬步,聚小流------界面經常使用的jeecms標簽