RS内容协作平台WCMV6模板制作培训.ppt

《RS内容协作平台WCMV6模板制作培训.ppt》由会员分享，可在线阅读，更多相关《RS内容协作平台WCMV6模板制作培训.ppt（53页珍藏版）》请在装配图网上搜索。

1、TRS WCM V6.0 模板制作 TRS客户服务部 2007年 北京拓尔思信息技术有限公司 技术支持： F 64848899 内容提要 一、 TRSWCM 概述、网站发布原理 二、 TRSWCM模板置标，详细解释和举例 三、 WCM内模板管理和模板编辑方法 四、 Dreamweaver模板编辑插件和模板制作方法 五、常见应用示例模板代码 北京拓尔思信息技术有限公司 技术支持： F 64848899 第一章：概述、发布原理 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS WCM概述 TRS WCM V6是 TRS内容管理家族中的重要一员 基于 Momentum平台的网站内

2、容管理系统 可以轻松创建内部站点、外部资源门户、信息资源管理平台、组 织工作协作平台等等 2007年 TRS推向市场的最重量级产品之一 TRS WCM V6功能 集中了基于浏览器界面的内容创建、写作、内容交付、基于模板 的内容发布，具有强大的站点管理功能 提供企业级的团队协作能力和面向最终用户的个性化定制 提供完整的系统维护、统计审计、权限管理功能 提供互动调查、广告管理、评论、智能处理、图片和视频库等扩 展功能 北京拓尔思信息技术有限公司 技术支持： F 64848899 WCM工作原理 R 网站管理、维护人 员通过浏览器访问 内容管理平台，进 行系统和数据的管 理 内容协作平台 服务器 (

3、WCM) 数据库服务器，比如 Oracle， SQLServer等 存储网站数据。 Web Server 网站的最终 用户 北京拓尔思信息技术有限公司 技术支持： F 64848899 网站建设流程 1，创建站点 3，创建模板 (包括概览模 板、细览模板），并使用 到频道上 创建频道 2，创建频道（多层频道树） 4，网站数据采集、编审 5，网站发布 站点 结构 规划 内容； 风格； 栏目； 页面； Web Content Management， WCM 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板 模板的作用 负责页面的显示风格和显示内容 模板的组成 模板由 HTML置标

4、和 TRS置标组成。（含有 TRS置标的 HTML文件） HTML决定页面风格； TRS置标决定页面显示内容； 模板的类型 概览模板：主页模板和各栏目的概览模板 细览模板：各栏目的细览模板 嵌套模板：可嵌套的通用模板 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板发布原理数据模板 单篇发布 频道发布 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板技术 模板 HTML页面 Taglib置标 Taglib置标 HTML的扩展置标，和 HTML和 XML兼容，符合 web页面标准 控制数据在模板中的表现形式，实现数据和页面表现分开 置标处理数据的内容，存放的位

5、置以及如何存放等，数据 的表现形式则由标准的 HTML语言描述。 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板和页面 频道文档列表 北京拓尔思信息技术有限公司 技术支持： F 64848899 频道数据、模板、页面的关系 频道 频道 频道 频道 频道 频道 频道 模板 访问用户 Html页 发布 北京拓尔思信息技术有限公司 技术支持： F 64848899 第二章： TRSWCM模板置标 北京拓尔思信息技术有限公司 技术支持： F 64848899 置标种类 TRS_DOCUMENTS: 文档列表 TRS_RELNEWS: 相关新闻列表 TRS_CHANNELS: 频道列

6、表 TRS_RECORD： 分组显示 TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片 ） TRS_CHANNEL: 频道详细信息 TRS_APPENDIX: 文档附件 TRS_CURPAGE: 当前位置 TRS_REPLACE: 替换内容 TRS_DATETIME: 发布时间 TRS_TEMPLATE： 嵌套模板 概览置标 细览置标 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_ROLLDOCUMENTS：滚动新闻列表 TRS_NEWICON：显示最新新闻标志 TRS_CONDDITION：条件置标 TRS_ECHO：在当前置标位置输出指定内容 TRS

7、_VARIABLE：变量声明 TRS_ENUM：声明变量枚举值 特殊应用置标 北京拓尔思信息技术有限公司 技术支持： F 64848899 频道列表： 每个频道，都需配置概 览和细览模板才允许被 发布。 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_DOCUMENTS:文档列表 显示指定条数的文档列表 () 主要 参数 ： 1） id： 频 道名 称 。 设 定 显 示某 频 道的文 档 列表。不 设 此 参数 ，可以作 为 通用 概览 。 2） num： 显 示文 档 的 条数 3） automore：是否自 动显 示”更多 “ 北京拓尔思信息技术有限公司 技术支持：

8、 F 64848899 TRS_DOCUMENT ：文档信息 显示文章具体信息 比如， 显 示 标题 ： 显 示日期： 主要 参数 ： 1） field：具体信息的存放字段名 称 2） num：具体 内 容的限制 长 度 3） autolink：是否添加 链 接 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_RECORD：分组置标 对文档、频道列表进行分组显示 () () 主要 参数 ： 1） num：分 组数 量 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_APPENDIX：文档附件 显示图片、文件、链接附件信息 主要 参数 ： 1） mod

9、e:附件 类 型，可 选图 片、文件、 链 接； 2） index：指定第几 个 附件， 0代表第一 个 ； 3） field：附件 属 性名 称 ， 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_CURPAGE:当前位置 根据站点频道树结构显示当前页面的位置。 ” only=“ FALSE” autolink=“ TRUE” target=“ _blank” 主要 参数 ： 1） value： 频 道之 间 的分隔符 2） autolink：是否 显 示 链 接 3） only：是否 仅仅显 示 当 前 频 道 北京拓尔思信息技术有限公司 技术支持： F 648488

10、99 TRS_CHANNELS：频道列表 显示频道信息列表 主要 参数 ： 1） id： 从哪个频 道 获 取 频 道信息列表 2） num： 频 道的 个数 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_CHANNEL：频道的具体信息 显示具体的频道信息 主要 参数 ： 1） id： 从哪个频 道 获 取 频 道信息 2） num：控制 显 示的字 数 3） field： 频 道 属 性名 称 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_TEMPLATE：嵌套模板 将其他通用模板嵌套进模板中，比如头模板等 主要 参数 ： 1） tempnam

11、e：嵌套的模板名 称 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_ROLLDOCUMENTS：滚动新闻列表 显示指定多个频道中的最新发布的文档列表。 主要 参数 ： 1） fromchannelids： 频 道 号 集合 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_NEWICON：显示最新新闻标志 在最新新闻后显示指定图片、文字等 新 主要 参数 ： 1） field： 时间类 型的字段，比如 crtime， docreltime等 2） time： 时间 差 值 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_COND

12、DITION：条件置标 如果指定的条件为真 ， 则继续执行解析该置标下的模板 ， 如 果为假 ， 则忽略中间的置标或代码 。 主要 参数 ： 1） condition：定 义条 件 变 量 2） refrence： 设 定 条 件 变 量的 参 考 值 3） operator： 条 件 值 和 参 考 值 的比 较 方式 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_ECHO：在当前位置输出指定内容 在当前置标位置输出指定的内容，虽然也可以直接设定要输出的内容， 但是只有将要输出的内容声明为变量时才有意义。 主要 参数 ： 1） VALUE:待 输 出的 内 容。可以直

13、接定 义为 固定 内 容，也可以 声 明 变 量。 具体 变 量的 值 在 频 道的“模板 变 量”中由 编辑 人 员 可自由 设 置。 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_VARIABLE：变量声明 在使用模板变量之前，声明变量，如果需要同时声明变量的枚举值， 在后面的模板中使用变量时，如果同名变量已经预先声明，则可以简 化解析工作，直接使用已有的解析结果。 主要 参数 ： 1） Name:变量名称（必须） 2） Type： 变 量 类 型（可 选 ）， BOOLEAN,INTEGER,STRING,NUMBER 3） DEFAULT： 变 量缺省 值 （可

14、 选 ） 4） ENUMERATE： 枚 举值 和枚 举显 示 值 ，可以多 个 （可 选 ） 5） CANCUSTOM： 该变 量是否允 许 用 户 直接 输 入 值 （可 选 ） 北京拓尔思信息技术有限公司 技术支持： F 64848899 TRS_ENUM：声明变量枚举值 用以简化 TRS_VARIABLE置标的变量枚举值声明。 主要 参数 ： 1） VALUE 变 量枚 举值 （可 选 ） 2） DISPLAY 枚 举显 示 值 （可 选 ） 北京拓尔思信息技术有限公司 技术支持： F 64848899 第三章：模板管理和编辑 北京拓尔思信息技术有限公司 技术支持： F 6484889

15、9 WCM内模板管理 选站点或 栏目 选模板 分类 模板列表， 可分类显示 模板操作 配置模板。 需发布的站点、 栏目必须配置模 板和存放位置 北京拓尔思信息技术有限公司 技术支持： F 64848899 新建模板 输入名称， 选择类型 （必须） 利用置标向导生成置标代码，粘帖到 鼠标位置 北京拓尔思信息技术有限公司 技术支持： F 64848899 导出、导入模板 导出成 ZIP文件。将模板 html文件、图 片、 js等同步导出。 支持导入 html、 zip等格式。 如模板中有图片需要导入，需将模板 html文件和图片 css等文件夹一起打 包成 zip文件，然后导入。 北京拓尔思信息技

16、术有限公司 技术支持： F 64848899 模板校验语法错误（ 1） 模板保存时， WCM将自动校验置标书写语法， 如有错误，将显示提示。 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板校验语法错误（ 2） 在模板列表界面，可批量校 验选中的模板 北京拓尔思信息技术有限公司 技术支持： F 64848899 同步模板附件 模板图片存放在 WCM服务器目录 /wcmdata/template/里面。 当站点或栏目预览或发布后，模板图片、 js文件、 css文件 等将自动分发到 /wcmdata/preview或 /wcmdata/pub/下面。 同步模板附件，由手工确保这种

17、附件的分发。 北京拓尔思信息技术有限公司 技术支持： F 64848899 模板配置到栏目 选择栏目后哦，可以在栏目信息页面直接配置。 北京拓尔思信息技术有限公司 技术支持： F 64848899 第五章：常见应用示例模板 北京拓尔思信息技术有限公司 技术支持： F 64848899 图片新闻 -图片切换显示 1 var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var adNum=0; var kk = 1; var filepath_liucp=; filepath_liucp=; filepat

18、h_liucp = filepath_liucp.substring(0,filepath_liucp.lastIndexOf(/)+1); imgUrlkk =filepath_liucp + ; imgLinkkk = ; imgTzkk = a href= target=_blank; kk+; kk-; var imgPre=new Array(); var j=0; for (i=1;i=5;i+) if( (imgUrli!=) else break; function playTran() if (document.all) imgInit.filters.revealTrans

19、.play(); 替换其中置标的频道名称即可 ： 北京拓尔思信息技术有限公司 技术支持： F 64848899 var key=0; function nextAd() if(adNumj)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

20、 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换。 10 : 国际象棋棋盘横向转换。 11 : 国际象棋棋盘纵向转换。 12 : 随机杂点干扰转换。 13 : 左右关门效果转换。 14 : 左右开门效果转换。 15 : 上下关门效果转换。 16 : 上下开门效果转换。 17 : 从右上角到左下角的锯齿边覆盖效果转换。 18 : 从右下角到左上角的锯齿边覆盖效果转换。 19 : 从左上角到右下角的锯齿边覆盖效果转换。 20 : 从左下角到右上角的锯齿边覆盖效果转换。 21 : 随机横线条转换。 22 : 随机竖线条转换

21、。 23 : 随机使用上面可能的值转换。 */ imgInit.filters.revealTrans.apply(); playTran(); document.images.imgInit.src=imgUrladNum; document.getElementById(tpxw).innerHTML= + imgTzadNum + ; theTimer=setTimeout(nextAd(), 6000); /转换间隔时间 北京拓尔思信息技术有限公司 技术支持： F 64848899 function goUrl() jumpUrl=imgLinkadNum; jumpTarget=_b

22、lank; if (jumpUrl != ) if (jumpTarget != ) window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; 标题 北京拓尔思信息技术有限公司 技术支持： F 64848899 图片新闻 -图片切换显示 2 效果图： 北京拓尔思信息技术有限公司 技术支持： F 64848899 代码 1，模板文件 :直接修改其中的图片名称即可。 var focus_width = 226; var focus_height = 170; var text_height = 27; var swf_height =

23、 focus_height + text_height; var curhref = document.location.href; var pic = new Array(); var linka = new Array(); var text = new Array(); pic.push(); linka.push(); text.push(); 北京拓尔思信息技术有限公司 技术支持： F 64848899 var pics = pic.join(|); var links = linka.join(|); var texts = text.join(|); var FocusFlash

24、 = new sinaFlash($ROOT_PATHimages/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,

25、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); 北京拓尔思信息技术有限公司 技术支持： F 64848899

26、 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,

27、_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.setAt

28、tribute(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(useExpressInst

29、all,_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)retu

30、rn 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 Arr

31、ay();var key;var _18=this.getVariables();for(key in _18)_16.push(key+=+_18key);return _16;,getSWFHTML:function()var _19=;if(navigator.plugins_19=0)_19+=flashvars=+_1c+;_19+=/;elseif(this.getAttribute(doExpressInstall) )this.addVariable(MMplayerType,ActiveX);_19=;_19+=;var _1d=this.getParams();for(va

32、r key in _1d)_19+=;var _1f=this.getVariablePairs().join(if(_1f.length0)_19+=;_19+=;return _19;,write:function(_20)if(this.getAttribute(useExpressInstall)var _21=new deconcept.PlayerVersion(6,0,65);if(this.installedVer.versionIsValid(_21)this.addVariable(MMredirectURL,escape(this.getAttribute(xiRedir

33、ectUrl);document.title=docu ment.title.slice(0,47)+ - Flash Player 北京拓尔思信息技术有限公司 技术支持： F 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)?docu

34、ment.getElementById(_20):_20;n.innerHTML=this.getSWFHTML();return true;elseif(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.pluginsif(xe

35、lsetryvar axo=new ActiveXObject(ShockwaveFlash.ShockwaveFlash.7);catch(e)tryvar axo=new ActiveXObject(ShockwaveFlash.ShockwaveFlash.6);_23=new deconcept.PlayerVersion(6,0,21);axo.AllowScriptAccess=always;catch(e)if(_23.major=6)return _23;tryaxo=new ActiveXObject(ShockwaveFlash.ShockwaveFlash);catch(

36、e)if(axo!=null)_23=new deconcept.PlayerVersion(axo.GetVariable($version).split( )1.split(,);return _23;deconcept.PlayerVersion=function(_27)this.major=_270!=null?parseInt(_270):0;this.minor=_271!=null?parse Int(_271):0;this.rev=_272!=null?parseInt(_272):0;deconcept.PlayerVersion.prototype.versionIsV

37、alid=function(fv)if (this.majorfv.major)return true;if(this.minorfv.minor)return true;if(this.revfv.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(_2bi.

38、substring(0,_2bi.indexOf(=)=_29)return _2bi.substring(_2bi.indexOf(=)+1);return ;deconcept.SWFObjectUtil.cleanupSWFs=function()var _2d=document.getElementsByTagName(OBJECT);for(var i=0;i_2d.length;i+)_2di.style.display=none;for(var x in _2di)if(typeof _2dix=function)_2dix=null;if(typeof window.onunl

39、oad=function)var oldunload=window.onunload;window.onunload=function()deconcept.SWFObjectUtil.cleanupSWFs();oldunload();els ewindow.onunload=deconcept.SWFObjectUtil.cleanupSWFs;if(Array.prototype.push=null)Array.prototype.push=fun ction(_30)thisthis.length=_30;return this.length;var getQueryParamValu

40、e=deconcept.util.getRequestParameter;var sinaFlash=deconcept.SWFObject; 北京拓尔思信息技术有限公司 技术支持： F 64848899 Pixviewer.swf，可以从以下地址下载： 下载之后，将其分别拷贝到 WCM服务器以下位置，以用 于概览的预览和发布使用： /TRSWCM/WCMDATA/preview/站点存放位置目录 /images/ /TRSWCM/WCMDATA/pub/站点存放位置目录 /images/ 北京拓尔思信息技术有限公司 技术支持： F 64848899 概览分页 北京拓尔思信息技术有限公司 技术

41、支持： F 64848899 代码： 内容显示： 标题放于此处 标题放于此处 分页脚本 script： /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 ne

42、xtPage = currentPage+1/下一页 var countPage = $PAGE_COUNT/共多少页 document.write(共 +countPage+页 ); /设置上一页代码 if(countPage1上一页 ); else if(countPage1上一页 ); else document.write(首页 上一页 ); 北京拓尔思信息技术有限公司 技术支持： F 64848899 /循环 var num = 5; for(var i=0+(currentPage-1-(currentPage-1)%num) ; i=(num+(currentPage-1-(cu

43、rrentPage-1)%num) i+) if(currentPage=i) document.write(i+1)+); else if(i=0) document.write(+1+); else document.write(+(i+1)+); /设置下一页代码 if(countPage1尾页 ); else document.write(下一页 尾页 ); /跳转页面 document.write(转到第 页 + ); function toPage() var _num = document.getElementById(num).value; var str = $PAGE_NA

44、ME+_+(_num-1)+.+$PAGE_EXT; var url = location.href.substring(0,location.href.lastIndexOf(/)+1); if(_numcountPage) alert(本频道最多 +countPage+页 ); else location.href = url+str; 北京拓尔思信息技术有限公司 技术支持： F 64848899 文章内容分页 文章内容分页需要两处设置： 1，采编文章时，在需要分页处插入分页符 2，细览模板中写入分页代码 北京拓尔思信息技术有限公司 技术支持： F 64848899 文章内容分页 将以下代

45、码拷贝到细览模板的需要放置分页页码处： !- 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(1); for(var i=1; i_nPageCount; i+) if(nCurrIndex = i) document.write(i+1) + ); else document.write(+(i+1)+); /WCM置标 createPageHTML($PAGE_COUNT, $PAGE_INDEX, $PAGE_NAME, $PAGE_EXT); /- 北京拓尔思信息技术有限公司 技术支持： F 64848899 本 PPT适用于 TRSWCM V6.0版本。 DreanmWeaver选件部分，适用于 V5.2和 V6版本。 Q 2007年 10月