TRS内容协作平台(WCM)V6模板制作培训.ppt

1、TRS WCM V6.0模板制作,TRS客户服务部 2007年,内容提要,一、TRSWCM 概述、网站发布原理 二、TRSWCM模板置标，详细解释和举例 三、WCM内模板管理和模板编辑方法 四、Dreamweaver模板编辑插件和模板制作方法 五、常见应用示例模板代码,第一章：概述、发布原理,TRS WCM概述,TRS WCM V6是 TRS内容管理家族中的重要一员 基于Momentum平台的网站内容管理系统 可以轻松创建内部站点、外部资源门户、信息资源管理平台、组织工作协作平台等等 2007年TRS推向市场的最重量级产品之一 TRS WCM V6功能 集中了基于浏览器界面的内容创建、写作、内

2、容交付、基于模板的内容发布，具有强大的站点管理功能 提供企业级的团队协作能力和面向最终用户的个性化定制 提供完整的系统维护、统计审计、权限管理功能 提供互动调查、广告管理、评论、智能处理、图片和视频库等扩展功能,WCM工作原理,网站建设流程,模板,模板的作用 负责页面的显示风格和显示内容 模板的组成 模板由HTML置标和TRS置标组成。（含有TRS置标的HTML文件） HTML决定页面风格；TRS置标决定页面显示内容； 模板的类型 概览模板：主页模板和各栏目的概览模板 细览模板：各栏目的细览模板 嵌套模板：可嵌套的通用模板,模板发布原理数据模板,单篇发布,频道发布,模板技术,模板HTML页面T

3、aglib置标 Taglib置标 HTML的扩展置标，和HTML和XML兼容，符合web页面标准 控制数据在模板中的表现形式，实现数据和页面表现分开 置标处理数据的内容，存放的位置以及如何存放等，数据的表现形式则由标准的HTML语言描述。,模板和页面,频道文档列表,频道数据、模板、页面的关系,第二章：TRSWCM模板置标,置标种类,TRS_DOCUMENTS: 文档列表 TRS_RELNEWS: 相关新闻列表 TRS_CHANNELS: 频道列表 TRS_RECORD： 分组显示,TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片） TRS_CHANNEL: 频道详细信息 TRS

4、_APPENDIX: 文档附件 TRS_CURPAGE: 当前位置 TRS_REPLACE: 替换内容 TRS_DATETIME: 发布时间,TRS_TEMPLATE： 嵌套模板,概览置标,细览置标,TRS_ROLLDOCUMENTS：滚动新闻列表 TRS_NEWICON：显示最新新闻标志 TRS_CONDDITION：条件置标 TRS_ECHO：在当前置标位置输出指定内容 TRS_VARIABLE：变量声明 TRS_ENUM：声明变量枚举值,特殊应用置标,频道列表：,每个频道，都需配置概览和细览模板才允许被发布。,TRS_DOCUMENTS:文档列表,显示指定条数的文档列表, () 主要参数

5、： 1）id：频道名称。设定显示某频道的文档列表。不设此参数，可以作为通用概览。 2）num：显示文档的条数 3）automore：是否自动显示”更多“,TRS_DOCUMENT ：文档信息,显示文章具体信息,比如，显示标题： 显示日期： 主要参数： 1）field：具体信息的存放字段名称 2）num：具体内容的限制长度 3）autolink：是否添加链接,TRS_RECORD：分组置标,对文档、频道列表进行分组显示, () () 主要参数： 1）num：分组数量,TRS_APPENDIX：文档附件,显示图片、文件、链接附件信息, 主要参数： 1）mode:附件类型，可选图片、文件、链接； 2

6、）index：指定第几个附件，0代表第一个； 3）field：附件属性名称，,TRS_CURPAGE:当前位置,根据站点频道树结构显示当前页面的位置。,” only=“FALSE” autolink=“TRUE” target=“_blank” 主要参数： 1）value：频道之间的分隔符 2）autolink：是否显示链接 3）only：是否仅仅显示当前频道,TRS_CHANNELS：频道列表,显示频道信息列表, 主要参数： 1）id：从哪个频道获取频道信息列表 2）num：频道的个数,TRS_CHANNEL：频道的具体信息,显示具体的频道信息, 主要参数： 1）id：从哪个频道获取频道信息

7、 2）num：控制显示的字数 3）field：频道属性名称,TRS_TEMPLATE：嵌套模板,将其他通用模板嵌套进模板中，比如头模板等, 主要参数： 1）tempname：嵌套的模板名称,TRS_ROLLDOCUMENTS：滚动新闻列表,显示指定多个频道中的最新发布的文档列表。, 主要参数： 1）fromchannelids：频道号集合,TRS_NEWICON：显示最新新闻标志,在最新新闻后显示指定图片、文字等, 新 主要参数： 1）field：时间类型的字段，比如crtime，docreltime等 2）time：时间差值,TRS_CONDDITION：条件置标,如果指定的条件为真，则继续

