trs wcm v6.0 模板制作

TRS WCM V6.0模板制作

TRS 客户服务部 2007 年

北京拓尔思信息技术有限公司 http://www.trs.com.cn 技术支持： Forum.trs.com.cn 64848899

内容提要• 一、 TRSWCM 概述、网站发布原理

• 二、 TRSWCM 模板置标，详细解释和举例

• 三、 WCM 内模板管理和模板编辑方法

• 四、 Dreamweaver 模板编辑插件和模板制作方法

• 五、常见应用示例模板代码


第一章：概述、发布原理


TRS WCM概述• TRS WCM V6 是

– TRS 内容管理家族中的重要一员– 基于Momentum平台的网站内容管理系统– 可以轻松创建内部站点、外部资源门户、信息资源管理平台、组

织工作协作平台等等 – 2007 年 TRS 推向市场的最重量级产品之一

• TRS WCM V6 功能– 集中了基于浏览器界面的内容创建、写作、内容交付、基于模板

的内容发布，具有强大的站点管理功能– 提供企业级的团队协作能力和面向最终用户的个性化定制– 提供完整的系统维护、统计审计、权限管理功能– 提供互动调查、广告管理、评论、智能处理、图片和视频库等扩

展功能


WCM工作原理

R

网站管理、维护人员通过浏览器访问内容管理平台，进行系统和数据的管理

内容协作平台服务器(WCM)

数据库服务器，比如Oracle ， SQLServer等存储网站数据。

数据存储过程

数据发布过程

发布出静态网页

Web Server 网站的最终用户


网站建设流程

1 ，创建站点1 ，创建站点

