标签:
[@cms.ChnlList /]
在页面中获取栏目列表的时候我们要用到[@cms.ChnlList/]标签,本标签不仅可以单独使用,还可以配合其它标签使用,达到更加丰富的效果。本节教程都是在新建的演示空白首页模板中作演示。
一、标签原型说明
【标签名】:[@cms.ChnlList 属性='值' /]
【作 用】:显示各栏目列表
【参 数】:
id:父栏目ID。(默认为空:自动获取当前栏目ID)
orderBy:排序方式。【0:优先级升序;1:优先级降序;2:点击次数升序;3:点击次数降序】(默认0)
isDisplay:是否只获取显示的栏目。【0:获取所有;1:只获取显示的栏目】(默认1)
hasContent:是否只获取可以有内容的栏目。【0:获取所有;1:只获取可以有内容的栏目】(默认0)
linkClass:链接class
linkTarget:链接打开方式。【0:当前窗口;1:新窗口】(默认0)
style:标签内部样式。如果指定sysContent或userContent,则该项无效。【1:普通链接列表;】(默认1)
sysTpl:使用系统模板。【0:不使用;1:使用】(默认1)
sysContent:系统内容样式。(默认0)
userContent:自定义内容样式。如果指定了系统内容样式,则该项无效。(默认0)
sysPage:系统分页样式。【0:不分页;1:样式一;2:样式二】(默认0)
userPage:自定义分页样式。如果指定了系统分页样式,则该项无效。【0:不分页;1:样式一;2:样式二】(默认0)
custom:字符串数组。用于个性化处理。(默认空数组)
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。 [@cms.ChnlList/]标签的使用范围是:首页模板,栏目页模板,即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_××.html模板、channel_××.html模板
三、调试标签了解其使用方法
1、单独标签调用示例: [@cms.ChnlList/]
2、自定义标签调用示例:
[@cms.ChnlList id='' inner='1';c,i]
${c.name}[#if (i+1)%2==0]
[/#if]
[/@cms.ChnlList]
3、配合其它标签嵌套调用示例:
[@cms.ChnlList id='' sysType='article' hasContent='1'inner='1';c]
${c.name} |
[@cms.ArtiList chnlId=c.id sysContent='1-1'titLen='20' count='6' /] |
[/@cms.ChnlList]
[@cms. ArtiList /]
摘 要:在本章节,我们将带领大家一起掌握JEECMS标签中的文章列表标签-->[@cms.ArtiList /]标签的使用方法。
【ArtiList标签】在JEECMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。这里我们还是使用空白的首页模板(index_demo.html)来演示标签的用法。
一、标签原型说明
【标签名】:[@cms. ArtiList 属性='值' /]
【作 用】:获取文章列表数据
【参 数】:
属性名称 | 属性说明 | 默认值 | 可选值 | |
chnlId | 栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID | 当前栏目ID | 空:显示全站文章列表; | |
attr | 文章属性ID | 空 | 1:普通 2:图文 | |
sysContent | 列表显示方式 | 1-1 | 1-1:普通标题列表 | |
orderBy | 排序方式 | 0 | 0:发布时间降序; | |
recommend | 是否推荐 | 0 | 0:所有文章 | |
titLen | 标题长度 | 20 | 自定义 | |
target | 链接打开目标 | 0 | 0:原窗口打开 | |
headMark | 文章标题图标 | 0 | 0:无图标 | |
lineHeight | 文章列表每行的行高 | 空 | 自定义 | |
bottomLine | 每行标题下是否带分隔线 | 0 | 0:无分隔线 | |
ctgForm | 文章类别形式 | 0 | 0:不显示文章类别 | |
ctgClass | 文章类别的css-class | 空 | 自定义css样式的class名称 | |
dateFormat | 文章发布日期显示格式 | 0 | 0:不显示日期 | |
datePosition | 日期排列位置 | 1 | 1:紧跟标题之后 | |
isPage | 是否显示分页 | 0 | 0:否;1:是 | |
count | 每页列表显示数量 | 20 | 自定义 | |
仅当sysContent='1-2'(图文列表)时,以下标签属性才有效 | ||||
picWidth | 按百分比显示图片宽度 | 25(即每个图片占总宽度的25%,每行可放四张图片) | 自定义 | |
picHeight | 每行图片显示高度 | 110 | 自定义 | |
仅当sysContent='3-×'(焦点图)时,以下标签属性才有效 | ||||
flashWidth | 焦点图宽度 | 296(px) | 自定义 | |
flashHeight | 焦点图总高度 | 200(px) | 自定义 | |
textHeight | 焦点图文本高度 | 20(px) | 自定义 | |
仅当sysContent='2-×'(特效显示)时,以下标签属性才有效 | ||||
rollDisplayHeight | 显示区高度 | 28 | 自定义 | |
rollLineHeight | 行高 | 28 | 自定义 | |
rollCols | 列数(一行中包含几列) | 1 | 自定义 | |
rollSpeed | 滚动速度,值越小越快,最小为1 | 1 | 自定义 | |
isSleep | 是否停顿 | 1 | 0:不停顿; | |
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-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_××.html模板、channel_××.html模板、content_××.html模板
三、调试标签了解其使用方法
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中引入了系统默认css,可去除):
(1).文章列表
[@cms.ArtiList chnlId='' count='5' sysContent='1-1' titLen='25'lineHeight='1' dateFormat='4' datePosition='2' headMark='2'target='1'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
(2).图文列表
[@cms.ArtiList chnlId='' attr='2' count='5' sysContent='1-2'titLen='25' target='1' picWidth='25' picHeight='110'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
JEE CMS标签简介
以下部分标签仅供JEECMSv1.x系列版本参考使用
标签是JEECMS中的重要概念,上一讲中,我们介绍了模板,并且说模板就像试卷,不同的考生填入不同的内容,就形成了不同的页面。这一点在模板中是怎么实现的呢?简单起见,我们先考虑一下内容页模板,下面是一个简单的内容页模板:
${新闻标题}
${新闻内容}
这是不是有点像考试卷呢?在${}中就是考生要填入的内容,在JEECMS中这部分内容会根据您录入的新闻,自动填入。下面是一个真正的模板:
${arti.titleContent}
${arti.content}
是不是很简单呢?是的,使用JEE CMS建站,一切都是那么简单。
现在来看看栏目页模板,栏目页是一个栏目的封面,其中最基本的一个需求就是,能够显示这个栏目的新闻列表;否则浏览者无法看到这个栏目的实际内容。
看一个最简单的栏目页:
下面是实现这个效果的模板:
[@u.ArtiList count='3'/]
其中[@u.ArtiListcount='3'/]是我们看到的第二种标签,这种标签具有强大的能力,可以传递参数,count='3'是指读取本栏目最新的三条新闻。
【include】
以下标签仅供JEECMSv1.x系列版本参考使用
【标签名】: [@u.include '参数-1' /]
【作用】:包含公用页面(如页头,页脚)
【参数】: “包含模板”的名称
【示例】:
//包含页头:
[@u.include 'head' /]
//包含页脚:
[@u.include 'foot' /]
【备 注】:调用此标签前必须先建立“包含模板”
页面包含【Include 标签】使用实例(一)
从本文开始,我们就要学习一系列的JEECMS标签使用方法了。以后的教程都会用一个个简洁而典型的实例,配合相关图片来给大家展示JEECMS标签的使用方法。
本实例教程使用的版本是JEECMS v2.1beta版,运行环境是jdk1.6+mysql5+tomcat6,操作系统为windows 2003server。环境的安装请参考官网的相关说明,这里就不再重复解释了。以后的系列教程都是在这个环境中使用,不再重复。因测试需要数据,这里已事先在后台中添加,就不做特别说明了,马上进入正题。
现在先讲【Include标签】。有过网站设计经验的朋友可能都知道,我们可以将页面中经常要引用的公共部分(比如页头和页脚)独立开来,单独存放在一个页面中。这样做的好处就是可以在各个需要用到该部分的页面中用一个简单的包含语句就能把它引入进来,大大简化了工作量。所以【Include标签】的使用率很高,相当实用,这是我们在模板制作过程中必须熟练掌握的一个基础标签。
这里为了演示标签的使用方法,新建了一个空白的首页模板(新建的首页模板必须以index做前缀,这里采用index_demo.html),然后将index_demo.html设为当前首页栏目模板,这样首页就变成了一个空白页,你可以在上面测试各种标签的用法。以后的教程中都采用这种方式进行标签演示,但必须要视标签的使用范围来建立不同类型的模板。
一、标签原型说明
【标签名】:[@cms.Include属性='值' /]
【作 用】:包含公用页面(如页头,页脚)
【参 数】:
name:包含模板的文件名
solution:模板方案名
【示 例】:
包含页头:[@cms.Include name='head.html' solution='default'/]
【备 注】:调用此标签前必须先建立相应的包含模板
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
【Include 标签】的使用范围是:
首页模板,栏目页模板,内容页模板
即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的
index_识别ID.html模板、channel_识别ID.html模板、content_识别ID.html模板
三、调试标签了解其使用方法
在使用【Include标签】之前我们必须保证有可供此标签调用的包含模板,本实例只是起演示作用,标签调用的是系统默认模板方案中的的head.html模板,所以无需另外创建,这点大家心里要清楚。
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中加入了css,可去除):
[@cms.Include name='head.html' solution='default'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
如果对本教程还是有疑问的地方,欢迎到JEECMS交流群中大家一起讨论。
根据ID获取文章url地址标签【ArtiHref】](二)
以下标签仅供JEECMSv1.x系列版本参考使用
【标签名】: [@u.ArtiHref id='参数-1' isRaw='参数-2'/]
【作用】:根据文章ID获取文章url地址
【参数】:
1、id—-文章ID
2、isRaw---是否只生成文章url地址,0为生成链接及文章标题,1为只生成文章url地址,默认为0
【示例】:
//只生成文章url地址:
文章标题
//生成链接及文章标题:
[@u.ArtiHref id='123' isRaw='0' /]
【备注】:此标签前必须在代码编辑模式下操作,参数带单引号
根据文章类别ID获取文章列表标签【ArtiList】(三)
以下标签仅供JEECMSv1.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】(四)
以下标签仅供JEECMSv1.x系列版本参考使用
【标签名】:
[@u.ChnlHref id='参数-1' linkBody='参数-2' isRaw='参数-3'target='参数-4' title='参数-5' class='参数-6' style='参数-7' /]
【作 用】:根据栏目ID获取栏目链接
【参 数】:
1、 id—-栏目ID
2、 linkBody---是否有链接体。链接体【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】(五)
以下标签仅供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' /]
【备 注】:
此标签前必须在代码编辑模式下操作,参数排列不分先后
文章内容页常用标签 (六)
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!}
【示 例】:
//利用标签组成一个常用的页面导航:
当前位置:首 页>> [@u.ChnlHref linkBody='0'isRaw='0'/] >>${arti.titleContent}
【备 注】:
此标签前必须在代码编辑模式下操作,参数排列不分先后
flash显示标签【Flash】(七)
以下标签仅供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】(八)
【标签名】 :
[@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标签使用实例教程-序
JEECMS自2008年10月20日发布以来,已经历了三次版本升级,目前最新的版本为JEECMS v2.1beta版。在这个过程中,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]┆${c.name}[/@cms.ChnlList]就能获取栏目列表,可用于网站导 航条。
注意:abc实例是与上面ABC三种形式相对应的。大家可以逐个测试,举一反三。搞清楚以上内容,基本上就知道如何调用网站数据了。
二、如何将网站内容完整的展示给访问者?
通过前面的内容我们已经知道了如何调用网站所需数据。但是一个真正的网站是经过组织的,完整的,系统的内容,而不是散落的各种数据。所以我们就必须将各种数据按要求组织在一个页面中。JEECMS的强大就在于你不需要任何的java编程基础,只需要建立好各种静态的html页面模板,然后将标签按照模板的要求嵌入到相应的位置上,经过这两步一个完整的页面模板就可以发布了。
以上是制作页面模板的大概过程,其它页面模板的制作过程都是一样的道理。
相关的模板有:
A、主页模板
B、栏目页模板
C、内容页模板
D、包含页模板
E、独立模板
F、搜索结果页模板
G、评论模板
H、用户自定义风格模板
I、辅助系统(投票、留言等)展示页及结果页模板
……
注意:上述模板都是通过相应的html模板嵌入JEECMS标签调用动态数据来实现其功能的。这些模板页面文件存储在WEB-INFuser_basejeecms_com_wwwtemplate文件夹中,相应的资源文件(图片,js,flash等)则存储在res_basejeecms_com_www文件夹中,详细情况请JEECMS用户自己查询。修改这两个文件夹中的相关文件(可导出模板修改也可直接在JEECMS后台修改),就可以得到各种各样自己想要的网页的样式,想要多漂亮就能有多漂亮,当然主要是看模板设计人员的技术水平了!
看到这么多类别的模板,可能有的人就傻眼了,觉得很乱。其实,你只要把网站的页面分为三个级别就能起到一个提纲挈领的作用了。即理解成类似于:【主页=>栏目页=>内容页】就行了。即JEECMS所说的“首页模板、栏目页模板、内容页模板”三种不同的级别。
三、如何制作一个自己想要的网站?
网站的功能实现当然是靠程序了,这点JEECMS用户可以不用管,将这个任务完全交给JEECMS的技术人员。你所要做的就是把你的页面模板做得让你的网站访问者满意,还有就是熟练掌握JEECMS系统的使用。
JEECMS的开发人员会不断完善系统,陆续发布JEECMS升级版本。当然这也需要结合各种各样的客户需求,所以JEECMS用户在使用过程中可以将目前你认为觉得比较好的功能反馈给JEECMS的技术人员,这样才能使JEECMS功能更加强大,操作更加人性化。
四、精通模板制作需要具备哪些方面的知识?
模板制作需要懂得HTML相关知识。所以基础便是HTML语言学习,HTML的标签不多,很容易学习,搜索下遍地都是教程。不过现在正流行web标准,就是大家说的“DIV+CSS”,要求又提高了许多,需要学习CSS,大家可以下载CSS手册。修改模版的时候对照着学习修改,每天坚持花一点时间研究下,很快就能学会。从JEECMSv2.1版起系统自带的所有默认模板都是采用DIV+CSS设计架构,所以想精通JEECMS模板制作使用的朋友们有必要学习下这方面的知识。当然了,也不是说非要用DIV+CSS页面布局,你完全可以用回原来的table布局方式,这主要取决于JEECMS用户本身了。
除了熟悉HTML,,余下的就是熟悉JEECMS标签的用法了。JEECMS的标签使用相当灵活,比如一个文章列表标签你可以通过不同的属性设置展示出多种多样的效果来,具体用法在此就不一一赘述了,我们会发布一系列的标签使用实例教程,新手们对照着操作一遍基本上能够掌握。
本教程适合JEECMS初级用户,高手飘过~~
文章列表【ArtiList标签】使用实例(二)
【ArtiList标签】在JEECMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。
这里我们还是使用空白的首页模板(index_demo.html)来演示标签的用法。
一、标签原型说明
【标签名】:[@cms. ArtiList属性='值' /]
【作 用】:获取文章列表数据
【参 数】:
属性名称 | 属性说明 | 默认值 | 可选值 |
chnlId | 栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID | 当前栏目ID | 空:显示全站文章列表; |
attr | 文章属性ID | 空 | 后台自定义 |
sysContent | 列表显示方式 | 1-1 | 1-1:普通标题列表显示; |
orderBy | 排序方式 | 0 | 0:发布时间降序; |
recommend | 是否推荐 | 0 | 0:所有文章 |
titLen | 标题长度 | 20 | 自定义 |
target | 链接打开目标 | 0 | 0:原窗口打开 |
headMark | 文章标题图标 | 0 | 0:无图标 |
lineHeight | 文章列表每行的行高 | 空 | 自定义 |
bottomLine | 每行标题下是否带分隔线 | 0 | 0:无分隔线 |
ctgForm | 文章类别形式 | 0 | 0:不显示文章类别; |
ctgClass | 文章类别的css-class | 空 | 自定义css样式的class名称 |
dateFormat | 文章发布日期显示格式 | 0 | 0:不显示日期 |
datePosition | 日期排列位置 | 1 | 1:紧跟标题之后 |
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:不停顿; |
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-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_识别ID.html模板、channel_识别ID.html模板、content_识别ID.html模板
三、调试标签了解其使用方法
default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中引入了系统默认css,可去除):àarticleàtemplateà登录JEECMS后台,进入“模板管理
(1).文章列表
[@cms.ArtiList chnlId='' count='5' sysContent='1' titLen='25'lineHeight='1' dateFormat='4' datePosition='2' headMark='2'target='1'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
(2).图文列表
[@cms.ArtiList chnlId='' attr='5' count='5' sysContent='2'titLen='25' target='1' picWidth='25' picHeight='110'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
如果对本教程还是有疑问的地方,请到JEECMS交流群中大家一起讨论。
内容页模板常用标签使用实例(三)
为了演示内容页常用标签的使用方法,这里在后台“模板管理”中新建了一个空白的内容页模板(所有的内容页模板都必须以content做前缀,这里采用contetn_demo.html),然后将content_demo.html设为当前某个栏目的内容页模板,这样你可以在上面测试内容页各种标签的用法了。
一、标签原型说明
【文章导航】:[@cms.Position /]
【文章标题】:${arti.title}
【简短标题】:${arti.shortTitle}
【文章作者】:${arti.author}
【发布日期】:${arti.releaseDate}
【查看次数】:${arti.visitTotal}
【文章来源】:${arti.origin}
【文章摘要】:${arti.description}
【文章内容】:[@cms.ArtiContent /]
【内容分页】:[@cms.SysPage style=’2’/]
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。既然是内容页标签,其主要使用范围当然是内容页模板。即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的content_识别ID.html模板。
三、调试标签了解其使用方法
default”,点击修改开始时建立的content_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码:àarticleàtemplateà登录JEECMS后台,进入“模板管理
【文章导航】:[@cms.Position /]
【文章标题】:${arti.title}
【简短标题】:${arti.shortTitle}
【文章作者】:${arti.author}
【发布日期】:${arti.releaseDate}
【查看次数】:${arti.visitTotal}
【文章来源】:${arti.origin}
【文章摘要】:${arti.description}
【文章内容】:[@cms.ArtiContent /]
【内容分页】:[@cms.SysPage style='2'/]
点保存按钮,然后返回前台点击一篇使用了该测试内容页模板的文章,得到如下效果:
如果对本教程还是有疑问的地方,请到JEECMS交流群中大家一起讨论。
【ArtiSide标签】使用实例(四)
【ArtiSide 标签】表示获取文档“上一篇/下一篇”的链接列表。仅用于文章内容页模板。
一、标签原型说明
【标签名】:[@cms.ArtiSide属性='值' /]
【作 用】:获取文档“上一篇/下一篇”的链接列表
【参 数】:
side:【pre:上一篇;next:下一篇】
notExist:文章不存在时的提示信息。(默认:没有了)
【示 例】:
上一篇:[@cms.ArtiSide side='pre'/]下一篇:[@cms.ArtiSide side='next'/]
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
【ArtiSide标签】仅限于文章内容页模板中使用,即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的content_识别ID.html模板。
三、调试标签了解其使用方法
default”,这里还是使用前面教程中建立的content_demo.html模板,将里面都内容清空,然后在模板内容处填写如下标签代码:àarticleàtemplateà登录JEECMS后台,进入“模板管理
【文章标题】:${arti.title}
【文章内容】:[@cms.ArtiContent /]
[@cms.SysPage style='2'/]
上一篇:[@cms.ArtiSide side='pre' notExist=’前面没有文章了!’/]
下一篇:[@cms.ArtiSide side='next' notExist =’后面没有文章了’’/]
点保存按钮,然后返回前台点击一篇使用了该测试内容页模板的文章,得到如下效果:
如果对本教程还是有疑问的地方,请到JEECMS交流群中大家一起讨论。
JEECMS网站管理系统标签使用概述
调用"JEECMS标签"的三种代码样式如下:
A、${标签名称}
B、[@cms.标签名称 属性='值'/]
C、[@cms.标签名称 属性='值'; 标签别名] 自定义样式模板 [/@cms.标签名称]
例如:
a、${web.name}标签用于调用网站名称
b、[@cms.ArtiList chnlId='' count='10' sysContent='1-1'/]标签用于调用10篇文章的列表
c、[@cms.ChnlList id='' inner='1';c]┆${c.name}[/@cms.ChnlList]标签用于调用栏目列表,可用于网站导 航条。
注意:abc实例是与上面ABC三种形式相对应的。大家可以逐个测试,举一反三。
为了测试上述几类标签,我们可以新建一个空白的首页模板(新建的首页模板必须以index做前缀,例如index_demo.html),进入后台管理->模板管理->template->article->blue->default,点击下图中③处的“创建模板”按钮,
按要求填写必要的模板内容后保存模板,此时点击功能树上面的“刷新目录”就可以看到新加的“index_demo.html”模板了,如下所示:
——>
然后点击“文章栏目->首页->修改”,将新建的首页模板(index_demo.html)设为首页栏目模板,提交保存
——>
回到站点首页,刷新,您将看到我们刚才建立的测试首页,你就可以在上面测试各种标签的用法了(需要恢复原来的默认首页很简单,把首页栏目模板重新设置为默认模板或index.html就行了)。
标签有自己的使用范围,有的标签只能在内容页或栏目页中使用,所以我们还需要分别建立做测试的内容页及栏目页模板。一般情况下,最简单的网站至少应具备三个页面模板,即“首页模板->栏目页模板->内容页模板”,所以建立好以上三种基本的页面模板后基本上就可以测试使用所有的JEECMS标签了。值得一提的是,各类模板都有一定的命名规则,这是由模板对应的栏目模型指定的(具体的请参考“模型管理”中的教程说明),这里我们分别建立了栏目页模板channel_demo.html、内容页模板content_demo.html,具体的建立过程和首页模板的建立过程类似,这里就不作重复说明了。
JEECMS网站管理系统Include标签使用说明
有过网站设计经验的朋友可能都知道,我们可以将页面中经常要引用的公共部分(比如页头和页脚)独立开来,单独存放在一个页面中。这样做的好处就是可以在各个需要用到该部分的页面中用一个简单的包含语句就能把它引入进来,大大简化了工作量。所以【Include标签】的使用率很高,相当实用,这是我们在模板制作过程中必须熟练掌握的一个基础标签。这里为了演示[@cms.Include/]标签的使用方法,采用前面新建的空白首页模板,具体的创建过程请参考《5.1标签使用概述》
一、标签原型说明
【标签名】:[@cms.Include 属性='值' /]
【作 用】:包含公用页面(如页头,页脚)
【参 数】:
name:包含模板的文件名
solution:模板方案名
【示 例】:
包含页头:[@cms.Include name='head.html' solution='default'/]
【备 注】:调用此标签前必须先建立相应的包含模板
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
【Include标签】的使用范围是:首页模板,栏目页模板,内容页模板,即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_××.html模板、channel_××.html模板、content_××.html模板
三、调试标签了解其使用方法
在使用【Include标签】之前我们必须保证有可供此标签调用的包含模板,本实例只是起演示作用,为方便起见,这里就不再另外创建被包含的模板了,标签调用的是系统默认模板方案中的的head.html模板。
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),进入模板代码模式,填写如下标签代码(为了演示效果美观,本处代码中加入了css,可去除):
[@cms.Include name='head.html' solution='default'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
JEECMS网站管理系统ArtiList标签使用说明
【ArtiList标签】在JEECMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。这里我们还是使用空白的首页模板(index_demo.html)来演示标签的用法。
一、标签原型说明
【标签名】:[@cms. ArtiList 属性='值' /]
【作 用】:获取文章列表数据
【参 数】:
属性名称 | 属性说明 | 默认值 | 可选值 |
chnlId | 栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID | 当前栏目ID | 空:显示全站文章列表; |
attr | 文章属性ID | 空 | 1:普通 2:图文 |
sysContent | 列表显示方式 | 1-1 | 1-1:普通标题列表 |
orderBy | 排序方式 | 0 | 0:发布时间降序; |
recommend | 是否推荐 | 0 | 0:所有文章 |
titLen | 标题长度 | 20 | 自定义 |
target | 链接打开目标 | 0 | 0:原窗口打开 |
headMark | 文章标题图标 | 0 | 0:无图标 |
lineHeight | 文章列表每行的行高 | 空 | 自定义 |
bottomLine | 每行标题下是否带分隔线 | 0 | 0:无分隔线 |
ctgForm | 文章类别形式 | 0 | 0:不显示文章类别 |
ctgClass | 文章类别的css-class | 空 | 自定义css样式的class名称 |
dateFormat | 文章发布日期显示格式 | 0 | 0:不显示日期 |
datePosition | 日期排列位置 | 1 | 1:紧跟标题之后 |
isPage | 是否显示分页 | 0 | 0:否;1:是 |
count | 每页列表显示数量 | 20 | 自定义 |
仅当sysContent='1-2'(图文列表)时,以下标签属性才有效 | |||
picWidth | 按百分比显示图片宽度 | 25(即每个图片占总宽度的25%,每行可放四张图片) | 自定义 |
picHeight | 每行图片显示高度 | 110 | 自定义 |
仅当sysContent='3-×'(焦点图)时,以下标签属性才有效 | |||
flashWidth | 焦点图宽度 | 296(px) | 自定义 |
flashHeight | 焦点图总高度 | 200(px) | 自定义 |
textHeight | 焦点图文本高度 | 20(px) | 自定义 |
仅当sysContent='2-×'(特效显示)时,以下标签属性才有效 | |||
rollDisplayHeight | 显示区高度 | 28 | 自定义 |
rollLineHeight | 行高 | 28 | 自定义 |
rollCols | 列数(一行中包含几列) | 1 | 自定义 |
rollSpeed | 滚动速度,值越小越快,最小为1 | 1 | 自定义 |
isSleep | 是否停顿 | 1 | 0:不停顿; |
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-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_××.html模板、channel_××.html模板、content_××.html模板
三、调试标签了解其使用方法
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的index_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码(为了演示效果美观,本处代码中引入了系统默认css,可去除):
(1).文章列表
[@cms.ArtiList chnlId='' count='5' sysContent='1-1' titLen='25'lineHeight='1' dateFormat='4' datePosition='2' headMark='2'target='1'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
(2).图文列表
[@cms.ArtiList chnlId='' attr='2' count='5' sysContent='1-2'titLen='25' target='1' picWidth='25' picHeight='110'/]
点保存按钮,然后返回前台站点首页刷新,得到如下效果:
JEECMS网站管理系统ArtiSide标签使用说明
【ArtiSide 标签】表示获取文章“上一篇/下一篇”的链接列表。仅用于文章内容页模板。
一、标签原型说明
【标签名】:[@cms. ArtiSide属性='值' /]
【作 用】:获取文档“上一篇/下一篇”的链接列表
【参 数】:
side:【pre:上一篇;next:下一篇】
notExist:文章不存在时的提示信息。(默认:没有了)
【示 例】:
上一篇:[@cms.ArtiSide side='pre'/] 下一篇:[@cms.ArtiSideside='next'/]
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。 【ArtiSide标签】仅限于文章内容页模板中使用,即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的content_××.html模板。
三、调试标签了解其使用方法
登录JEECMS后台,进入“模板管理->template->article->default”,这里还是使用前面教程中建立的content_demo.html模板,将里面都内容清空,然后在模板内容处填写如下标签代码:
【文章标题】:${arti.title}
【文章内容】:[@cms.ArtiContent /]
[@cms.SysPage style='2'/]
上一篇:[@cms.ArtiSide side='pre' notExist ='前面没有文章了!'/]
下一篇:[@cms.ArtiSide side='next' notExist ='后面没有文章了!'/]
点保存按钮保存该内容模板,到文章对应的栏目下设置内容页模板为content_demo.html模板,这里我们用的主要是“图片”栏目的文章,所以将“图片”栏目的内容页模板设置为“content_demo.html”,然后返回前台点击一篇文章,得到如下效果:
JEECMS网站管理系统内容页常用标签使用说明
为了演示内容页中常用标签的使用方法,我们需要一个内容页面做测试。这里我们采用开始时建立的空白的内容页模板(所有的内容页模板都必须以content做前缀,这里采用contetn_demo.html),然后将content_demo.html设为当前某个栏目的内容页模板,这样你可以在上面测试内容页各种标签的用法了。
一、标签原型说明
【文章导航】:[@cms.Position /]
【文章标题】:${arti.title}
【简短标题】:${arti.shortTitle}
【文章作者】:${arti.author}
【发布日期】:${arti.releaseDate}
【查看次数】:${arti.visitTotal}
【文章来源】:${arti.origin}
【文章摘要】:${arti.description}
【文章内容】:[@cms.ArtiContent /]
【内容分页】:[@cms.SysPage style='2'/]
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。既然是内容页标签,其主要使用范围当然是内容页模板。即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的content_××.html模板。
三、调试标签了解其使用方法
登录JEECMS后台,进入“模板管理->template->article->default”,点击修改开始时建立的content_demo.html模板(如果没有此模板则按照本文开头的说明创建),在模板内容处填写如下标签代码:
【文章导航】:[@cms.Position /]
【文章标题】:${arti.title}
【简短标题】:${arti.shortTitle}
【文章作者】:${arti.author}
【发布日期】:${arti.releaseDate}
【查看次数】:${arti.visitTotal}
【文章来源】:${arti.origin}
【文章摘要】:${arti.description}
【文章内容】:[@cms.ArtiContent /]
【内容分页】:[@cms.SysPage style='2'/]
点保存按钮,然后返回前台点击一篇使用了该测试内容页模板的文章,得到如下效果:
JEECMS网站管理系统ChnlList标签使用说明
在页面中获取栏目列表的时候我们要用到[@cms.ChnlList/]标签,本标签不仅可以单独使用,还可以配合其它标签使用,达到更加丰富的效果。本节教程都是在新建的演示空白首页模板中作演示。
一、标签原型说明
【标签名】:[@cms.ChnlList 属性='值' /]
【作 用】:显示各栏目列表
【参 数】:
id:父栏目ID。(默认为空:自动获取当前栏目ID)
orderBy:排序方式。【0:优先级升序;1:优先级降序;2:点击次数升序;3:点击次数降序】(默认0)
isDisplay:是否只获取显示的栏目。【0:获取所有;1:只获取显示的栏目】(默认1)
hasContent:是否只获取可以有内容的栏目。【0:获取所有;1:只获取可以有内容的栏目】(默认0)
linkClass:链接class
linkTarget:链接打开方式。【0:当前窗口;1:新窗口】(默认0)
style:标签内部样式。如果指定sysContent或userContent,则该项无效。【1:普通链接列表;】(默认1)
sysTpl:使用系统模板。【0:不使用;1:使用】(默认1)
sysContent:系统内容样式。(默认0)
userContent:自定义内容样式。如果指定了系统内容样式,则该项无效。(默认0)
sysPage:系统分页样式。【0:不分页;1:样式一;2:样式二】(默认0)
userPage:自定义分页样式。如果指定了系统分页样式,则该项无效。【0:不分页;1:样式一;2:样式二】(默认0)
custom:字符串数组。用于个性化处理。(默认空数组)
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、明确标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。 [@cms.ChnlList/]标签的使用范围是:首页模板,栏目页模板,即对应WEB-INFuser_basejeecms_com_wwwtemplatearticledefault文件夹下的index_××.html模板、channel_××.html模板
三、调试标签了解其使用方法
1、单独标签调用示例: [@cms.ChnlList/]
2、自定义标签调用示例:
[@cms.ChnlList id='' inner='1';c,i]
${c.name}[#if (i+1)%2==0]
[/#if]
[/@cms.ChnlList]
3、配合其它标签嵌套调用示例:
[@cms.ChnlList id='' sysType='article' hasContent='1'inner='1';c]
${c.name} |
[@cms.ArtiList chnlId=c.id sysContent='1-1'titLen='20' count='6' /] |
[/@cms.ChnlList]
JEECMS网站管理系统Position标签使用说明
在网站页面中我们经常要显示当前页面的位置,例如:当前位置:首页 > JEECMS教程 > 环境搭建 >正文。在JEECMS标签中提供了一个显示页面的当前位置调用标签,只需将该标签放到页面的相应地方,设置好调用参数即可,简单方便。其实在前面的《JEECMS网站管理系统内容页常用标签使用说明》一节中我们已经使用了[@cms.Position/]标签,这里作个更加详细的补充介绍。
一、标签原型说明
【标签名】:[@cms.Position 属性='值' /]
【作 用】:显示页面的当前位置
【参 数】:
homepage —-首页显示方式。【1:站点简称;自定义】(默认:首页)
title ---内容页显示方式。【0:不显示;1:显示内容标题;自定义】(默认:正文)
split ---分割符号。(默认:“>”)
target ---是否原窗口打开。【0:原窗口打开;1:新窗口打开】(默认:原窗口打开)
class ---链接外部样式,等同于html中的class属性
style ---自定义标签样式,等同于html中的style属性
【示 例】:
[@cms.Position homepage='1' split='|' target='1'style='color:#f00'/]
最终效果:
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
JEECMS网站管理系统MsgList标签使用说明
为了方便网友和站长互动交流,JEECMS系统自带了留言板功能,同时也提供了一套默认的留言板样式。留言板的模板可以在管理后台“模板管理->template->auxiliary->default->sys_Guestbook.html”中修改。其中的留言列表使用了[@cms.MsgList/]标签,该标签的具体显示样式是在管理后台“模板管理->template->auxiliary->default->tag_MsgList.html”中定义的。
一、标签原型说明
【标签名】:[@cms.MsgList 属性='值' /]
【作 用】:显示留言列表
【参 数】:
ctgId:留言类别。类别ID。(默认全部)
recommend:是否推荐。【0:全部;2:推荐留言】(默认0)
orderBy:排序方式。【0:留言时间从新到旧;1:留言时间从旧到新;】(默认0)
firstResult:第一条记录。(默认0)
count:记录数。(默认20)
isPage:是否分页。【0:不分页;1:分页】(默认0)
pageNo:页号。(默认当前页)
cssClass:容器class
cssStyle:容器style
style:标签内部样式。如果指定sysContent或userContent,则该项无效。【1:普通列表;】(默认1)
inner:是否使用标签中直接编写html代码。【0:否;1:是】(默认0)
isLoop:内容是否循环。【0:不循环;1:循环】(默认1)
sysTpl:使用系统模板。【0:不使用;1:使用】(默认1)
sysContent:系统内容样式。(默认0)
userContent:自定义内容文件名。如果指定了系统内容样式,则该项无效。(默认空)
sysPage:系统分页样式。【0:不分页;1:样式一;2:样式二】(默认0)
userPage:自定义分页样式文件名。如果指定了系统分页样式,则该项无效。(默认空)
custom:字符串数组。用于个性化处理。(默认空数组)
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
【示 例】:
[@cms.MsgList count='3' sysTpl='0' isPage='1'/]
最终效果:
JEECMS网站管理系统VoteTopic标签使用说明
在JEECMS中自带一个投票系统,用户可以自定义投票主题及投票方式。投票系统和留言板都属于JEECMS的辅助系统(auxiliary),在后台都有对应的模板可以控制显示样式。投票系统有投票列表显示模板和投票结果显示模板,分别对应后台管理中“模板管理->template->auxiliary->default->tag_VoteTopic.html”、“模板管理->template->auxiliary->default->sys_VoteResult.html”,用户可自行修改显示样式。
一、标签原型说明
【标签名】:[@cms.VoteTopic 属性='值' /]
【作 用】:显示投票主题
【参 数】:
id:投票ID。(默认为最新投票)
inner:是否使用标签中直接编写html代码。【0:否;1:是】(默认0)
cssClass:容器class
cssStyle:容器style
style:标签内部样式。如果指定sysContent或userContent,则该项无效。【1:普通列表;】(默认1)
sysTpl:使用系统模板。【0:不使用;1:使用】(默认1)
custom:字符串数组。用于个性化处理。(默认空数组)
【备 注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
【示 例】:
[@cms.VoteTopic sysTpl='0'/]
最终效果:
经常有网友反映JEECMS的标签不够灵活,很多布局显示效果做不出来。其实不然,JEECMS默认提供的都是一些最常用的显示效果,对于那些相对复杂的布局方式,大家其实可以用JEECMS的自定义标签来实现。可以说,只要你能够用html写出想要的效果,就能在JEECMS自定义标签中使用并展现出来,以下用最常用的@cms.ArtiList,即文章列表标签做说明。
主要分两步:
第一步、在模板管理的tag_ArtiList.html模板里面编写需要的自定义标签显示效果,内容如下
[#--
该模板用于用户自定义文章列表显示风格。
调整文章列表标签参数sysTpl='0'可调用本模板
--]
[#ifstyle=='1']
[#listpagination.listasctt]
[#ifctt.description?lengthlte76]${ctt.description}[#else]${ctt.description[0..75]}..[/#if]
>>进入详细
[/#list]
[#else]
[/#if]
[#ifisPage=="1"&&pagination.list?size>0]
[#ifsysPage!="0"]
[@cms.SysPagestyle=sysPagecssClass=pageClasscssStyle=pageStyle/]
[#elseifuserPage!=""]
[@cms.UserPagename=userPagecssClass=pageClasscssStyle=pageStylesolution=upSolutionwebRes=upWebRes/]
[/#if]
[/#if]
在[#ifstyle=='1']里设置了第一种自定义标签,里面可以自己加需要的布局或样式
同理可以定义[#ifstyle=='2']的自定义标签,在调用时对应style的值就可以。
第二步、模板调用
[@cms.ArtiListattr='4'count='1'sysContent='1-1'orderBy='9'titLen='25'isPage='0'sysTpl='0'style='1'/]
attr='4'对应文章属性,默认4代表头条,具体的可以在“文章内容->内容属性”里设置对应关系
style='1'对应tag_ArtiList.html模板里的[#ifstyle=='1']的自定义标签,同理
style='2'对应tag_ArtiList.html模板里的[#ifstyle=='2']的自定义标签
以此类推
当然大家也可以直接在模板里写自定义标签,这样做的优点是简单直接,但是可重用性差,以下也做个简单介绍,大家自己视情况选择:
以栏目列表显示标签做演示,要求栏目输出id为1的栏目里所有的子栏目名称及链接,且每输出两个子栏目要换行,示例代码如下:
[@cms.ChnlListid=''inner='1';c,i]
${c.name}[#ifi%2==0]
[/#if]
[/@cms.ChnlList]
为了简单明了,这里只列出关键的输出信息,html布局忽略,当然大家可以往里面加入自己需要的html布局和样式。
同样还可以用cms.ArtiList自定义标签来做出每行显示两条文章标题的效果,代码如下
[@cms.ArtiListchnlId=''titLen='20'count='12'inner='1';a,i,has_next]
[#ifi==0]
[#ifi%2==0]
[#if!has_next][/#if]
[#else]
[/#if]
[#if!has_next]
${a.title} | |
${a.title} ${a.releaseDate?string("yyyy/MM/dd")} |
[/@cms.ArtiList]
常见问题
在站点管理中新添加子级站点
首先要保证你的域名都是有效可访问的,也就是都要解析到服务器ip
你可以做泛域名解析,这样就能用如*.jeecms.com
如主站用www.jeecms.com
其他子站域名可以任意设置为aaa.jeecms.com、bbb.jeecms.com等等
具体的填写可以参考主站的
设为首页
设为首页 (在div内部)
加入收藏
加入收藏
添加链接
许可协议 -
文章标题图标自定义
// 热门排行
[@cms.ArtiList chnlId='' count='10'sysContent='1-1' titLen='17' sysTpl='0' style='1'/]
(sysTpl='0' 不使用系统模板)
tag_ArtiList.html中自定义标签(设置sysTpl='0',并判断在style='1'的情况下调用)
[#if style=='1']
[#list pagination.list as ctt]
${ctt.stit(titLen)}
[/#list]
Css中定义class:
.orderlist{line-height:24px;background:url(../img/no.gif) 8px 0px no-repeat; padding:0px8px 0px 26px; text-align:left;}(在layout.css中定义.orderlist)
系统变量
${(web.copyright)!}
${(web.recordCode)!}(在“网站配置”里设置)
下拉框自动填充
导航栏自动填充
分页问题
在文章中插入[NextPage][/NextPage]
搜索问题
搜索页面找不到?登录后台→首页→缓存管理→全文检索→生成索引。
系统环境
${root}:
\192.168.30.66tomcatwebappsjeecmsres_basejeecms_com_www
${sysResRoot}
\192.168.30.66tomcatwebappsjeecmsfront_res
${base}
http://www.jee.com:8080/jeecms