8、执行解析该置标下的模板，如果为假，则忽略中间的置标或代码。, 主要参数： 1）condition：定义条件变量 2）refrence：设定条件变量的参考值 3）operator：条件值和参考值的比较方式,TRS_ECHO：在当前位置输出指定内容,在当前置标位置输出指定的内容，虽然也可以直接设定要输出的内容，但是只有将要输出的内容声明为变量时才有意义。, 主要参数： 1）VALUE:待输出的内容。可以直接定义为固定内容，也可以声明变量。 具体变量的值在频道的“模板变量”中由编辑人员可自由设置。,TRS_VARIABLE：变量声明,在使用模板变量之前，声明变量，如果需要同时声明变量的枚举值，在后面

9、的模板中使用变量时，如果同名变量已经预先声明，则可以简化解析工作，直接使用已有的解析结果。, 主要参数： 1）Name:变量名称（必须） 2）Type：变量类型（可选），BOOLEAN,INTEGER,STRING,NUMBER 3）DEFAULT： 变量缺省值（可选） 4）ENUMERATE： 枚举值和枚举显示值，可以多个（可选） 5）CANCUSTOM： 该变量是否允许用户直接输入值（可选）,TRS_ENUM：声明变量枚举值,用以简化TRS_VARIABLE置标的变量枚举值声明。, 主要参数： 1）VALUE 变量枚举值（可选） 2）DISPLAY 枚举显示值（可选）,第三章：模板管理和编

10、辑,WCM内模板管理,选站点或栏目,选模板分类,模板列表，可分类显示,模板操作,配置模板。 需发布的站点、栏目必须配置模板和存放位置,新建模板,输入名称，选择类型（必须）,利用置标向导生成置标代码，粘帖到鼠标位置,导出、导入模板,导出成ZIP文件。将模板html文件、图片、js等同步导出。,支持导入html、zip等格式。 如模板中有图片需要导入，需将模板html文件和图片css等文件夹一起打包成zip文件，然后导入。,模板校验语法错误（1）,模板保存时，WCM将自动校验置标书写语法，如有错误，将显示提示。,模板校验语法错误（2）,在模板列表界面，可批量校验选中的模板,同步模板附件,模板图片存

11、放在WCM服务器目录/wcmdata/template/里面。当站点或栏目预览或发布后，模板图片、js文件、css文件等将自动分发到/wcmdata/preview或/wcmdata/pub/下面。 同步模板附件，由手工确保这种附件的分发。,模板配置到栏目,选择栏目后哦，可以在栏目信息页面直接配置。,第五章：常见应用示例模板,图片新闻-图片切换显示1, var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var adNum=0; var kk = 1; var filepath_liucp=; file

12、path_liucp=; filepath_liucp = filepath_liucp.substring(0,filepath_liucp.lastIndexOf(/)+1); imgUrlkk =filepath_liucp + ; imgLinkkk = ; imgTzkk = target=_blank; kk+; kk-; var imgPre=new Array(); var j=0; for (i=1;i=5;i+) if( (imgUrli!=) ,替换其中置标的频道名称即可： ,var key=0; function nextAd() if(adNum + imgTzadN

13、um + ; theTimer=setTimeout(nextAd(), 6000); /转换间隔时间 ,function goUrl() jumpUrl=imgLinkadNum; jumpTarget=_blank; if (jumpUrl != ) if (jumpTarget != ) window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; 标题 ,图片新闻-图片切换显示2,效果图：,代码,1，模板文件:直接修改其中的图片名称即可。, var focus_width = 226; var focus_height = 1

14、70; 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(); pic.push(); linka.push(); text.push(); ,var pics = pic.join(|); var links = linka.join(|); var texts = text.join(|); va

15、r FocusFlash = 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.addVari

16、able(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); ,Lhflash.js文件内容：上传

17、模板之前将此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.getE

18、lementById)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

19、)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.setAttribu

20、te(doExpressInstall,false);var _d=(_9)?_9:window.location;this.setAttribute(xiRedirectUrl,_d);this.setAttribute(redirectUrl,);if(_a)this.setAttribute(redirectUrl,_a);deconcept.SWFOtotype=setAttribute:function(_e,_f)this.attributes_e=_f;,getAttribute:function(_10)return this.attributes_10;,a

21、ddParam: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=thi

22、s.getVariables();for(key in _18)_16.push(key+=+_18key);return _16;,getSWFHTML:function()var _19=;if(navigator.pluginsdocument.title=document.title.slice(0,47)+ - Flash Player,Installation;this.addVariable(MMdoctitle,document.title);if(this.skipDetect|this.getAttribute(doExpressInstall)|this.installe

23、dVer.versionIsValid(this.getAttribute(version)var n=(typeof _20=string)?document.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,