jeemcs模板制作培训

CMS简介•CMS内容管理系统是集新闻资讯、留言、评论、产品、图片、视频等内容的一个管理系统。•网站架构采用CMS结构太平网站结构•太平集团首页•集团介绍等单页•新闻中心•图片新闻•视频新闻•产品•服务•信息披露•电子期刊网站页面开发步骤•1.设计效果图•2.切图做好静态的html页面•3.套用标签替换静态文字图片等概要•标签的介绍将从现在太平首页开始介绍、然后到栏目页面、内容页面•讲解的步骤将从现在的老太平集团官网首页和其他页面开始•首页包括导航、左侧友情链接、中间新闻板块、底部等。导航条•导航栏目数据获取标签•ul•li•[@cms_channel_list]•ahref=${base}/首页/a•[#listtag_listasc]•Ahref=${c.url}${c.name}/A•[/#list]•[/@cms_channel_list]•/li•/ul•${base}/回到首页标签•${c.url}栏目链接•${c.name}栏目名称多级导航•在一级导航标签体中嵌套以下标签获取二级栏目列表•[@cms_channel_listparentId=c.id]•[#listtag_listasc2]•li•ahref=${c2.url}•${c2.name}•/a•/li•[/#list]•[/@cms_channel_list]•说明：c是一级栏目，当然也这里的参数parentId也可以指定id•tag_list是数据集合，name栏目名称，url栏目链接友情链接•左侧可以选择友情链接方式实现•[@cms_friendlink_listctgId=‘1’]•[#listtag_listaslink]•dd[#iflink_index%2==1]class=“red”[#else]class=“green”[/#if]•ahref=${link.domain}onclick=$.get('${base}/friendlink_view.jspx?id=${link.id}')target=_blank${link.name}/a•/dd•[/#list]•[/@cms_friendlink_list]•ctgId传入参数链接分类可以将友情链接归类调出•domain链接•name链接名称栏目当前位置•h3•您的位置:ahref='${base}/'首页/a>[#listchannel.nodeListasn]ahref='${n.url}'target='_blank'${n.name}/a[#ifn_has_next]>[/#if][/#list]>•/h3新闻列表（无分页）•[@cms_content_listcount='5'recommend='1'titLen='20'•dateFormat='MM-dd'channelOption='1’typeId=‘1']•[#listtag_listasa]•ahref=${a.url}title=${a.title}target=_blank[@text_cut•s=a.titlelen=titLenappend=append/]/a•em${a.date?string(dateFormat)}/em•[/#list]•[/@cms_content_list]•count=‘5’调取5条数据•recommend=‘1‘推荐的数据去掉该属性则无论推荐与否•titLen=‘20‘标题长度•dateFormat=‘MM-dd’设置时间格式，示例是月日格式可以选择’yyyy-MM-dd’时间格式就是年月日•channelOption=‘1’包含子栏目的数据=2包含副栏目数据•typeId=‘1‘普通新闻2图文3焦点4头条图片切换(焦点图)••divclass=imju•[@cms_content_listtypeId='3'styleList='3-1'titLen='20'count='5'flashWidth='300'flashHeight='200'textHeight='20'channelOption='1'tpl='2'/]•/div••typeId='3'表示取类型为“焦点”的新闻的类型图来展示。•styleList='3-1'图片切换flash的样式，默认有三种样式，还包括'3-2'，'3-3'•titLen='20'新闻标题截取长度。•count='5'切换图片个数•flashWidth='300'flash高度•flashHeight='200'flash宽度•textHeight='20'标题高度，如果设置为0，则不显示标题。新闻-头条•[@cms_content_listchannelOption='1’count=‘1'typeId='4'descLen='60'append='...'•channelOption='1']•[#listtag_listasa]•imgsrc='${a.typeImg!}'/•ahref=${a.url}•title=${a.title}target=_blankh3${a.stit}/h3•/a•p[@text_cuts=a.desclen=descLenappend=append/]/p•[/#list]•[/@cms_content_list]•title标题•stit简短标题•desc摘要描述•typeImg类型图•titleImg标题图图片新闻•[@cms_content_listtypeId=2count=5titLen=10channelId=‘4’•channelOption=1]•[#listtag_listasa]•aid=“a_${a_index}”href=${a.url}imgborder=0src=${a.typeImg!site.defImg}width=180height=45alt=/•/a•[/#list]•divid=“anumDiv”${tag_list?size}/div•[/@cms_content_list]•typeId=2图片新闻•列表显示的是类型图片滚动图文列表向左••以下js放在head标签里。•scriptsrc=${resSys}/jquery.jstype=text/javascript•/script•scriptsrc=${resSys}/front.jstype=text/javascript•/script••[@cms_content_listtopicId='1'typeId='2'count='8'styleList='2-4'titLen='16'rollLineHeight='70'rollSpan='1'rollSpeed='1'tpl='2'/]••说明：•rollLineHeight:滚动区行高；【按像素px计算】不能为空•rollSpeed:滚动速度；【滚动速度，值越小越快，最小为1】不能为空•rollSpan:滚动跨度；【一次滚动的像素，跨度越大，滚动就越快，但越不流畅】不能为空•topicId=‘1’滚动中的图片要属于一个专题,可以去掉•typeId='2'图片所在内容是图文类型新闻单页•集团简介这样的页面可以采用新闻单页•在栏目管理里头添加一个单页模型的栏目•h1class=line${channel.title!channel.name}/h1•${channel.txt!}•channel.title栏目标题•channel.name栏目名称•${channel.title!channel.name}如果没有设置标题则显示栏目名称•${channel.txt!}栏目内容新闻列表（分页）•[@cms_content_pagechannelId=channel.idcount=‘20'titLen='15'append='...'orderBy='2'dateFormat='yyyy-MM-dd'channelOption='1']•[#listtag_pagination.listasa]•li•ahref=${a.url}target=_blank[@text_cuts=a.titlelen=titLenappend=append/]/a•/li•[/#list]•/ul•[/@cms_content_page]•Count一个页面20条•append超过titLen=15个字数采用…补全•orderBy=‘2’排序发布时间倒序•翻页效果标签pclass=p1[@cms_paginationsysPage='1'/]新闻列表排序•*0：ID降*1：ID升*2：发布时间降序*3：发布时间升序*4：固顶级别降序,发布时间降序：先按照固顶的级别排序，后按照发布时间排序置顶级别排序•从1到6级别一次升高，置顶级别1为最低，指定级别6为最高*5：固顶级别降序,发布时间升序*6：日访问降序（推荐）*7：周访问降序*8：月访问降序*9：总访问降序=0按照id降序*10：日评论降序（推荐）*11：周评论降序*12：月评论降序*13：总评论降序*14：日下载降序（推荐）*15：周下载降序*16：月下载降序*17：总下载降序*18：日顶降序（推荐）*19：周顶降序*20：月顶降序带缩略图分页内容列表•新闻产品栏目就属于这种类型的格式•[@cms_content_pagechannelId=channel.idcount=‘20'titLen='15'append='...'orderBy='2'dateFormat='yyyy-MM-dd'channelOption='1']•[#listtag_pagination.listasa]•li•ahref=${a.url}imgborder=0src=${a.typeImg!site.defImg}width=180height=45alt=/•/a•ahref=${a.url}target=_blank[@text_cuts=a.titlelen=titLenappend=append/]/a•p[@text_cuts=a.desclen=descLenappend=append/]/p•/li•[/#list]•/ul•[/@cms_content_page]•Count一个页面20条•append超过titLen=15个字数采用…补全•orderBy=‘2’排序方式•翻页效果标签pclass=p1[@cms_paginationsysPage='1'/]下载内容列表•[@cms_content_listchannelId=channel.idcount='4'titLen='10'channelOption='1']•ulclass=listright_pic•[#listtag_listasd]•liahref=${d.url}target=_blankimgsrc=${d.contentImg!site.defImg}alt=${d.title}//aahref=${d.url}title=${d.title}target=_blank[@text_cuts=d.stitlen=titLenappend=append/]/a•[#ifd.attachments?sizegt0]•[#listd.attachmentsasattach][#ifattach_index==0]aid=attach${attach_index}imgsrc=/${res}/img/download/down.gifborder=0//a[/#if]•[/#list]•[/#if]•/