创建网站模板.docx

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/最终效果：