1、创建网站模板创建网站模板一、创建模板目录结构1、在D盘创建一个文件夹,名为:mytemplate2、然后在d:mytemplate文件夹中,创建一个文件夹$root3、接下来,在$root文件夹中创建文件夹mytemplate4、接着,在$rootmytemplate文件夹中,建立文件夹article5、最后,在article中,分别建立img和css文件夹。二、建立Dreamweaver本地站点打开Dreamweaver,为mytemplate创建一个本地站点。三、创建模板文件在Jeecms中,模板文件的命名有严格的要求,常用的文件命名如下:首页文件:article-index.html频道
2、首页文件:article-channel.html article-channel-xxxxxxxx.html详细内容页面文件:article-content.htmlarticle-content-xxxxxxxx.html独立页面文件:article-alone.htmlarticle-alone-xxxxxxxxx.html被包含页面:include-xxxxxxxx.html如,include-head.htmlinclude-foot.htmlinclude-left.html四、模板内容语法JEECMS的模板通过一系列标签实现相应功能,主要有如下几种。4.1包含标签Inclue标签
3、语法如下:cms.Include name=被包含的模板文件名 solution=模板名称/如:cms.Include name=head.html solution=mytemplate/4.2文章列表显示标签ArtiList 标签在JEECMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。4.2.1普通文章列表样式ArtiList标签为用户提供了普通文章列表调用样式,通过调整相应的标签属性,用户可以修改文章列表图标、显示条数、标题长度、日期格式及显示位置、每
4、行标题下是否带分隔线、打开方式(新窗口或原窗口打开)。调用标签及显示效果如下:cms.ArtiList chnlId= count=8 sysContent=1-1 titLen=25 lineHeight=2 dateFormat=1 datePosition=2 headMark=4 bottomLine=1 target=1/4.2.2 图文显示样式ArtiList标签通过修改sysContent、attr标签属性的值,可以调用图文混排显示效果:cms.ArtiList chnlId= attr=2 count=4 sysContent=1-2 titLen=25 target=1 pi
5、cWidth=25 picHeight=110/4.2.3 焦点图显示样式ArtiList标签通过修改sysContent、attr标签属性的值,可以调用焦点图显示效果:cms.ArtiList chnlId= attr=3 count=4 sysContent=3-3 titLen=25 flashWidth=522 flashHeight=225/附:标签原型说明【标签名】:cms. ArtiList 属性=值 /【作用】:获取文章列表数据属性名称 属性说明 默认值 可选值 chnlId栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID当前栏目ID空:显示全站文章列表; 栏目ID:指定
6、栏目文章列表attr文章属性ID空1:普通 2:图文3:焦点 4:头条 5:滚动sysContent列表显示方式1-11-1:普通标题列表 1-2:图文列表2-1:标题列表翻滚2-2:图文列表翻滚3-1:焦点图orderBy排序方式00:发布时间降序;1:发布时间升序;2:固顶降序;3:置顶降序;4:日点击降序;5:周点击降序;6:月点击降序;7:季点击降序;8:年点击降序;9:总点击降序recommend是否推荐00:所有文章 1:推荐文章titLen标题长度20自定义target链接打开目标00:原窗口打开 1:新窗口打开headMark文章标题图标00:无图标 1:黑色小圆点 2:红色小
7、圆点 3:蓝色单箭头 4:蓝色双箭头 自定义图标:填写图标路径lineHeight文章列表每行的行高空自定义bottomLine每行标题下是否带分隔线00:无分隔线 1:有分隔线ctgForm文章类别形式00:不显示文章类别1:显示栏目类别2:显示站点名称ctgClass文章类别的css-class空自定义css样式的class名称dateFormat文章发布日期显示格式00:不显示日期 1:”年-月-日 时-分-秒” 格式 2:”年-月-日” 格式 3:”月-日 时-分” 格式 4:”月-日” 格式datePosition日期排列位置11:紧跟标题之后 2:右对齐 3:左对齐isPage是否
8、显示分页00:否;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自定
9、义rollLineHeight行高28自定义rollCols列数(一行中包含几列)1自定义rollSpeed滚动速度,值越小越快,最小为11自定义isSleep是否停顿10:不停顿; 1:停顿rollSleepTime停顿时间,值越大停顿越久50自定义rollCount一次滚动的行数1自定义rollSpan一次滚动的像素1自定义其它高级标签属性(用于用户个性设置)searchKey在标题、tags和描述中搜索指定关键字的文章列表,用于搜索页模板空自定义关键字style标签内部样式,如果指定sysContent或userContent,则该项无效11:普通列表sysTpl指定系统模板1自定义sy
10、sContent系统内容样式0自定义userContent用户内容样式,当sysContent=1时有效空自定义sysPage系统分页样式0自定义userPage用户分页样式,当sysPage=1时有效空自定义upSolution指定其它模板方案样式空自定义upWebRes指定其它站点样式空自定义pageClass分页栏css样式的class名称空自定义pageStyle分页栏css自定义style样式空自定义custom用户自定义属性集合空自定义4.3 内容模板标签为显示网站文章的内容,需要制作内容演示模板。所有的内容页模板都必须以content做前缀,如contetn_demo.html
11、(其导出的文件名为article-content_demo.html),然后将content_demo.html设为当前某个栏目的内容页模板,这样你可以在上面测试内容页各种标签的用法了。一、标签原型说明 【文章导航】:cms.Position /【文章标题】:$arti.title【简短标题】:$arti.shortTitle【文章作者】:$arti.author【发布日期】:$arti.releaseDate【查看次数】:$arti.visitTotal【文章来源】:$arti.origin【文章摘要】:$arti.description【文章内容】:cms.ArtiContent /【内容
12、分页】:cms.SysPage style=2/二、调试标签了解其使用方法在模板内容处填写如下标签代码:【文章导航】:cms.Position /【文章标题】:$arti.title 【简短标题】:$arti.shortTitle【文章作者】:$arti.author【发布日期】:$arti.releaseDate【查看次数】:$arti.visitTotal【文章来源】:$arti.origin【文章摘要】:$arti.description【文章内容】:cms.ArtiContent /【内容分页】:cms.SysPage style=2/测试内容页模板的文章,得到如下效果:4.4 Art
13、iSide 标签ArtiSide 标签表示获取文章“上一篇下一篇”的链接列表。仅用于文章内容页模板。一、标签原型说明 【标签名】:cms. ArtiSide属性=值 /【作用】:获取文档“上一篇下一篇”的链接列表【属性】:side:【取值】 pre:表示上一篇;next:表示下一篇notExist:文章不存在时的提示信息。(默认:没有了)【示例】:上一篇:cms.ArtiSide side=pre/ 下一篇:cms.ArtiSide side=next/【备注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。二、调试标签了解其使用方法登录JEECMS后台,进入“模板管理-te
14、mplate-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模板,这里我们用的主要是“图
15、片”栏目的文章,所以将“图片”栏目的内容页模板设置为“content_demo.html”,然后返回前台点击一篇文章,得到如下效果:4.5 ChnlList标签在页面中获取栏目列表的时候我们要用到cms.ChnlList /标签,本标签不仅可以单独使用,还可以配合其它标签使用,达到更加丰富的效果。一、标签原型说明【标签名】:cms.ChnlList 属性=值 /【作用】:显示各栏目列表【属性】:id:父栏目ID。(默认为空:自动获取当前栏目ID)orderBy:排序方式。【0:优先级升序;1:优先级降序;2:点击次数升序;3:点击次数降序】(默认0)isDisplay:是否只获取显示的栏目。【
16、0:获取所有;1:只获取显示的栏目】(默认1)hasContent:是否只获取可以有内容的栏目。【0:获取所有;1:只获取可以有内容的栏目】(默认0)linkClass:链接classlinkTarget:链接打开方式。【0:当前窗口;1:新窗口】(默认0)style:标签内部样式。如果指定sysContent或userContent,则该项无效。【1:普通链接列表;】(默认1)sysTpl:使用系统模板。【0:不使用;1:使用】(默认1)sysContent:系统内容样式。(默认0)userContent:自定义内容样式。如果指定了系统内容样式,则该项无效。(默认0)sysPage:系统分页
17、样式。【0:不分页;1:样式一;2:样式二】(默认0)userPage:自定义分页样式。如果指定了系统分页样式,则该项无效。【0:不分页;1:样式一;2:样式二】(默认0)custom:字符串数组。用于个性化处理。(默认空数组) Inner: 是否调用系统默认标签【0为调用系统默认标签,1为调用自定义标签】(默认0)【备注】:在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。二、调试标签了解其使用方法1、单独标签调用示例: cms.ChnlList/2、自定义标签调用示例: cms.ChnlList id= inner=1;c,i $c.name#if (i+1)%2=0/#if
18、 /cms.ChnlList3、配合其它标签嵌套调用示例:cms.ChnlList id= sysType=article hasContent=1 inner=1;c$c.namecms.ArtiList chnlId=c.id sysContent=1-1 titLen=20 count=6 /cms.ChnlList4.6 Position标签在网站页面中我们经常要显示当前页面的位置,例如:当前位置:首页 JEECMS教程 环境搭建 正文。在JEECMS标签中提供了一个显示页面的当前位置调用标签,只需将该标签放到页面的相应地方,设置好调用参数即可,简单方便。其实在前面的我们已经使用了cm
19、s.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/最终效果:
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1