JEECMS-V8.1常用标签及简易操作

ゞ浴缸里的玫瑰 2021-12-05 04:23 2105阅读 0赞

一级栏目                            二级栏目

### 页面结构：首页————>一级页面————>二级页面——...>N级页面——>内容页面 ###

## 1.cms的模板和资源路径 ##

*  模板路径：\\apache-tomcat-8.5.34\\webapps\\ROOT\\WEB-INF\\t\\cms\\www
 *  资源路径：\\apache-tomcat-8.5.34\\webapps\\ROOT\\r\\cms\\www

用自己的代码编写工具打开更易操作

## 2.资源引用 ##

*  $\{base\}    网站首页
 *  $\{resSys\} ---- /r/cms     资源目录
 *  /$\{res\}/ ----/r/cms/www/default       PC资源方案目录【电脑端模板引用资源】
 *  /$\{mobileRes!\} / ----/r/cms/www/mobile        移动端资源方案目录【移动端模板引用资源】

## 3.模板规则（加粗为最常用的模板） ##

*  **index为首页模板**
 *  **channel为栏目模板（通常作为二级页面）**
 *  **content为内容模板（通常作为三级页面）**
 *  **alone为栏目单页模板**
 *   comment名的为评论模板
 *   common为前台通用模板
 *   csi为包含模板
 *  guestbook为留言模版
 *  **include为包含模版（引入头部和尾部）**
 *  member为会员中心模版
 *   message为会员中心短消息模版
 *   special为特殊（投票，搜索等）模版
 *  topic为专题模版

## 4.\[\#include "../include/header.html"\]引用头部（或者尾部） ##

这是引入页面头部的默认路径，我们可以新创建一个文件夹，放入我们自己的头部代码，只需更改路径即可。

## 5.\[@cms\_channel\_list\]...\[/@cms\_channel\_list\]获取栏目列表 ##

这个标签常用来做导航栏

![20190719101711419.png][]

或者一级页面或者更多级页面的访问

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70][]

导航栏（获取顶级栏目的栏目列表，即根目录下的栏目）：