33 ，创建模板，创建模板 (( 包括概览模包括概览模板、细览模板），并使用板、细览模板），并使用到频道上到频道上

33 ，创建模板，创建模板 (( 包括概览模包括概览模板、细览模板），并使用板、细览模板），并使用到频道上到频道上

创建频道2 ，创建频道（多层频道树）

4 ，网站数据采集、编审4 ，网站数据采集、编审

5 ，网站发布

站点结构规划

站点结构规划

内容；风格；栏目；页面；

Web Content Management ， WCM


模板• 模板的作用

– 负责页面的显示风格和显示内容

• 模板的组成

– 模板由 HTML 置标和 TRS 置标组成。（含有 TRS 置标的 HTML 文件）

– HTML 决定页面风格； TRS 置标决定页面显示内容；

• 模板的类型

– 概览模板：主页模板和各栏目的概览模板

– 细览模板：各栏目的细览模板

– 嵌套模板：可嵌套的通用模板


模板发布原理－数据＋模板

单篇发布

频道发布


模板技术• 模板＝ HTML 页面＋ Taglib 置标

• Taglib 置标– HTML 的扩展置标，和 HTML 和 XML 兼容，符合 web 页面标准

– 控制数据在模板中的表现形式，实现数据和页面表现分开

• 置标处理数据的内容，存放的位置以及如何存放等，数据的表现形式则由标准的 HTML 语言描述。


模板和页面频道文档列表


频道数据、模板、页面的关系频道

频道

频道

频道

频道

频道

频道

模板

访问用户

Html 页

发布


第二章： TRSWCM 模板置标


置标种类• TRS_DOCUMENTS: 文档列表• TRS_RELNEWS: 相关新闻列表• TRS_CHANNELS: 频道列表

• TRS_RECORD ：分组显示

TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片…） TRS_CHANNEL: 频道详细信息 TRS_APPENDIX: 文档附件 TRS_CURPAGE: 当前位置 TRS_REPLACE: 替换内容 TRS_DATETIME: 发布时间

TRS_TEMPLATE ：嵌套模板

概览置标

细览置标


• TRS_ROLLDOCUMENTS ：滚动新闻列表

• TRS_NEWICON ：显示最新新闻标志

• TRS_CONDDITION ：条件置标

• TRS_ECHO ：在当前置标位置输出指定内容

• TRS_VARIABLE ：变量声明

• TRS_ENUM ：声明变量枚举值特殊应用置标


频道列表：

每个频道，都需配置概览和细览模板才允许被发布。


TRS_DOCUMENTS:文档列表• 显示指定条数的文档列表<TRS_DOCUMENTS id=“IT 新闻” num=“5”>▪ <TRS_DOCUMENT

field=“DOCTITLE”></TRS_DOCUMENT>(<TRS_DOCUMENT field=“DOCRELTIME” autoformat=“true”dateformat=“yyyy-MM-dd”></TRS_DOCUMENT>)

</TRS_DOCUMENTS>

主要参数：1 ） id ：频道名称。设定显示某频道的文档列表。不设此参数，可以作为通用概览。2 ） num ：显示文档的条数3 ） automore ：是否自动显示”更多…“


TRS_DOCUMENT ：文档信息• 显示文章具体信息比如，显示标题： <TRS_DOCUMENT

field=“DOCTITLE”></TRS_DOCUMENT>

显示日期： <TRS_DOCUMENT field=“DOCRELTIME”></TRS_DOCUMENT>

主要参数：1 ） field ：具体信息的存放字段名称2 ） num ：具体内容的限制长度3 ） autolink ：是否添加链接


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-MM-dd”></TRS_DOCUMENT>)

</TRS_RECORD><TRS_RECORD num=“1”>▪ <TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT>(<TRS_DOCUMENT

field=“DOCRELTIME” autoformat=“true”dateformat=“yyyy-MM-dd”></TRS_DOCUMENT>)

</TRS_RECORD>

</TRS_DOCUMENTS>

主要参数：1 ） num ：分组数量


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 ：附件属性名称，


TRS_CURPAGE:当前位置• 根据站点频道树结构显示当前页面的位置。

<TRS_CURPAGE value=“>>” only=“FALSE” autolink=“TRUE” target=“_blank” ></TRS_CURPAGE>

主要参数：1 ） value ：频道之间的分隔符2 ） autolink ：是否显示链接3 ） only ：是否仅仅显示当前频道


TRS_CHANNELS：频道列表• 显示频道信息列表

<TRS_CHANNELS id=“SITE" childtype="-1" startpos="0" ><TRS_RECORD><TRS_CHANNEL

FIELD="CHNLDESC"></TRS_CHANNEL></TRS_RECORD></TRS_CHANNELS>

主要参数：1 ） id ：从哪个频道获取频道信息列表2 ） num ：频道的个数


TRS_CHANNEL：频道的具体信息• 显示具体的频道信息

<TRS_CHANNEL FIELD="CHNLDESC"></TRS_CHANNEL>

主要参数：1 ） id ：从哪个频道获取频道信息2 ） num ：控制显示的字数3 ） field ：频道属性名称


TRS_TEMPLATE：嵌套模板• 将其他通用模板嵌套进模板中，比如头模板等

<TRS_TEMPLATE TEMPNAME=“ 嵌套的模板名称” ></TRS_TEMPLATE>

主要参数：1 ） tempname ：嵌套的模板名称


TRS_ROLLDOCUMENTS：滚动新闻列表• 显示指定多个频道中的最新发布的文档列表。

<TRS_ROLLDOCUMENTS fromchannelids=“11,22,33” timerange=“3”><TRS_DOCUMENT field=“DOCTITLE”></TRS_DOCUMENT></TRS_ROLLDOCUMENTS>

主要参数：1 ） fromchannelids ：频道号集合


TRS_NEWICON：显示最新新闻标志 • 在最新新闻后显示指定图片、文字等

<TRS_DOCUMENTS NUM=10><TRS_DOCUMENT field=“DOCTITLE” /> <TRS_NEWICON

TIME="day"> 新 </TRS_NEWICON> </TRS_DOCUMENTS>

主要参数：1 ） field ：时间类型的字段，比如 crtime ， docreltime 等2 ） time ：时间差值


TRS_CONDDITION：条件置标• 如果指定的条件为真，则继续执行解析该置标下的模板，如

果为假，则忽略中间的置标或代码。

<TRS_CONDITION condition=“${abc}” refrence=“1” operator=“==”></TRS_CONDITION>

主要参数：1 ） condition ：定义条件变量2 ） refrence ：设定条件变量的参考值3 ） operator ：条件值和参考值的比较方式


TRS_ECHO：在当前位置输出指定内容• 在当前置标位置输出指定的内容，虽然也可以直接设定要输出的内容，

但是只有将要输出的内容声明为变量时才有意义。

<TRS_DOCUMENTS NUM=10> <TRS_ECHO VALUE="${ 概览标题前缀 }"/><TRS_DOCUMENT FIELD="DOCTITLE"></TRS_DOCUMENT></TRS_DOCUMENTS>

主要参数：1 ） VALUE: 待输出的内容。可以直接定义为固定内容，也可以声明变量。具体变量的值在频道的“模板变量”中由编辑人员可自由设置。


TRS_VARIABLE：变量声明• 在使用模板变量之前，声明变量，如果需要同时声明变量的枚举值，

在后面的模板中使用变量时，如果同名变量已经预先声明，则可以简化解析工作，直接使用已有的解析结果。

<TRS_VARIABLE NAME=" 打开方式 " TYPE="S" DEFAULT="_blank` 新页打开 " ENUMERATE="_blank` 新页打开 " ENUMERATE="_self` 本页打开” />

主要参数：1 ） Name: 变量名称（必须）2 ） Type ：变量类型（可选）， BOOLEAN,INTEGER,STRING,NUMBER3 ） DEFAULT ：变量缺省值（可选）4 ） ENUMERATE ：枚举值和枚举显示值，可以多个（可选）5 ） CANCUSTOM ：该变量是否允许用户直接输入值（可选）


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 枚举显示值（可选）


第三章：模板管理和编辑


WCM内模板管理

选站点或栏目

选模板分类

模板列表，可分类显示模板操作

配置模板。

需发布的站点、栏目必须配置模板和存放位置


新建模板输入名称，选择类型（必须）

利用置标向导生成置标代码，粘帖到鼠标位置


导出、导入模板

导出成 ZIP 文件。将模板 html 文件、图片、 js 等同步导出。

支持导入 html 、 zip 等格式。如模板中有图片需要导入，需将模板html 文件和图片 css 等文件夹一起打包成 zip 文件，然后导入。


模板校验语法错误（ 1）

模板保存时， WCM 将自动校验置标书写语法，如有错误，将显示提示。


模板校验语法错误（ 2）

在模板列表界面，可批量校验选中的模板


同步模板附件• 模板图片存放在 WCM 服务器目录 /wcmdata/template/里面。

当站点或栏目预览或发布后，模板图片、 js 文件、 css 文件等将自动分发到 /wcmdata/preview 或 /wcmdata/pub/下面。

• 同步模板附件，由手工确保这种附件的分发。


模板配置到栏目• 选择栏目后哦，可以在栏目信息页面直接配置。


第四章： Dreamweaver 模板插件使用


插件功能• 此插件可以将 DW 作为WCM 模板编辑的客户端工具使用，可以方便

的上传 (同步上传图片、 css 、 js 等文件 ) 、下载、新建模板。

• 安装 DW 插件后，在 DW 中增加“ TRS菜单”，功能有：– 选择站点：将 DW本地站点和 WCM 的一个站点匹配

– 上传模板：包括模板页面、 css 、图片、 js 等文件

– 下载模板：

– 新建模板：创建新模板

– 更新客户端数据：更新 DW本地的 WCM 站点信息，比如站点频道列表等

• 在 DW 中增加“ TRS 模板编辑器”快捷置标菜单– 可以在页面中直接添加置标，方便地修改置标参数


安装插件• 1 ，安装 Dreamweaver

• 2 ，关闭 Dreamweaver 。

• 3 ，运行模板插件安装文件： TE_Build1070_20070827.mxp.安装后，在 DW 的扩展管理器，可以看到此插件信息

点此按钮卸载插件


插件登录WCM• 登录用户：同登录WCM 的用户和密码

• 服务器地址：http://192.9.200.200:8080/wcm/services/trs:templateservicefacade

注意：需要将其中的 192.9.200.200:8080/wcm 替换成实际使用的 WCM访问地址

点此按钮，进行离线编辑


制作模板过程

1, 设置本地站点和 WCM 站点对应关系

2, 创建、编辑模板

3,上传模板


1,设置本地站点和WCM站点对应关系

1 ，点此选择站点

2 ，新建 DW 内站点

3 ，填写新站点名称

4 ，选择本地模板页面所放的文件夹根目录

5 ，完成创建


6 ，选择与 newforv6对应的 WCM 站点

7 ，设置完成。可以查看到 newforv6 站点目录中的各个文件。编辑后可以直接上传到所选 WCM 站点的模板列表中。


2，创建、编辑模板

双击页面名称，打开页面编辑


步骤 1 ：鼠标放在置标插入位置

步骤 2 ：选择置标，打开置标参数设置窗口

步骤 3 ：设置置标参数

直接选择频道，不需手工书写


最后，生成置标代码


3,上传模板


此模板已经成功上传

预览模板。

注意：预览模板时置标位置仅显示置标提示信息。预览栏目时，置标位置被替换成频道文档信息


4，设置模板，预览发布栏目

预览栏目页面的效果。


第五章：常见应用示例模板


图片新闻 -图片切换显示 1<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(); }

• 替换其中置标的频道名称即可： <TRS_DOCUMENTS NUM="5" ID=" 图片 ">


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>


图片新闻 -图片切换显示 2• 效果图：

http://www.sdpc.gov.cnhttp://www.bjxch.gov.cn


代码• 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>


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>


• 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("bgcolor",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.addVariable("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-96B8-444553540000\" 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"))){this.setAttribute("doExpressInstall",true);this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));document.title=document.title.slice(0,47)+" - Flash Player


