JEECMS二次开发 -------标签使用说明

一：标签套用结构说明

 

登录后台管理页面，这些嵌套在html中的标签 以[@标签名  各种属性..]开始 ,以[/@标签名] 结尾，标签里面还可以嵌套标签，就像html中的<ul><li></li></ul>。

 

我把上图中的部分代码拷贝下来,先不看[@中的属性]。

<ul class="slideshow"id="slidesImgs">
[@cms_content_list recommend='1' count='5' orderBy='2'typeId='2,3' titLen='18' channelOption='1' ]
      [#list tag_list as a]
      <li>
         <a href="${a.url}" target="_blank">
             <img src="${a.typeImg!site.defImg}"alt="${a.title}" width="100%" />
                    </a>
                       <spanclass="title">
                [@text_cut s=a.title len=titLen /]
                       </span>
      </li>
     [/#list]
 [/@cms_content_list]
</ul>

1:你会看到如上的[@cms_content_list…….]（文章列表）标签里面还嵌套了一层标签,

它是以[#..]开始的，像这种标签不仅仅有[#list]  还有[#if]…[#else]….[/#if ] 等，

这些[#]是通用的，[#list tag_list  as  a] 就表示取个别名为 a （多看几处你会发现不循环的东西是不是直接用的tag_bean）,list列表在循环的时候用a来代替，在内容展示中就可以写

${a.url} ${a.typeImg!site,defImg}  ${a.title}等  你在a.后面到底写什么才能对应上显示的内容呢，比如src=-“中”就要写${a.typeImg!site,defImg}，如下图：

栏目---》模型管理

根据你改的栏目，选择对应下面的模型，

我这里随便点进一个内容模型：

 

你可以试着把${a.url}，${a.typeImg!site,defImg} ， ${a.title} 这三个的内容模型字段找到，这样的话就算掌握了。

2：循环多少次是由[@属性count决定的] (到现在还没开始讲@标签的属性哦，我们把痛苦留在最后)

3:接下来就是span里面的[@.../]， 就有点像<input type=”text” …. / >

[@.../]要是在html中，它所处的位置就是<div>

<ul>

<li><input type=”text” …. / ></li>

<li><input type=”text” …. / ></li>

<li><input type=”text” …. / ></li>

</ul>

</div>

l  [@text_cut s=a.title len=titLen /]基本上也是靠复制粘贴的形式活着，但是用的地方很多，它表示文本截取，也就是显示的数据太长了，截掉一些排面就规整了

 

这里表示，文本最多显示18字符。

4:[#..]是依附于[@..]标签的，就像<li>依附于<ul>一样，你可以在html直接写<li>，一样的可以解析出来，但是在cms标签里面不行，它是很严格。说明你的最外层标签它肯定是[@..]

，[#..]是对内容展示的调动，如：循环，判断等.

5:判定一个标签的是干什么的以及它会有什么样的效果，是根据[@..]来判别的，这些[@..]的标签都是以功能模块来命名的。（人家已经把名字取好了）

6:html中没有自定义标签，而jeecms中是有自定义标签的。

二：各cms标签及属性说明，附效果图

0：[@cms_Include] 页面模板包含标签

作用	把做好的页面引入到另外一个页面上去，一般是整个网站的一些公共部分，每个网页都需要的，比如页头，页脚。
示例：	[#include "../include/页头顶栏.html"/]  [#include "../include/页头导航栏.html"/]  [#include "../include/页头搜索栏.html"/] 效果截图：

1：[@cms_ friendlink_list] 友情链接

ctgId	友情链接类别(1:文字链接   2：图片链接)
	文字链接： [@cms_friendlink_list ctgId='1'] [#list tag_list as link] <div style="margin-left:1.5%; float:left;"> <a href="${link.domain}" οnclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')" target="_blank">${link.name}</a> </div> [/#list] [/@cms_friendlink_list]
	品牌专区（图片链接）： [@cms_friendlink_list ctgId='2'] [#list tag_list as link] <li><a href="${link.domain}" target="_blank" οnclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')"> <img src="${link.logo!site.defImg}" alt="${link.name}"/> </a> </li> [/#list] [/@cms_friendlink_list]
效     果     图

 

 

 

 

2：[@cms_channel] 栏目对象标签

 

作用	显示某个栏目
id	栏目ID
path	栏目路径
siteId	站点ID，存在时获取该站点栏目，不存在时获取当前站点栏目
示例	[@cms_channel id='1'] <ahref="${tag_bean.url}" target="_blank">${tag_bean.name}</a> [/@cms_channel]
效果截图：	使用前：       使用后：

 

上面图片的整个效果的代码： <div id="main"> <div class="page box"> <div class="w700 fl box"> <div class="rb_top"></div> <div class="rb_mid box"> <div class="w300 fl"> <div class="shrd"> <h2>[@cms_channel id='1']<a href="${tag_bean.url}" target="_blank">${tag_bean.name}</a>[/@cms_channel]</h2> <ul class="list"> [@cms_content_list channelId='1' count='6' orderBy='4' titLen='18' descLen='40' append='...' channelOption='1'] [#list tag_list as a] [#if a_index = 0] <li class="toptext"> <h3><a href="${a.url}" title="${a.title}" target="_blank">${a.stit}</a></h3> <a href="${a.url}" target="_blank"><img src="${a.titleImg!site.defImg}" alt="${a.title}" /></a> <p>[@text_cut s=a.desc len=descLen append=append/]</p> </li> [#else] <li><span><a