TRS内容协作平台（WCM）V6模板制作培训
Download
Report
Transcript TRS内容协作平台（WCM）V6模板制作培训
TRS WCM V6.0
模板制作
TRS客户服务部 2007年
内容提要
•
•
•
•
•
一、TRSWCM 概述、网站发布原理
二、TRSWCM模板置标，详细解释和举例
三、WCM内模板管理和模板编辑方法
四、Dreamweaver模板编辑插件和模板制作方法
五、常见应用示例模板代码
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
第一章：概述、发布原理
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS WCM概述
•
•
TRS WCM V6是
– TRS内容管理家族中的重要一员
– 基于Momentum平台的网站内容管理系统
– 可以轻松创建内部站点、外部资源门户、信息资源管理平台、组
织工作协作平台等等
– 2007年TRS推向市场的最重量级产品之一
TRS WCM V6功能
– 集中了基于浏览器界面的内容创建、写作、内容交付、基于模板
的内容发布，具有强大的站点管理功能
– 提供企业级的团队协作能力和面向最终用户的个性化定制
– 提供完整的系统维护、统计审计、权限管理功能
– 提供互动调查、广告管理、评论、智能处理、图片和视频库等扩
展功能
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
WCM工作原理
数据库服务器，比如
Oracle，SQLServer等
存储网站数据。
内容协作平台
服务器(WCM)
R
网站管理、维护人
员通过浏览器访问
内容管理平台，进
行系统和数据的管
理
北京拓尔思信息技术有限公司 http://www.trs.com.cn
Web Server
网站的最终
用户
技术支持：Forum.trs.com.cn
64848899
网站建设流程
Web Content Management，WCM
1，创建站点
站点
结构
规划
内容；
风格；
栏目；
页面；
2，创建频道（多层频道树）
创建频道
3，创建模板(包括概览模
板、细览模板），并使用
到频道上
4，网站数据采集、编审
5，网站发布
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板
•
模板的作用
– 负责页面的显示风格和显示内容
•
模板的组成
– 模板由HTML置标和TRS置标组成。（含有TRS置标的HTML文件）
– HTML决定页面风格；TRS置标决定页面显示内容；
•
模板的类型
– 概览模板：主页模板和各栏目的概览模板
– 细览模板：各栏目的细览模板
– 嵌套模板：可嵌套的通用模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板发布原理－数据＋模板
单篇发布
频道发布
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板技术
•
•
模板＝HTML页面＋Taglib置标
Taglib置标
– HTML的扩展置标，和HTML和XML兼容，符合web页面标准
– 控制数据在模板中的表现形式，实现数据和页面表现分开
•
置标处理数据的内容，存放的位置以及如何存放等，数据
的表现形式则由标准的HTML语言描述。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板和页面
频道文档列表
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
频道数据、模板、页面的关系
频道
频道
频道
频道
发布
频道
访问用户
频道
Html页
模板
频道
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
第二章：TRSWCM模板置标
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
置标种类
•
•
•
•
TRS_DOCUMENTS: 文档列表
TRS_RELNEWS: 相关新闻列表
TRS_CHANNELS: 频道列表
概览置标
TRS_RECORD： 分组显示
TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片…）
TRS_CHANNEL: 频道详细信息
TRS_APPENDIX: 文档附件
TRS_CURPAGE: 当前位置
TRS_REPLACE: 替换内容
细览置标
TRS_DATETIME: 发布时间
TRS_TEMPLATE： 嵌套模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
•
•
•
•
•
TRS_ROLLDOCUMENTS：滚动新闻列表
TRS_NEWICON：显示最新新闻标志
TRS_CONDDITION：条件置标
TRS_ECHO：在当前置标位置输出指定内容
TRS_VARIABLE：变量声明
TRS_ENUM：声明变量枚举值
北京拓尔思信息技术有限公司 http://www.trs.com.cn
特殊应用置标
技术支持：Forum.trs.com.cn
64848899
频道列表：
每个频道，都需配置概
览和细览模板才允许被
发布。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
TRS_DOCUMENTS:文档列表
显示指定条数的文档列表
<TRS_DOCUMENTS id=“IT新闻” num=“5”>
▪ <TRS_DOCUMENT
field=“DOCTITLE”></TRS_DOCUMENT>(<TRS_DOCUMENT
field=“DOCRELTIME” autoformat=“true”dateformat=“yyyy-MMdd”></TRS_DOCUMENT>)
</TRS_DOCUMENTS>
主要参数：
1）id：频道名称。设定显示某频道的文档列表。不设此参数，可以作为通用概览。
2）num：显示文档的条数
3）automore：是否自动显示”更多…“
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_DOCUMENT ：文档信息
•
显示文章具体信息
比如，显示标题：<TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>
显示日期： <TRS_DOCUMENT field=“DOCRELTIME”></TRS_DOCUMENT>
主要参数：
1）field：具体信息的存放字段名称
2）num：具体内容的限制长度
3）autolink：是否添加链接
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_RECORD：分组置标
•
对文档、频道列表进行分组显示
<TRS_DOCUMENTS id=“IT新闻” num=“5”>
<TRS_RECORD num=“1”>
▪ <TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>(<TRS_DOCUMENT
field=“DOCRELTIME” autoformat=“true”dateformat=“yyyy-MMdd”></TRS_DOCUMENT>)
</TRS_RECORD>
<TRS_RECORD num=“1”>
▪ <TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>(<TRS_DOCUMENT
field=“DOCRELTIME” autoformat=“true”dateformat=“yyyy-MMdd”></TRS_DOCUMENT>)
</TRS_RECORD>
</TRS_DOCUMENTS>
主要参数：
1）num：分组数量
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
TRS_APPENDIX：文档附件
显示图片、文件、链接附件信息
<TRS_DOCUMENTS id=“IT新闻” num=“5”>
<TRS_APPENDIX mode=“PIC” index=“0”></TRS_APPENDIX><br>
<TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>
</TRS_DOCUMENTS>
主要参数：
1）mode:附件类型，可选图片、文件、链接；
2）index：指定第几个附件，0代表第一个；
3）field：附件属性名称，
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_CURPAGE:当前位置
•
根据站点频道树结构显示当前页面的位置。
<TRS_CURPAGE value=“>>” only=“FALSE” autolink=“TRUE”
target=“_blank” ></TRS_CURPAGE>
主要参数：
1）value：频道之间的分隔符
2）autolink：是否显示链接
3）only：是否仅仅显示当前频道
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_CHANNELS：频道列表
•
显示频道信息列表
<TRS_CHANNELS id=“SITE" childtype="-1" startpos="0" >
<TRS_RECORD><TRS_CHANNEL
FIELD="CHNLDESC"></TRS_CHANNEL></TRS_RECORD></TRS_CHANN
ELS>
主要参数：
1）id：从哪个频道获取频道信息列表
2）num：频道的个数
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_CHANNEL：频道的具体信息
•
显示具体的频道信息
<TRS_CHANNEL FIELD="CHNLDESC"></TRS_CHANNEL>
主要参数：
1）id：从哪个频道获取频道信息
2）num：控制显示的字数
3）field：频道属性名称
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_TEMPLATE：嵌套模板
•
将其他通用模板嵌套进模板中，比如头模板等
<TRS_TEMPLATE TEMPNAME=“嵌套的模板名称”></TRS_TEMPLATE>
主要参数：
1）tempname：嵌套的模板名称
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_ROLLDOCUMENTS：滚动新闻列表
•
显示指定多个频道中的最新发布的文档列表。
<TRS_ROLLDOCUMENTS fromchannelids=“11,22,33” timerange=“3”>
<TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>
</TRS_ROLLDOCUMENTS>
主要参数：
1）fromchannelids：频道号集合
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_NEWICON：显示最新新闻标志
•
在最新新闻后显示指定图片、文字等
<TRS_DOCUMENTS NUM=10>
<TRS_DOCUMENT field=“DOCTITLE” /> <TRS_NEWICON TIME="day">新
</TRS_NEWICON>
</TRS_DOCUMENTS>
主要参数：
1）field：时间类型的字段，比如crtime，docreltime等
2）time：时间差值
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_CONDDITION：条件置标
•
如果指定的条件为真，则继续执行解析该置标下的模板，如
果为假，则忽略中间的置标或代码。
<TRS_CONDITION condition=“${abc}” refrence=“1”
operator=“==”></TRS_CONDITION>
主要参数：
1）condition：定义条件变量
2）refrence：设定条件变量的参考值
3）operator：条件值和参考值的比较方式
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_ECHO：在当前位置输出指定内容
•
在当前置标位置输出指定的内容，虽然也可以直接设定要输出的内容，
但是只有将要输出的内容声明为变量时才有意义。
<TRS_DOCUMENTS NUM=10> <TRS_ECHO VALUE="${概览标题前
缀}"/><TRS_DOCUMENT
FIELD="DOCTITLE"></TRS_DOCUMENT></TRS_DOCUMENTS>
主要参数：
1）VALUE:待输出的内容。可以直接定义为固定内容，也可以声明变量。
具体变量的值在频道的“模板变量”中由编辑人员可自由设置。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_VARIABLE：变量声明
•
在使用模板变量之前，声明变量，如果需要同时声明变量的枚举值，
在后面的模板中使用变量时，如果同名变量已经预先声明，则可以简
化解析工作，直接使用已有的解析结果。
<TRS_VARIABLE NAME="打开方式" TYPE="S" DEFAULT="_blank`新页打开"
ENUMERATE="_blank`新页打开" ENUMERATE="_self`本页打开” />
主要参数：
1）Name:变量名称（必须）
2）Type：变量类型（可选），BOOLEAN,INTEGER,STRING,NUMBER
3）DEFAULT： 变量缺省值（可选）
4）ENUMERATE： 枚举值和枚举显示值，可以多个（可选）
5）CANCUSTOM： 该变量是否允许用户直接输入值（可选）
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
TRS_ENUM：声明变量枚举值
•
用以简化TRS_VARIABLE置标的变量枚举值声明。
<TRS_VARIABLE NAME="打开方式" TYPE="S" DEFAULT="_blank`新页打开">
< TRS_ENUM VALUE="_blank"DISPLAY="新页打开" /> < TRS_ENUM
VALUE="_self" DISPLAY="本页打开" />
</TRS_VARIABLE>
主要参数：
1）VALUE 变量枚举值（可选）
2）DISPLAY 枚举显示值（可选）
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
第三章：模板管理和编辑
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
WCM内模板管理
选站点或
栏目
模板列表，
可分类显示
模板操作
配置模板。
选模板
分类
北京拓尔思信息技术有限公司 http://www.trs.com.cn
需发布的站点、
栏目必须配置模
板和存放位置
技术支持：Forum.trs.com.cn
64848899
新建模板
输入名称，
选择类型
（必须）
利用置标向导生成置标代码，粘帖到
鼠标位置
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
导出、导入模板
导出成ZIP文件。将模板html文件、图
片、js等同步导出。
支持导入html、zip等格式。
如模板中有图片需要导入，需将模板
html文件和图片css等文件夹一起打
包成zip文件，然后导入。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板校验语法错误（1）
模板保存时，WCM将自动校验置标书写语法，
如有错误，将显示提示。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板校验语法错误（2）
在模板列表界面，可批量校
验选中的模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
同步模板附件
•
模板图片存放在WCM服务器目录/wcmdata/template/里面。
当站点或栏目预览或发布后，模板图片、js文件、css文件
等将自动分发到/wcmdata/preview或/wcmdata/pub/下面。
•
同步模板附件，由手工确保这种附件的分发。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
模板配置到栏目
•
选择栏目后哦，可以在栏目信息页面直接配置。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
第四章：Dreamweaver模板插件使用
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
插件功能
•
此插件可以将DW作为WCM模板编辑的客户端工具使用，可以方便的
上传(同步上传图片、css、js等文件)、下载、新建模板。
•
安装DW插件后，在DW中增加“TRS菜单”，功能有：
– 选择站点：将DW本地站点和WCM的一个站点匹配
– 上传模板：包括模板页面、css、图片、js等文件
– 下载模板：
– 新建模板：创建新模板
– 更新客户端数据：更新DW本地的WCM站点信息，比如站点频道列表等
•
在DW中增加“TRS模板编辑器”快捷置标菜单
– 可以在页面中直接添加置标，方便地修改置标参数
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
安装插件
•
•
•
1，安装Dreamweaver
2，关闭Dreamweaver。
3，运行模板插件安装文件：TE_Build1070_20070827.mxp.安装后，
在DW的扩展管理器，可以看到此插件信息
点此按钮卸载插件
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
插件登录WCM
•
•
登录用户：同登录WCM的用户和密码
服务器地址：
http://192.9.200.200:8080/wcm/services/trs:templateservicefacade
注意：需要将其中的192.9.200.200:8080/wcm 替换成实际使用的WCM访问地址
点此按钮，进行离线编辑
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
制作模板过程
1,设置本地站点和WCM站点对应关系
2,创建、编辑模板
3,上传模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
1,设置本地站点和WCM站点对应关系
1，点此选择站点
4，选择本地模板页
面所放的文件夹根目
录
2，新建DW内站点
3，填写新站点名称
北京拓尔思信息技术有限公司 http://www.trs.com.cn
5，完成创建
技术支持：Forum.trs.com.cn
64848899
6，选择与newforv6
对应的WCM站点
7，设置完成。可以查看
到newforv6站点目录中的
各个文件。
编辑后可以直接上传到所
选WCM站点的模板列表
中。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
2，创建、编辑模板
双击页面名称，打开
页面编辑
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
步骤2：选择置标，打开置标参数设置窗口
步骤1：鼠标放在置标插入位置
步骤3：设置置标参数
直接选择频道，不需手工书写
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
最后，生成置标代码
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
3,上传模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
此模板已经成
功上传
预览模板。
注意：预览模板时置标位置仅显示置标提示信息。
预览栏目时，置标位置被替换成频道文档信息
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
4，设置模板，预览发布栏目
预览栏目页面
的效果。
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
第五章：常见应用示例模板
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
图片新闻-图片切换显示1
•
替换其中置标的频道名称即可： <TRS_DOCUMENTS NUM="5" ID="图片">
<table>
<script language='JavaScript'>
var imgUrl=new Array();
var imgLink=new Array();
var imgTz=new Array();
var adNum=0;
var kk = 1;
var filepath_liucp="";
<TRS_DOCUMENTS NUM="5" ID="图片">
filepath_liucp='<TRS_recpath></trs_recpath>';
filepath_liucp = filepath_liucp.substring(0,filepath_liucp.lastIndexOf("/")+1);
imgUrl[kk] =filepath_liucp + '<TRS_APPENDIX INDEX="0" MODE="PIC" FIELD="APPFILE"></TRS_APPENDIX>';
imgLink[kk] = '<trs_recpath></trs_recpath>';
imgTz[kk] = '<a href="<TRS_recpath></trs_recpath>" target="_blank"><font color=#CC0000><TRS_DOCUMENT AUTOLINK="false"
FIELD="doctitle" NUM="42"></TRS_DOCUMENT></font></a>';
kk++;
</TRS_DOCUMENTS>
kk--;
var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if( key==0 ){
key=1;
} else
if (document.all){
imgInit.filters.revealTrans.Transition=6;
/*
transition :
可选项。整数值(Integer)。设置或检索转换所使用的方式。
0 : 矩形收缩转换。
1 : 矩形扩张转换。
2 : 圆形收缩转换。
3 : 圆形扩张转换。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 纵向百叶窗转换。
9 : 横向百叶窗转换。
10 : 国际象棋棋盘横向转换。
11 : 国际象棋棋盘纵向转换。
12 : 随机杂点干扰转换。
13 : 左右关门效果转换。
14 : 左右开门效果转换。
15 : 上下关门效果转换。
16 : 上下开门效果转换。
17 : 从右上角到左下角的锯齿边覆盖效果转换。
18 : 从右下角到左上角的锯齿边覆盖效果转换。
19 : 从左上角到右下角的锯齿边覆盖效果转换。
20 : 从左下角到右上角的锯齿边覆盖效果转换。
21 : 随机横线条转换。
22 : 随机竖线条转换。
23 : 随机使用上面可能的值转换。
*/
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
document.getElementById('tpxw').innerHTML='<a href="' + imgLink[adNum] + '" target="_blank">' + imgTz[adNum] + '</a>';
theTimer=setTimeout("nextAd()", 6000); //转换间隔时间
}
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<tr class="14txt22">
<td bgcolor="#F0F0E8"><a href="javascript:goUrl()"><img style='FILTER:
revealTrans(duration=2,transition=1)' src='javascript:nextAd()' border='0' width='243'
height='168' class='img01' name='imgInit'></a></td>
</tr>
<tr>
<td class="14txt22"><center><font color="#CC0000"><span id='tpxw'>标题
</span></font></center></td>
</tr>
</table>
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
图片新闻-图片切换显示2
•
效果图：
http://www.bjxch.gov.cn
http://www.sdpc.gov.cn
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
代码
•
1，模板文件:直接修改其中的图片名称即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body onload="">
<table width="233" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="174" style="padding-left:2px">
<span id="focusViewer"></span>
<script src="images/lhflash.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript">
var focus_width = 226;
var focus_height = 170;
var text_height = 27;
var swf_height = focus_height + text_height;
var curhref = document.location.href;
var pic = new Array();
var linka = new Array();
var text = new Array();
<TRS_Documents ID="图片轮换" NUM="5">
pic.push('<TRS_Appendix MODE="PIC" FIELD="_RECURL" INDEX="0" UPLOAD="true"></TRS_Appendix>');
linka.push('<TRS_Document FIELD="_RECURL"></TRS_Document>');
text.push('<TRS_Document Field="docTitle" num="32" AUTOLINK="false" />');
</TRS_Documents>
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
var pics = pic.join('|');
var links = linka.join('|');
var texts = text.join('|');
var FocusFlash = new sinaFlash("${ROOT_PATH}images/pixviewer.swf", "focusflash", focus_width,
swf_height, "7", "#FFFFFF", false, "High");
FocusFlash.addParam("allowScriptAccess", "sameDomain");
FocusFlash.addParam("menu", "false");
FocusFlash.addParam("wmode", "opaque");
FocusFlash.addVariable("pics", pics);
FocusFlash.addVariable("links", links);
FocusFlash.addVariable("texts", texts);
FocusFlash.addVariable("borderwidth", focus_width);
FocusFlash.addVariable("borderheight", focus_height);
FocusFlash.addVariable("textheight", text_height);
FocusFlash.addVariable("curhref", curhref);
FocusFlash.write("focusViewer");
</script>
</td>
</tr>
</table>
</body>
</html>
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
Lhflash.js文件内容：上传模板之前将此js文件放在images目录中。
if(typeof deconcept=="undefined"){var deconcept=new Object();}if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}if(typeof
deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new
Object();}deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){if(!document.getElementById){return;}this.DETECT_KEY=_b?_b
:"detectflash";this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new
Object();this.attributes=new
Array();if(_1){this.setAttribute("swf",_1);}if(id){this.setAttribute("id",id);}if(w){this.setAttribute("width",w);}if(h){this.setAttribute("height",h);}if(
_5){this.setAttribute("version",new
deconcept.PlayerVersion(_5.toString().split(".")));}this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();if(c){this.addParam("bgc
olor",c);}var
q=_8?_8:"high";this.addParam("quality",q);this.setAttribute("useExpressInstall",_7);this.setAttribute("doExpressInstall",false);var
_d=(_9)?_9:window.location;this.setAttribute("xiRedirectUrl",_d);this.setAttribute("redirectUrl","");if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){this.attributes[_e]=_f;},getAttribute:function(_10){return
this.attributes[_10];},addParam:function(_11,_12){this.params[_11]=_12;},getParams:function(){return
this.params;},addVariable:function(_13,_14){this.variables[_13]=_14;},getVariable:function(_15){return
this.variables[_15];},getVariables:function(){return this.variables;},getVariablePairs:function(){var _16=new Array();var key;var
_18=this.getVariables();for(key in _18){_16.push(key+"="+_18[key]);}return _16;},getSWFHTML:function(){var
_19="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall")){this.addVariabl
e("MMplayerType","PlugIn");}_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\"
width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";_19+=" id=\""+this.getAttribute("id")+"\"
name=\""+this.getAttribute("id")+"\" ";var _1a=this.getParams();for(var key in _1a){_19+=key+"=\""+_1a[key]+"\" ";}var
_1c=this.getVariablePairs().join("&");if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";}else{if(this.getAttribute("doExpressInstall")
){this.addVariable("MMplayerType","ActiveX");}_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";_19+="<param name=\"movie\"
value=\""+this.getAttribute("swf")+"\" />";var _1d=this.getParams();for(var key in _1d){_19+="<param name=\""+key+"\"
value=\""+_1d[key]+"\" />";}var _1f=this.getVariablePairs().join("&");if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\"
/>";}_19+="</object>";}return _19;},write:function(_20){if(this.getAttribute("useExpressInstall")){var _21=new
deconcept.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){t
his.setAttribute("doExpressInstall",true);this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));document.title=docu
ment.title.slice(0,47)+" - Flash Player
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
Installation";this.addVariable("MMdoctitle",document.title);}}if(this.skipDetect||this.getAttribute("doExpressInstall")||this.install
edVer.versionIsValid(this.getAttribute("version"))){var n=(typeof
_20=="string")?document.getElementById(_20):_20;n.innerHTML=this.getSWFHTML();return
true;}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}return
false;}};deconcept.SWFObjectUtil.getPlayerVersion=function(){var _23=new
deconcept.PlayerVersion([0,0,0]);if(navigator.plugins&&navigator.mimeTypes.length){var
x=navigator.plugins["Shockwave Flash"];if(x&&x.description){_23=new
deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}}else{try{var
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}catch(e){try{var axo=new
ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");_23=new
deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}catch(e){if(_23.major==6){return
_23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}catch(e){}}if(axo!=null){_23=new
deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}return
_23;};deconcept.PlayerVersion=function(_27){this.major=_27[0]!=null?parseInt(_27[0]):0;this.minor=_27[1]!=null?parse
Int(_27[1]):0;this.rev=_27[2]!=null?parseInt(_27[2]):0;};deconcept.PlayerVersion.prototype.versionIsValid=function(fv){if
(this.major<fv.major){return false;}if(this.major>fv.major){return true;}if(this.minor<fv.minor){return
false;}if(this.minor>fv.minor){return true;}if(this.rev<fv.rev){return false;}return
true;};deconcept.util={getRequestParameter:function(_29){var
q=document.location.search||document.location.hash;if(q){var _2b=q.substring(1).split("&");for(var
i=0;i<_2b.length;i++){if(_2b[i].substring(0,_2b[i].indexOf("="))==_29){return
_2b[i].substring((_2b[i].indexOf("=")+1));}}}return "";}};deconcept.SWFObjectUtil.cleanupSWFs=function(){var
_2d=document.getElementsByTagName("OBJECT");for(var i=0;i<_2d.length;i++){_2d[i].style.display="none";for(var x
in _2d[i]){if(typeof _2d[i][x]=="function"){_2d[i][x]=null;}}}};if(typeof window.onunload=="function"){var
oldunload=window.onunload;window.onunload=function(){deconcept.SWFObjectUtil.cleanupSWFs();oldunload();};}els
e{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}if(Array.prototype.push==null){Array.prototype.push=fun
ction(_30){this[this.length]=_30;return this.length;};}var getQueryParamValue=deconcept.util.getRequestParameter;var
sinaFlash=deconcept.SWFObject;
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
Pixviewer.swf，可以从以下地址下载：
– http://www.hd.gov.cn/images/pixviewer.swf
– http://www.bjxch.gov.cn/images/pixviewer.swf
•
下载之后，将其分别拷贝到WCM服务器以下位置，以用
于概览的预览和发布使用：
– /TRSWCM/WCMDATA/preview/站点存放位置目录/images/
– /TRSWCM/WCMDATA/pub/站点存放位置目录/images/
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
概览分页
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
代码：
内容显示：
<!--循环开始-->
<TRS_DOCUMENTS NUM="500" PAGESIZE="4" AUTOMORE="FALSE">
<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>·<TRS_DOCUMENT FIELD="DOCTITLE" EXTRA="class='10ptb'" TARGET="_blank"> 标题放于此处
</TRS_DOCUMENT><font style='color:#ADADAD'>[<TRS_DOCUMENT FIELD="DOCRELTIME" EXTRA="class='10ptb'
style='color:#ADADAD'" DATEFORMAT="yyyy/MM/dd"> 标题放于此处 </TRS_DOCUMENT>]</font></td>
</tr>
</table>
</TRS_DOCUMENTS>
<!--循环结束-->
分页脚本script：
<SCRIPT LANGUAGE="JavaScript">
//createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}");
var currentPage = ${PAGE_INDEX};//所在页从0开始
//var headPage = "${PAGE_NAME}"+"."+"${PAGE_EXT}";//首页
//var tailPage = "${PAGE_NAME}_" + (countPage-1) + ".${PAGE_EXT}"//尾页
var prevPage = currentPage-1//上一页
var nextPage = currentPage+1//下一页
var countPage = ${PAGE_COUNT}//共多少页
document.write("共"+countPage+"页 ");
//设置上一页代码
if(countPage>1&¤tPage!=0&¤tPage!=1)
document.write("<a href=\"${PAGE_NAME}.${PAGE_EXT}\">首页</a> <a href=\"${PAGE_NAME}"+"_" + prevPage +
"."+"${PAGE_EXT}\">上一页</a> ");
else if(countPage>1&¤tPage!=0&¤tPage==1)
document.write("<a href=\"${PAGE_NAME}.${PAGE_EXT}\">首页</a> <a href=\"${PAGE_NAME}.${PAGE_EXT}\">上一页
</a> ");
else
document.write("首页 上一页 ");
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
//循环
var num = 5;
for(var i=0+(currentPage-1-(currentPage-1)%num) ; i<=(num+(currentPage-1-(currentPage-1)%num))&&(i<countPage) ; i++){
if(currentPage==i)
document.write((i+1)+" ");
else if(i==0){
document.write("<a href=\"${PAGE_NAME}"+"."+"${PAGE_EXT}\">"+1+"</a> ");}
else
document.write("<a href=\"${PAGE_NAME}"+"_" + i + "."+"${PAGE_EXT}\">"+(i+1)+"</a> ");
}
//设置下一页代码
if(countPage>1&¤tPage!=(countPage-1))
document.write("<a href=\"${PAGE_NAME}"+"_" + nextPage + "."+"${PAGE_EXT}\">下一页</a> <a href=\"${PAGE_NAME}_" +
(countPage-1) + ".${PAGE_EXT}\">尾页</a> ");
else
document.write("下一页 尾页 ");
//跳转页面
document.write("<font class='9ptb'>转到第<input type='text' id='num' value="+(currentPage+1)+" style='width:30px'>页"+
" <input type='submit' value='提交' onClick=javacript:toPage()></font>");
function toPage(){
var _num = document.getElementById("num").value;
var str = "${PAGE_NAME}"+"_"+(_num-1)+"."+"${PAGE_EXT}";
var url = location.href.substring(0,location.href.lastIndexOf("/")+1);
if(_num<=1||_num==null)
location.href = url+"${PAGE_NAME}"+"."+"${PAGE_EXT}";
else if(_num>countPage)
alert("本频道最多"+countPage+"页");
else
location.href = url+str;
}
</SCRIPT>
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
文章内容分页
•
文章内容分页需要两处设置：
– 1，采编文章时，在需要分页处插入分页符
– 2，细览模板中写入分页代码
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
文章内容分页
•
将以下代码拷贝到细览模板的需要放置分页页码处：
<SCRIPT LANGUAGE="JavaScript">
<!-function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt){
if(_nPageCount == null || _nPageCount<=1){
return;
}
var nCurrIndex = _nCurrIndex || 0;
if(nCurrIndex == 0)
document.write("1 ");
else
document.write("<a href=\""+_sPageName+"."+_sPageExt+"\">1</a> ");
for(var i=1; i<_nPageCount; i++){
if(nCurrIndex == i)
document.write((i+1) + " ");
else
document.write("<a href=\""+_sPageName+"_" + i +
"."+_sPageExt+"\">"+(i+1)+"</a> ");
}
}
//WCM置标
createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}");
//-->
</SCRIPT>
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899
•
•
本PPT适用于TRSWCM V6.0版本。
DreanmWeaver选件部分，适用于V5.2和V6版本。
[email protected]
2007年10月
北京拓尔思信息技术有限公司 http://www.trs.com.cn
技术支持：Forum.trs.com.cn
64848899