Installation";this.addVariable("MMdoctitle",document.title);}}if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.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?parseInt(_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();};}else{window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;}if(Array.prototype.push==null){Array.prototype.push=function(_30){this[this.length]=_30;return this.length;};}var getQueryParamValue=deconcept.util.getRequestParameter;var sinaFlash=deconcept.SWFObject;


• 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/


概览分页

• 代码：

内容显示：<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&&currentPage!=0&&currentPage!=1)

document.write("<a href=\"${PAGE_NAME}.${PAGE_EXT}\">首页 </a> <a href=\"${PAGE_NAME}"+"_" + prevPage + "."+"${PAGE_EXT}\">上一页 </a> ");

else if(countPage>1&&currentPage!=0&&currentPage==1)document.write("<a href=\"${PAGE_NAME}.${PAGE_EXT}\">首页 </a> <a href=\"${PAGE_NAME}.${PAGE_EXT}\">上一页 </a> ");

elsedocument.write("首页上一页 ");


//循环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> ");}

elsedocument.write("<a href=\"${PAGE_NAME}"+"_" + i + "."+"${PAGE_EXT}\">"+(i+1)+"</a> ");

}

// 设置下一页代码 if(countPage>1&&currentPage!=(countPage-1))

document.write("<a href=\"${PAGE_NAME}"+"_" + nextPage + "."+"${PAGE_EXT}\">下一页 </a> <a href=\"${PAGE_NAME}_" + (countPage-1) + ".${PAGE_EXT}\">尾页 </a> ");

elsedocument.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>


文章内容分页• 文章内容分页需要两处设置：

– 1 ，采编文章时，在需要分页处插入分页符– 2 ，细览模板中写入分页代码

文章内容分页• 将以下代码拷贝到细览模板的需要放置分页页码处：

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>


• 本 PPT适用于 TRSWCM V6.0版本。

• DreanmWeaver选件部分，适用于 V5.2 和 V6版本。

[email protected]

2007 年 10月