创建网站模板.docx
《创建网站模板.docx》由会员分享，可在线阅读，更多相关《创建网站模板.docx（17页珍藏版）》请在冰豆网上搜索。
创建网站模板
创建网站模板
一、创建模板目录结构
1、在D盘创建一个文件夹，名为：
mytemplate
2、然后在d:
\mytemplate文件夹中，创建一个文件夹${root}
3、接下来，在${root}文件夹中创建文件夹mytemplate
4、接着，在${root}\mytemplate\文件夹中，建立文件夹article
5、最后，在article中，分别建立img和css文件夹。
二、建立Dreamweaver本地站点
打开Dreamweaver，为mytemplate创建一个本地站点。
三、创建模板文件
在Jeecms中，模板文件的命名有严格的要求，常用的文件命名如下：
首页文件：
article-index.html
频道首页文件：
article-channel.html
article-channel-xxxxxxxx.html
详细内容页面文件：
article-content.html
article-content-xxxxxxxx.html
独立页面文件：
article-alone.html
article-alone-xxxxxxxxx.html
被包含页面：
include-xxxxxxxx.html
如，include-head.html
include-foot.html
include-left.html
四、模板内容语法
JEECMS的模板通过一系列标签实现相应功能，主要有如下几种。
4.1包含标签
Inclue标签语法如下：
[@cms.Includename='被包含的模板文件名'solution='模板名称'/]
如：
[@cms.Includename='head.html'solution='mytemplate'/]
4.2文章列表显示标签
ArtiList标签在JEECMS中使用的频率可以说是最高的，通过这个标签，你不仅可以得到一个文章列表，而且可以通过不同的参数组合得到不同的显示效果。
比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。
。
4.2.1普通文章列表样式
ArtiList标签为用户提供了普通文章列表调用样式，通过调整相应的标签属性，用户可以修改文章列表图标、显示条数、标题长度、日期格式及显示位置、每行标题下是否带分隔线、打开方式（新窗口或原窗口打开）。
调用标签及显示效果如下：
[@cms.ArtiListchnlId=''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.ArtiListchnlId=''attr='2'count='4'sysContent='1-2'titLen='25'target='1'picWidth='25'picHeight='110'/]
4.2.3焦点图显示样式
ArtiList标签通过修改sysContent、attr标签属性的值，可以调用焦点图显示效果：
[@cms.ArtiListchnlId=''attr='3'count='4'sysContent='3-3'titLen='25'flashWidth='522'flashHeight='225'/]
附：
标签原型说明
【标签名】：
[@cms.ArtiList属性='值'/]
【作 用】：
获取文章列表数据
属性名称
属性说明
默认值
可选值
chnlId
栏目ID，栏目页中可不设置，系统会自动获取当前栏目ID
当前栏目ID
空：
显示全站文章列表；
栏目ID：
指定栏目文章列表
attr
文章属性ID
空
1：
普通 2：
图文
3：
焦点 4：
头条
5：
滚动
sysContent
列表显示方式
1-1
1-1：
普通标题列表
1-2：
图文列表
2-1：
标题列表翻滚
2-2：
图文列表翻滚
3-1：
焦点图
orderBy
排序方式
0
0：
发布时间降序；
1：
发布时间升序；
2：
固顶降序；
3：
置顶降序；
4：
日点击降序；
5：
周点击降序；
6：
月点击降序；
7：
季点击降序；
8：
年点击降序；
9：
总点击降序
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='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：
不停顿；
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
用户自定义属性集合
空
自定义
4.3内容模板标签
为显示网站文章的内容，需要制作内容演示模板。
所有的内容页模板都必须以content做前缀，如contetn_demo.html（其导出的文件名为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/]
【内容分页】：
[@cms.SysPagestyle='2'/]
二、调试标签了解其使用方法
在模板内容处填写如下标签代码：
【文章导航】：
[@cms.Position/]
【文章标题】：
${arti.title}
【简短标题】：
${arti.shortTitle}
【文章作者】：
${arti.author}
【发布日期】：
${arti.releaseDate}
【查看次数】：
${arti.visitTotal}
【文章来源】：
${arti.origin}
【文章摘要】：
${arti.description}
【文章内容】：
[@cms.ArtiContent/]
【内容分页】：
[@cms.SysPagestyle='2'/]
测试内容页模板的文章，得到如下效果：
4.4ArtiSide标签
ArtiSide标签表示获取文章“上一篇／下一篇”的链接列表。
仅用于文章内容页模板。
一、标签原型说明
【标签名】：
[@cms.ArtiSide属性='值'/]
【作 用】：
获取文档“上一篇／下一篇”的链接列表
【属 性】：
side：
【取值】pre：
表示上一篇；next：
表示下一篇
notExist：
文章不存在时的提示信息。
（默认：
没有了）
【示 例】：
上一篇：
[@cms.ArtiSideside='pre'/]下一篇：
[@cms.ArtiSideside='next'/]
【备 注】：
在代码模式下编辑，各属性值必须使用单引号，属性排列顺序不分先后。
二、调试标签了解其使用方法
登录JEECMS后台，进入“模板管理->template->article->default”,这里还是使用前面教程中建立的content_demo.html模板，将里面都内容清空，然后在模板内容处填写如下标签代码：
【文章标题】：
${arti.title}
【文章内容】：
[@cms.ArtiContent/]
[@cms.SysPagestyle='2'/]
上一篇：
[@cms.ArtiSideside='pre'notExist='前面没有文章了！
'/]
下一篇：
[@cms.ArtiSideside='next'notExist='后面没有文章了！
'/]
点保存按钮保存该内容模板，到文章对应的栏目下设置内容页模板为content_demo.html模板，这里我们用的主要是“图片”栏目的文章，所以将“图片”栏目的内容页模板设置为“content_demo.html”，然后返回前台点击一篇文章，得到如下效果：
4.5ChnlList标签
在页面中获取栏目列表的时候我们要用到[@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：
字符串数组。
用于个性化处理。
（默认空数组）
Inner:
是否调用系统默认标签【0为调用系统默认标签，1为调用自定义标签】（默认0）
【备 注】：
在代码模式下编辑，各属性值必须使用单引号，属性排列顺序不分先后。
二、调试标签了解其使用方法
1、单独标签调用示例：
[@cms.ChnlList/]
2、自定义标签调用示例：
[@cms.ChnlListid=''inner='1';c,i]
${c.name}[#if（i+1）%2==0]
[/#if]
[/@cms.ChnlList]
3、配合其它标签嵌套调用示例：
[@cms.ChnlListid=''sysType='article'hasContent='1'inner='1';c]
${c.name}
|
[@cms.ArtiListchnlId=c.idsysContent='1-1'titLen='20'count='6'/]
|
[/@cms.ChnlList]
4.6Position标签
在网站页面中我们经常要显示当前页面的位置，例如：
当前位置：
首页>JEECMS教程>环境搭建>正文。
在JEECMS标签中提供了一个显示页面的当前位置调用标签，只需将该标签放到页面的相应地方，设置好调用参数即可，简单方便。
其实在前面的我们已经使用了[@cms.Position/]标签，这里作个更加详细的补充介绍。
一、标签原型说明
【标签名】：
[@cms.Position属性='值'/]
【作 用】：
显示页面的当前位置
【参 数】：
homepage—-首页显示方式。
【1：
站点简称；自定义】（默认：
首页）
title---内容页显示方式。
【0：
不显示；1：
显示内容标题；自定义】（默认：
正文）
split---分割符号。
（默认：
“>”）
target---是否原窗口打开。
【0：
原窗口打开；1：
新窗口打开】（默认：
原窗口打开）
class---链接外部样式，等同于html中的class属性
style---自定义标签样式，等同于html中的style属性
【示 例】：
[@cms.Positionhomepage='1'split='|'target='1'style='color:
#f00'/]
最终效果：
升级会员 