[@cms_channel_list count="9"]
    	[#list tag_list as a]
        
    	    <li><a href="${a.url}" target="_self">${a.name}</a></li>
    							                   
    	[/#list]
    [/@cms_channel_list]

*  属性值可以设置：count="5" 输出5个栏目列表中的栏目，通过 list 标签遍历出来（效果与if标签差不多）
 *  a.url对应的就是访问路径
 *  a.name对应的就是栏目名称
 *  a.title对应的就是meta标题
 *  a.description对应的就是meta描述  
      
    **即下面这个页面上面的东西都可以在标签内用到，用中文联想英文或者去搜一下都可以搜到**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 1][]

一级页面或者多级页面：

[@cms_channel_list parentId = channel.id]
    	[#list tag_list as a]
    	<li><a href="${a.url}" target="_self"><img src="${a.titleImg!}" /></a>
    		<span><a href="${a.url}" target="_self">${a.name}</a></span>
    	</li>
    	[/#list]
    [/@cms_channel_list]

这里要用到属性为  parentId 把  channel.id 的值赋给它，channel.id  的值会在点击一级栏目时自动获取也就是父级的栏目id

这样运用 list 标签遍历出来父级栏目的子栏目

![2019071911065614.png][]

## 6.\[@cms\_channel\]标签，获取栏目对象 ##

这个标签可以用来做这种栏目块的块头部分

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 2][]

[@cms_channel id='106']
    	<img src="${tag_bean.titleImg!}" />
    	<img src="${tag_bean.contentImg!}" />
    	<a href="${tag_bean.url}" >MORE</a>
    [/@cms_channel]

给它一个栏目 id，就可以通过$\{tag\_bean.xxx\}来获取栏目对象中所具有的属性

比较常用的属性有栏目的名称、标题、标题图、内容图以及 url 链接

栏目名称：$\{channel.name!\}

访问路径: $\{channel. path!\}

访问URL:$\{channel.url!\}

手机版静态页面地址:$\{channel. mobileUrl!\}

meta标题: $\{channel. title!\}

meta关键字:$\{channel. keywords!\}

meta描述: $\{channel. description!\}

每页记录数:$\{channel. pageSize!\}

标题图: $\{channel. titleImg!\}

内容图: $\{channel. contentImg!\}

内容: $\{channel. txt!\}

栏目所在深度: $\{channel. deep!\}   【第一层为0，第二层为1，以此类推】

顶层栏目名称: $\{channel. topChannel.name!\}

浏览总量: $\{channel. viewTotal!\}

日浏览量: $\{channel. viewDayTotal!\}

月浏览量: $\{channel. viewMonthTotal!\}

周浏览量: $\{channel. viewWeekTotal!\}

总内容发布量: $\{channel. contentTotal!\}

日内容发布量: $\{channel. contentDay!\}

月内容发布量: $\{channel. contentMonth!\}

周内容发布量: $\{channel. contentWeek!\}

年内容发布量: $\{channel. contentYear!\}

是否有标题图:

\[\#if channel. hasTitleImg??\]

\[\#if channel. hasTitleImg\]有\[/\#if\]

\[/\#if\]

是否有内容图:

\[\#if channel. hasContentImg??\]

\[\#if channel. hasContentImg\]有\[/\#if\]

\[/\#if\]

栏目名称：$\{channel.name!\}

访问路径: $\{channel. path!\}

访问URL:$\{channel.url!\}

手机版静态页面地址:$\{channel. mobileUrl!\}

meta标题: $\{channel. title!\}

meta关键字:$\{channel. keywords!\}

meta描述: $\{channel. description!\}

每页记录数:$\{channel. pageSize!\}

标题图: $\{channel. titleImg!\}

内容图: $\{channel. contentImg!\}

内容: $\{channel. txt!\}

栏目所在深度: $\{channel. deep!\}   【第一层为0，第二层为1，以此类推】

顶层栏目名称: $\{channel. topChannel.name!\}

浏览总量: $\{channel. viewTotal!\}

日浏览量: $\{channel. viewDayTotal!\}

月浏览量: $\{channel. viewMonthTotal!\}

周浏览量: $\{channel. viewWeekTotal!\}

总内容发布量: $\{channel. contentTotal!\}

日内容发布量: $\{channel. contentDay!\}

月内容发布量: $\{channel. contentMonth!\}

周内容发布量: $\{channel. contentWeek!\}

年内容发布量: $\{channel. contentYear!\}

是否有标题图:

\[\#if channel. hasTitleImg??\]

\[\#if channel. hasTitleImg\]有\[/\#if\]

\[/\#if\]

是否有内容图:

\[\#if channel. hasContentImg??\]

\[\#if channel. hasContentImg\]有\[/\#if\]

\[/\#if\]

## 7.\[@cms\_content\_list\]标签，获取文章内容列表  ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 2][]

下面这一以列表形式显示的内容就用到了这个标签，下面我们来说一下属性值

[@cms_content_list typeId='1' count='6' orderBy='4' channelId='106' channelOption='0' 
    dateFormat='MM-dd' titLen=15 append="..."]
    	[#list tag_list as a]
            <li><a href="${a.url}" target="_self"><span class="radius"></span><span>
            [@text_cut s=a.title len=titLen append=append/]</span>
            <span class="clear">[${a.date?string(dateFormat)}]</span></a></li>
    	[/#list]
    [/@cms_content_list]

*   typeId='1'：这个代表的是内容的内容类型的类型 ID，这个内容类型可以在配置中看到，我们这里是普通类型

![20190719112844684.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 3][]

我们可以在这里修改内容的类型，比如说是否有图，图片的宽高等

*  channelId="106"：这个是获取到栏目的 ID 用来确定输出的内容来自于哪一个栏目
 *  channelOption="0" 用于单栏目情况下。 0 ：自身栏目 1 ：包含子栏目 2: 包含副栏目
 *  orderBy="4" 比较常用的值是 4 ，以固定级别降序，按发布时间降序，剩下的值的作用可以查百度
 *  其次剩下的就是定义的变量：dateFormat="yyyy-MM-dd"，用来确定日期的格式  
                                                   titLen=15，多余文字截取的长度  
                                                   append="..."，设置被截取的部分的内容
 *  \[@text\_cut /\]标签，就是截取文字，s=a.title 截取标题，len=titLen，截取长度，append=append，截取后显示的内容,记得封口，像是html中的空元素标签一样
 *  $\{a.date?string(dateFormat)\}，固定写法用来显示日期，格式为上面自己定义的格式
 *  a.url，这里的URL会链接到内容页面，内容页面的模板在栏目这里设置。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 4][]

## 8.轮播图 ##

在使用系统自带的轮播图时先引用下面的代码：

[@cms_content_list typeId='3' channelId='90' count='8' styleList='2-4' titLen='16'
    rollLineHeight='400' rollSpan='1' rollSpeed='1' tpl='2'/]

*  typeId='3'是焦点类型，只要是带图的应该都可以
 *  channelId='90'，轮播图要设置为一个栏目
 *  styleList='2-4'，控制的是轮播图的滚动形式
 *  titLen='16'，控制的是标题的长度
 *  rollLineHeight='400'，滚动区行高
 *  rollSpeed='1'，轮播速度越小越快，1为最小值

### 注意记得封口！！！ ###

## 9.\[@cms\_friendlink\_list\]标签，友情链接 ##

[@cms_friendlink_list ctgId='1']
    	 [#list tag_list as link]
    	        <option value="${link.domain}"> <a href="${link.domain}" 
                onclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')"
                target="_blank">${link.name}</a></option>
    	 [/#list]
    [/@cms_friendlink_list]

上面代码中是下拉框形式的，如果只是a标签可以没有onclick方法

*  ctgId='1'，是友情链接类型ID  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 5][]
 *  $\{link.domain\}，就是链接的URL

## 10.\[\#list channel.nodeList as n\]标签，目录结构形式 ##

![20190722112827458.png][]

最常用的就是这样链式的显示目录结构

当前位置: <a href="${base}/" target="_self">首页</a> > 
    	[#list channel.nodeList as n]
    		<a href="${n.url}" target="_self">${n.name}</a>
    	[#if n_has_next] > [/#if]
            [/#list]

*  list channel.nodeList as n，标准写法，用来显示出目录结构  
    ![20190722113135803.png][]
 *  \[\#if n\_has\_next\]，判断n是否还有下一级孩子，如果有则输出 “>” 没有就不输出所以才有了上述效果。

## 11.\[@cms\_content\_page\]标签，分页显示 ##

![20190722113902639.png][]

![20190722114439669.png][]

这是两种默认的分页样式

[@cms_content_page  recommend="0" count='6' titLen='40' channelId=channel.id orderBy='4'
    channelOption='0' dateFormat='yyyy-MM-dd']
            [#list tag_pagination.list as a]
                 <div>
                    <p><a href="${a.url}">[@text_cut s=a.title len=titLen append='...'/]</a></p>
                <span>${a.date?string(dateFormat)}</span>
                </div>
            [/#list]
           <div class="btns">
               [@cms_pagination sysPage='1'/]
          </div>
    [/@cms_content_page]

*  recommend='0'，推荐的数据  去掉该属性则无论推荐与否
 *  channelId=channel.id，这个channel.id是你点击了这个栏目后会自动获取到这个id，然后把它给到channelId
 *  channelOption='0'，显示的内容，‘0’仅本身，‘1’包含子栏，‘2’包含副栏目
 *  \[@cms\_pagination sysPage='1'/\] ，这个就是分页按钮，默认两种样式‘0’和‘1’

[20190719101711419.png]: /images/20211205/fc827b7587544cfabec4bc8133620ff8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70]: /images/20211205/1871cba8506c4f60bf923a867f70bccc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 1]: /images/20211205/344349b4e3cc45379fbc488d180514a9.png
[2019071911065614.png]: /images/20211205/5f927bfe6c7f42549028ff5c0b1f5141.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 2]: /images/20211205/153afadd5edd432288308f34f8c6a601.png
[20190719112844684.png]: /images/20211205/30f3bd87ad6e4f2495ad8e7b5a3bc24d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 3]: /images/20211205/124d3691ede84800b51157ccb1efb7cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 4]: /images/20211205/c9833b6a367f415197c9fb5ce6a32391.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODY2NTE2_size_16_color_FFFFFF_t_70 5]: /images/20211205/cce3b74d49ee412cbab38c0288711f38.png
[20190722112827458.png]: /images/20211205/0a930b9293b64cd6b878d9b9fca246d1.png
[20190722113135803.png]: /images/20211205/366bdf51cf4949a2b937c767f6f96007.png
[20190722113902639.png]: /images/20211205/5b62a1274b7b4e278b023af982e64503.png
[20190722114439669.png]: /images/20211205/0c2490c77ff14e02801b6022b03d8ef9.png