资源描述
JEE CMS标签简介
发布时间: 2011-10-13 08:57:05 作者:本站编辑 来源: 本站原创 浏览次数:4177 我要评论(1)
以下部分标签仅供JEECMS v1.x系列版本参考使用
标签是JEE CMS中的重要概念,上一讲中,我们介绍了模板,并且说模板就像试卷,不同的考生填入不同的内容,就形成了不同的页面。这一点在模板中是怎么实现的呢?简单起见,我们先考虑一下内容页模板,下面是一个简单的内容页模板:
<html>
<head>
<title>${新闻标题}</title>
</head>
<body>
<h1>${新闻标题}</h1>
${新闻内容}
</body>
</html>
这是不是有点像考试卷呢?在${}中就是考生要填入的内容,在JEE CMS中这部分内容会根据您录入的新闻,自动填入。下面是一个真正的模板:
<html>
<head>
<title>${arti.titleContent}</title>
</head>
<body>
<h1>${arti.titleContent}</h1>
${arti.content}
</body>
</html>
是不是很简单呢?是的,使用JEE CMS建站,一切都是那么简单。
现在来看看栏目页模板,栏目页是一个栏目的封面,其中最基本的一个需求就是,能够显示这个栏目的新闻列表;否则浏览者无法看到这个栏目的实际内容。
看一个最简单的栏目页:
<html>
<head>
<title>${栏目名称}</title>
</head>
<body>
<ul>
<li><a href="#">超强台风蔷薇逼近台湾</a></li>
<li><a href="#">神七将进行卫星数据中继试验</a></li>
<li><a href="#">美国国会解除近海石油开采禁令</a></li>
</ul>
</body>
</html>
下面是实现这个效果的模板:
<html>
<head>
<title>${chnl.name}</title>
</head>
<body>
[@u.ArtiList count='3'/]
</body>
</html>
其中[@u.ArtiList count='3'/]是我们看到的第二种标签,这种标签具有强大的能力,可以传递参数,count='3'是指读取本栏目最新的三条新闻。
页面包含标签【include】介绍 (一)
发布时间: 2011-10-13 08:58:32 作者:本站编辑 来源: 本站原创 浏览次数:2356 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】: [@u.include '参数-1' /]
【作 用】:包含公用页面(如页头,页脚)
【参 数】: “包含模板”的名称
【示 例】:
//包含页头:
[@u.include 'head' /]
//包含页脚:
[@u.include 'foot' /]
【备 注】:调用此标签前必须先建立“包含模板”
根据ID获取文章url地址标签【ArtiHref】] (二)
发布时间: 2011-10-13 09:01:16 作者:本站编辑 来源: 本站原创 浏览次数:2060 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】: [@u.ArtiHref id='参数-1' isRaw='参数-2' /]
【作 用】:根据文章ID获取文章url地址
【参 数】:
1、 id—-文章ID
2、 isRaw---是否只生成文章url地址,0为生成链接及文章标题,1为只生成文章url地址,默认为0
【示 例】:
//只生成文章url地址:
<a href="[@u.ArtiHref id='123' isRaw='1' /]">文章标题</a>
//生成链接及文章标题:
[@u.ArtiHref id='123' isRaw='0' /]
【备 注】:此标签前必须在代码编辑模式下操作,参数带单引号
根据文章类别ID获取文章列表标签【ArtiList】(三)
发布时间: 2011-10-13 09:01:32 作者:本站编辑 来源: 本站原创 浏览次数:1966 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】:[@u. ArtiList id='参数-1’ count='参数-2’ length='参数-3’ listStyle='参数-4’isTopic ='参数-5’ isPage='参数-6’ target='参数-7’/]
【作 用】:根据文章类别ID获取文章列表
【参 数】:
1、 id—-文章类别id,该参数若不填写则自动取当前栏目数据,该参数为-1则读取全站数据,读取多个栏目用逗号分割。id为一个时,会读取该栏目下子栏目数据;有多个ID时,不读取子栏目数据。
2、 count---每页显示数量,默认为10条
3、 length---文章标题长度,默认显示20个字符
4、 isTopic---是否专题。用于专题页。【0:否;1:是】(默认0)
5、 isPage---是否显示分页【0:否;1:是】(默认0)
6、 target---链接打开方式。【0:在当前页打开;1:在新页面打开】(默认1)
7、 listStyle---文章显示样式【1:标题列表;2:图文列表;3:标题列表向上滚动;4:图文列表向上滚动;5:列表跑马灯;6图文跑马灯】(默认1)
标题列表:【listSytle=1】
ico:标题图标;
headMark:标题头;有ico时,该参数忽略。【0:无;1:小方点;2:单箭头;3:双箭头】(默认1)
headMarkColor:标题头颜色;主要用于小方点。(默认000000)
lineHeight:行高;单位为像素。(默认5)
bottomLine:标题底部是否有线条【0:无线条;1:有线条】(默认0)
dateStyle:文章时间显示样式(默认显示完整时间;0:不显示日期时间;1:按"yy-MM-dd"样式显示日期,2:按"HH:mm:ss"样式显示时间,3:按"MM-dd"样式显示日期);
ctgForms:文章类别形式【0:不显示文章类别;1:显示栏目类别;2:显示站点名称】(默认0);
ctgClass:文章类别的css-class;
图文列表:【listSytle=2】
picWidth:按百分比显示图片宽度(默认为25;即每个图片占总宽度的25%,每行可放四张图片);
picHeight:每行图片显示高度。(默认180);
带显示效果的文章列表【listSytle=3|4|5|6】
listSytle=3、4
cols:列数。一行中包含几列。(默认1)
rlineHeight:行高。(默认28)
rdisplayHeight:显示区高度。(默认28)
speed:速度。越小越快,最小为1。(默认50)
isSleep:是否停顿。【0:不停顿;1:停顿】(默认1)
sleepTime:停顿时间。越大越久。(默认50)
rollCount:一次滚动的行数。(默认1)
rollSpan:一次滚动的像素。(默认1)
#listSytle=3(ico,headMark,headMarkColor,dateStyle有效)
#listSytle=4()
#listSytle=5(dateStyle,rollListId,speed,rollSpan有效)
#listSytle=6(rlineHeight,rollListId,speed,rollSpan有效)
picDistance:图片间距。(默认20)
【示 例】:
//文章标题列表:
[@u.ArtiList id='326' lineHeight='3' headMark='2' count='5' length='30' dateStyle='3' bottomLine='1' listStyle='1' isPage='0' target='1' /]
//带自定义图标的文章标题列表:
[@u.ArtiList ico="${root}/br.jpg" count='10' length='30' dateStyle='3' bottomLine='1' listStyle='1' isPage='1' target='1' /]
//文章图文列表:
[@u.ArtiList id='325' count='4' length='10' dateStyle='0' listStyle='2' picWidth ='25' picHeight ='100' /]
【备 注】:此标签前必须在代码编辑模式下操作,各参数排列不分先后
根据栏目ID获取栏目链接标签【ChnlHref】(四)
发布时间: 2011-10-13 09:01:48 作者:本站编辑 来源: 本站原创 浏览次数:1375 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】:
[@u.ChnlHref id='参数-1' linkBody='参数-2' isRaw='参数-3' target='参数-4' title='参数-5' class='参数-6' style='参数-7' /]
【作 用】:根据栏目ID获取栏目链接
【参 数】:
1、 id—-栏目ID
2、 linkBody---是否有链接体。<a href="">链接体</a>【0:没有,使用栏目名为链接体;1:有,使用标签体作为链接体】(默认0)
3、 isRaw:是否纯链接。【0:不是,带有a标签;1:是,只显示链接地址】(默认0)
4、 target:打开方式。【0:原窗口打开;1:新窗口打开】(默认0)
5、 title、style、class---这三个参数与html标签中的title、style、class属性作用相同
【示 例】:
//获取栏目ID为123的栏目链接:
[@u.ChnlHref id='123' isRaw='0' linkBody='0' target='1' title='关于我们' class='style2' style='border:#ccc 1px solid;'/]
【备注】:此标签前必须在代码编辑模式下操作,参数排列不分先后
根据栏目ID获取子栏目链接标签【ChnlList】(五)
发布时间: 2011-10-13 09:02:06 作者:本站编辑 来源: 本站原创 浏览次数:2422 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】:
[@u.ChnlList id='参数-1' isContainSelf='参数-2' listStyle='参数-3' parentClass='参数-4' childClass='参数-5' parentTarget='参数-6' childTarget='参数-7' custom='参数-8' listStyle='参数-9' /]
【作 用】:根据栏目ID获取子栏目链接
【参 数】:
1、 id—-栏目ID
2、 isContainSelf---是否包含父栏目。【0:不包含;1:包含】(默认0)
3、 parentClass---父栏目class
4、 childClass---子栏目class
5、 parentTarget---父栏目链接打开方式
6、 childTarget---子栏目链接打开方式
7、 custom---自定义样式。主要用于片段模板自定义(默认0)
8、 listStyle---列表样式【1:下拉菜单】(默认1),当listStyle=1时必须使参数isContainSelf=1
【示 例】:
//获取栏目ID为123的子栏目链接:
[@u.ChnlList id='123' isContainSelf='0' parentClass='style1' childClass='style2' parentTarget='_self' childTarget='_self' custom='0' listStyle='1' /]
【备 注】:
此标签前必须在代码编辑模式下操作,参数排列不分先后
文章内容页常用标签 (六)
发布时间: 2011-10-14 09:01:19 作者:本站编辑 来源: 本站原创 浏览次数:1911 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】:
1、 栏目名称:${chnl.name}
2、 文章标题:${arti.titleContent}
3、 作 者:${arti.author}
4、 发布日期:${arti.releaseDate}
5、 查看次数:${arti.visitTotal}
6、 文章内容:${arti.content} --------(不分页)
${arti.artiPage.content} --------(分页)
分页栏:[@u.ContentPage/]
7、文章页传递参数:${arti.param1!}、${arti.param2!}、${arti.param3!}
【示 例】:
//利用标签组成一个常用的页面导航:
当前位置:<a href="/">首 页</a> >> [@u.ChnlHref linkBody='0' isRaw='0'/] >> ${arti.titleContent}
【备 注】:
此标签前必须在代码编辑模式下操作,参数排列不分先后
flash显示标签【Flash】(七)
发布时间: 2011-10-14 09:01:39 作者:本站编辑 来源: 本站原创 浏览次数:1483 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】: [@u.Flash path='参数-1' width='参数-2' height='参数-3' /]
【作 用】:显示flash,并且消除flash的虚边框
【参 数】:
1、 path—-flash文件的资源路径(${root}表示网站资源根目录)
2、 width---flash显示的宽度
3、 height---flash显示的高度
【示 例】:
//显示资源根目录下名为qq.swf的flash文件,宽度为748像素,高度为120像素:
[@u.Flash path='${root}/qq.swf' width='748' height='120'/]
【备 注】:
此标签前必须在代码编辑模式下操作,参数排列不分先后
当前位置显示标签【CurrentPosition】(八)
发布时间: 2011-10-14 09:01:57 作者:本站编辑 来源: 本站原创 浏览次数:1276 我要评论(0)
以下标签仅供JEECMS v1.x系列版本参考使用
【标签名】 :
[@u. CurrentPosition homepage='参数-1' title='参数-2' split='参数-3' isParentWebsite='参数-4' target='参数-5' class='参数-6' style='参数-7' /]
【作 用】 :显示页面的当前位置,效果:“当前位置:首页 > JEECMS教程 > 环境搭建 > 正文”
【参 数】 :
1、 homepage —-首页显示方式。【1:站点简称;自定义】(默认:首页)
2、 title ---内容页显示方式。【0:不显示;1:显示内容标题;自定义】(默认:正文)
3、 split ---分割符号。(默认:“>”)
4、 target ---是否原窗口打开。【0:原窗口打开;1:新窗口打开】(默认:原窗口打开)
5、 class ---链接外部样式,等同于html中的class属性
6、 style ---自定义标签样式,等同于html中的style属性
【示 例】 :
//显示内容页的当前位置:
[@u.CurrentPosition /]
最终效果:当前位置:首页 > JEECMS教程 > 环境搭建 > 正文
【备 注】 :此标签前必须在代码编辑模式下操作,参数排列不分先后,只能用于栏目页和内容页,对于搜索、留言这样的页面此标签无效。
JEECMS标签使用实例教程-序
发布时间: 2011-10-14 09:02:13 作者:本站编辑 来源: 本站原创 浏览次数:8022 我要评论(0)
JEECMS自2008年10月20日发布以来,已经历了三次版本升级,目前最新的版本为JEECMS v2.1 beta版。在这个过程中,JEECMS经受了很多考验。作为国内首个一开始就宣布开源的JEE项目,其受到各界的质疑和压力可想而知。不过我们坚信,只要不断努力,加上网友们的关注和支持,JEECMS一定能够迅速走向成熟,为国内开源添砖加瓦。
随着版本的不断升级,JEECMS也经历了几次大的改进。然而在系统的升级过程中,与之匹配的相关说明由于种种原因却没及时发布,导致JEECMS网友们经常反映例如标签使用之类的问题。针对这个问题,我们特别编写了本系列教程(如果网友们对JEECMS标签有自己独到的使用心得也欢迎您给我们投稿,共同为JEECMS开源贡献一份力量)。
在教程开始之前您必须先了解以下几方面的知识:
一、 如何调用网站数据?
JEECMS是JavaEE版内容管理系统,网站上显示的数据是用程序从数据库中读取的。一般情况下从数据库中按要求读取所需数据是个相对复杂的过程,必须要懂得相关的专业编程知识。不过请放心,使用JEECMS建站你可以完全省去这个过程,你需要知道的仅仅是页面模板的制作以及JEECMS标签的使用方法。你只要懂得调用所需的"JEECMS标签"就可以调取相应的数据。
调用"JEECMS标签"的三种代码样式如下:
A、${标签名称}
B、[@cms.标签名称 属性='值'/]
C、[@cms.标签名称 属性='值'; 标签别名] 自定义样式模板 [/@cms.标签名称]
为了测试上述几类标签,我们可以新建一个空白的首页模板(新建的首页模板必须以index做前缀,例如index_demo.html),然后将新建的首页模板(index_demo.html)设为首页栏目模板,这样首页就变成了一个空白页,你就可以在上面测试各种标签的用法了(需要恢复原来的默认首页很简单,把首页栏目模板重新设置为默认模板就行了,操作时间取决于你的微操了,一般只需两秒钟^_^)。
例如:
a、 调用${web.name}标签就能获取到网站名称
b、 调用[@cms.ArtiList chnlId='' count='10' sysContent='1' /]就能获取10篇文章的列表
c、 调用[@cms.ChnlList id='' inner='1';c]┆<a href="${c.url}">${c.name}</a>[/@cms.ChnlList]就能获取栏目列表,可用于网站导 航条。
注意:abc实例是与上面ABC三种形式相对应的。大家可以逐个测试,举一反三。搞清楚以上内容,基本上就知道如何调用网站数据了。
二、 如何将网站内容完整的展示给访问者?
通过前面的内容我们已经知道了如何调用网站所需数据。但是一个真正的网站是经过组织的,完整的,系统的内容,而不是散落的各种数据。所以我们就必须将各种数据按要求组织在一个页面中。JEECMS的强大就在于你不需要任何的java编程基础,只需要建立好各种静态的html页面模板,然后将标签按照模板的要求嵌入到相应的位置上,经过这两步一个完整的页面模板就可以发布了。
以上是制作页面模板的大概过程,其它页面模板的制作过程都是一样的道理。
相关的模板有:
A、主页模板
B、栏目页模板
C、内容页模板
D、包含页模板
E、独立模板
F、搜索结果页模板
G、评论模板
H、用户自定义风格模板
I、辅助系统(投票、留言等)展示页及结果页模板
……
注意:上述模板都是通过相应的html模板嵌入JEECMS标签调用动态数据来实现其功能的。这些模板页面文件存储在\WEB-INF\user_base\jeecms_com_www\template文件夹中,相应的资源文件(图片,js,flash等)则存储在\res_base\jeecms_com_www文件夹中,详细情况请JEECMS用户自己查询。修改这两个文件夹中的相关文件(可导出模板修改也可直接在JEECMS后台修改),就可以得到各种各样自己想要的网页的样式,想要多漂亮就能有多漂亮,当然主要是看模板设计人员的技术水平了!
看到这么多类别的模板,可能有的人就傻眼了,觉得很乱。其实,你只要把网站的页面分为三个级别就能起到一个提纲挈领的作用了。即理解成类似于:【主页=>栏目页=>内容页】就行了。即JEECMS所说的“首页模板、栏目页模板、内容页模板”三种不同的级别。
三、 如何制作一个自己想要的网站?
网站的功能实现当然是靠程序了,这点JEECMS用户可以不用管,将这个任务完全交给JEECMS的技术人员。你所要做的就是把你的页面模板做得让你的网站访问者满意,还有就是熟练掌握JEECMS系统的使用。
JEECMS的开发人员会不断完善系统,陆续发布JEECMS升级版本。当然这也需要结合各种各样的客户需求,所以JEECMS用户在使用过程中可以将目前你认为觉得比较好的功能反馈给JEECMS的技术人员,这样才能使JEECMS功能更加强大,操作更加人性化。
四、 精通模板制作需要具备哪些方面的知识?
模板制作需要懂得HTML相关知识。所以基础便是HTML语言学习,HTML的标签不多,很容易学习,搜索下遍地都是教程。不过现在正流行web标准,就是大家说的“DIV+CSS”,要求又提高了许多,需要学习CSS,大家可以下载CSS手册。修改模版的时候对照着学习修改,每天坚持花一点时间研究下,很快就能学会。从JEECMS v2.1版起系统自带的所有默认模板都是采用DIV+CSS设计架构,所以想精通JEECMS模板制作使用的朋友们有必要学习下这方面的知识。当然了,也不是说非要用DIV+CSS页面布局,你完全可以用回原来的table布局方式,这主要取决于JEECMS用户本身了。
除了熟悉HTML,,余下的就是熟悉JEECMS标签的用法了。JEECMS的标签使用相当灵活,比如一个文章列表标签你可以通过不同的属性设置展示出多种多样的效果来,具体用法在此就不一一赘述了,我们会发布一系列的标签使用实例教程,新手们对照着操作一遍基本上能够掌握。
本教程适合JEECMS初级用户,高手飘过~~
页面包含【Include 标签】使用实例(一)
发布时间: 2011-10-14 09:02:28 作者:本站编辑 来源: 本站原创 浏览次数:2120 我要评论(0)
从本文开始,我们就要学习一系列的JEECMS标签使用方法了。以后的教程都会用一个个简洁而典型的实例,配合相关图片来给大家展示JEECMS标签的使用方法。
本实例教程使用的版本是JEECMS v2.1 beta版,运行环境是jdk1.6+mysql5+tomcat6,操作系统为windows 2003 server。环境的安装请参考官网的相关说明,这里就不再重复解释了。以后的系列教程都是在这个环境中使用,不再重复。因测试需要数据,这里已事先在后台中添加,就不做特别说明了,马上进入正题。
现在先讲【Include 标签】。有过网站设计经验的朋友可能都知道,我们可以将页面中经常要引用的公共部分(比如页头和页脚)独立开来,单独存放在一个页面中。这样做的好处就是可以在各个需要用到该部分的页面中用一个简单的包含语句就能把它引入进来,大大简化了工作量。所以【Include 标签】的使用率很高,相当实用,这是我们在模板制作过程中必须熟练掌握的一个基础标签。
这里为了演示标签的使用方法,新建了一个空白的首页模板(新建的首页模板必须以index做前缀,这里采用index_demo.html),然后将index_demo.html设为当前首页栏目模板,这样首页就变成了一个空白页,你可以在上面测试各种标签的用法。以后的教程中都采用这种方式进行标签演示,但必须要视标签的使用范围来建立不同类型的模板。
一、标签原型说明
【标签名】:[@cms.Include属性='值' /]
【作 用】:包含公用页面(如页头,页脚)
【参 数】:
name:包含模板的文件名
solution:模板方案名
【示 例】:
包含页头:[@cms.Include name='head.html' solution='default'/]
【备 注】:调用此标签前必须先建立相应的包含模板
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
【Include 标签】的使用范围是:
首页模板,栏目页模板,内容页模板
即对应\WEB-INF\user_base\jeecms_com_www\template\article\default\文件夹下的
index_识别ID.html模板、channel_识别ID.html模板、content_识别ID.html模板
三、调试标签了解其使用方法
在使用【Include 标签】之前我们必须保证有可供此标签调用的包含模板,本实例只是起演示作用,标签调用的是系统默认模板方案中的的head.html模板,所以无需另外创建,这点大家心里要清楚。
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中加入了css,可去除):
<link href="${root}/default/article/css/whole.css" rel="stylesheet" type="text/css"/>
<link href="${root}/default/article/css/layout.css" rel="stylesheet" type="text/css"/>
[@cms.Include name='head.html' solution='default'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
文章列表【ArtiList 标签】使用实例(二)
发布时间: 2011-10-14 09:02:57 作者:本站编辑 来源: 本站原创 浏览次数:3043 我要评论(0)
【ArtiList 标签】在JEECMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。
这里我们还是使用空白的首页模板(index_demo.html)来演示标签的用法。
一、 标签原型说明
【标签名】:[@cms. ArtiList属性='值' /]
【作 用】:获取文章列表数据
【参 数】:
属性名称
属性说明
默认值
可选值
chnlId
栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID
当前栏目ID
空:显示全站文章列表;
栏目ID:指定栏目文章列表
attr
文章属性ID
空
后台自定义
sysContent
列表显示方式
1-1
1-1:普通标题列表显示;
1-2:图文列表显示;
3-1:焦点图显示;
2-1:标题列表翻滚显示
2-2:图文列表翻滚显示
orderBy
排序方式
0
0:发布时间降序;
1:发布时间升序;
2:点击次数降序;
3:点击次数升序
recommend
是否推荐
0
0:所有文章
1:推荐文章
titLen
标题长度
20
自定义
target
链接打开目标
0
0:原窗口打开
1:新窗口打开
headMark
文章标题图标
0
0:无图标
1:黑色小圆点
2:红色小圆点
3:蓝色单箭头
4:蓝色双箭头
自定义图标:填写图标路径
lineHeight
文章列表每行的行高
空
自定义
bottomLine
每行标题下是否带分隔线
0
0:无分隔线
1:有分隔线
ctgForm
文章类别形式
0
0:不显示文章类别;
1:显示栏目类别;
2:显示站点名称
ctgClass
文章类别的css-class
空
自定义css样式的class名称
dateFormat
文章发布日期显示格式
0
0:不显示日期
1:”年-月-日 时-分-秒” 格式
2:”年-月-日” 格式
3:”月-日 时-分” 格式
4:”月-日” 格式
datePosition
日期排列位置
1
1:紧跟标题之后
2:右对齐
3:左对齐
isPage
是否显示分页
0
0:否;1:是
count
每页列表显示数量
20
自定义
仅当sysContent=2(图文列表)时,以下标签属性才有效
picWidth
按百分比显示图片宽度
25(即每个图片占总宽度的25%,每行可放四张图片)
自定义
picHeight
每行图片显示高度
110
自定义
仅当sysContent=3(焦点图)时,以下标签属性才有效
flashWidth
焦点图宽度
296(px)
自定义
flashHeight
焦点图总高度
200(px)
自定义
textHeight
焦点图文本高度
20(px)
自定义
仅当sysContent=4或5(文字、图片滚动)时,以下标签属性才有效
rollDisplayHeight
显示区高度
28
自定义
rollLineHeight
行高
28
自定义
rollCols
列数(一行中包含几列)
1
自定义
rollSpeed
滚动速度,值越小越快,最小为1
1
自定义
isSleep
是否停顿
1
0:不停顿;
1:停顿
rollSleepTime
停顿时间,值越大停顿越久
50
自定义
rollCount
一次滚动的行数
1
自定义
rollSpan
一次滚动的像素
1
自定义
其它高级标签属性(用于用户个性设置)
searchKey
在标题、tags和描述中搜索指定关键字的文章列表,用于搜索页模板
空
自定义关键字
style
标签内部样式,如果指定sysContent或userContent,则该项无效
1
1:普通列表
sysTpl
指定系统模板
1
自定义
sysContent
系统内容样式
0
自定义
userContent
用户内容样式,当sysContent=1时有效
空
自定义
sysPage
系统分页样式
0
自定义
userPage
用户分页样式,当sysPage=1时有效
空
自定义
upSolution
指定其它模板方案样式
空
自定义
upWebRes
指定其它站点样式
空
自定义
pageClass
分页栏css样式的class名称
空
自定义
pageStyle
分页栏css自定义style样式
空
自定义
custom
用户扩展属性集合
空
自定义
【示 例】:
[@cms.ArtiList chnlId='' count='5' sysContent='1-1' titLen='25' lineHeight='1' dateFormat='4' datePosition='2' headMark='2' target='1'/]
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、 明确标签使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
【ArtiList 标签】的使用范围是:
首页模板,栏目页模板,内容页模板,
即对应\WEB-INF\user_base\jeecms_com_www\template\article\default\文件夹下的 index_识别ID.html模板、channel_识别ID.html模板、content_识别ID.html模板
三、 调试标签了解其使用方法
登录JEECMS后台,进入“模板管理?template?article?default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中引入了系统默认css,可去除):
(1).文章列表
<link href="${sysResRoot}/front.css" type="text/css" rel="stylesheet" />
[@cms.ArtiList chnlId='' count='5' sysContent='1' titLen='25' lineHeight='1' dateFormat='4' datePosition='2' headMark='2' target='1'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
(2).图文列表
<link href="${sysResRoot}/front.css" type="text/css" rel="stylesheet" />
[@cms.ArtiList chnlId='' attr='5' count='5' sysContent='2' titL
展开阅读全文