课件TRSWCMV模板制作

1、TRS WCM V6.0模板制作内容提要一、TRSWCM概述、模板的作用概述二、TRSWCM模板置标三、WCM内模板管理和模板编辑方法四、Dreamweaver模板编辑插件和模板制作方法五、常见应用示例模板代码第一章：概述WCM及模板WCM工作原理网站管理、维护人员通过浏览器访问内容管理平台，进行系统和数据的管理内容协作平台服务器(WCM)数据库服务器，比如Oracle，SQLServer等存储网站数据。数据存储过程数据发布过程发布出静态网页Web Server网站的最终用户网站建设流程1，创建站点3，创建模板(包括概览模板、细览模板），并使用到频道上 创建频道2，创建频道（多层频道树）4，网

2、站数据采集、编审5，网站发布站点结构规划内容；风格；栏目；页面；Web Content Management，WCM模板模板的作用负责页面的显示风格和显示内容模板的组成模板由HTML置标和TRS置标组成。（含有TRS置标的HTML文件）HTML决定页面风格；TRS置标决定页面显示内容；模板的类型概览模板：主页模板和各栏目的概览模板细览模板：各栏目的细览模板嵌套模板：可嵌套的通用模板模板发布原理数据模板单篇发布频道发布模板和页面频道文档列表频道数据、模板、页面的关系频道频道频道频道频道频道频道模板访问用户Html页发布第二章：TRSWCM模板置标置标种类TRS_DOCUMENTS: 文档列表TR

3、S_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：变

4、量声明TRS_ENUM：声明变量枚举值特殊应用置标频道列表：每个频道，都需配置概览和细览模板才允许被发布。TRS置标说明TRS置标说明 置标的主要作用是控制数据在模板中的表现形式，将数据与表现分开。主要思路是TRS置标处理数据的内容，存放的位置以及如何存放等，数据的表现形式则由标准的html语言描述，例如： 这里放置文档标题 其中：红色是TRS置标，蓝色部分是标准的HTML置标。TRS置标表明要在该位置放置字段名为“标题”的字段内容。第三章：模板管理和编辑WCM内模板管理选站点或栏目选模板分类模板列表，可分类显示模板操作配置模板。需发布的站点、栏目必须配置模板和存放位置新建模板输入名称，选择类

5、型（必须）利用置标向导生成置标代码，粘帖到鼠标位置导出、导入模板导出成ZIP文件。将模板html文件、图片、js等同步导出。支持导入html、zip等格式。如模板中有图片需要导入，需将模板html文件和图片css等文件夹一起打包成zip文件，然后导入。模板校验语法错误（1）模板保存时，WCM将自动校验置标书写语法，如有错误，将显示提示。模板校验语法错误（2）在模板列表界面，可批量校验选中的模板同步模板附件模板图片存放在WCM服务器目录/wcmdata/template/里面。当站点或栏目预览或发布后，模板图片、js文件、css文件等将自动分发到/wcmdata/preview或/wcmdata

6、/pub/下面。同步模板附件，由手工确保这种附件的分发。模板配置到栏目选择栏目后，可以在栏目信息页面直接配置。第四章：Dreamweaver模板插件、模板制作插件登录WCM登录用户：同登录WCM的用户和密码服务器地址：注意：需要将其中的00:8080/wcm 替换成实际使用的WCM访问地址点此按钮，进行离线编辑制作模板过程1,设置本地站点和WCM站点对应关系2,创建、编辑模板3,上传模板第五章：常见应用示例模板图片新闻-图片切换显示 var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var adNum

7、=0; var kk = 1;var ; ; = (0,(/)+1); imgUrlkk = + ; imgLinkkk = ; imgTzkk = a href= target=_blank; kk+; kk-; var imgPre=new Array(); var j=0; for (i=1;i=5;i+) if( (imgUrli!=) & (imgLinki!=) ) j+; else break; function playTran() if (document.all) imgInit.filters.revealTrans.play(); 替换其中置标的频道名称即可： var

8、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 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换。

9、 10 : 国际象棋棋盘横向转换。 11 : 国际象棋棋盘纵向转换。 12 : 随机杂点干扰转换。 13 : 左右关门效果转换。 14 : 左右开门效果转换。 15 : 上下关门效果转换。 16 : 上下开门效果转换。 17 : 从右上角到左下角的锯齿边覆盖效果转换。 18 : 从右下角到左上角的锯齿边覆盖效果转换。 19 : 从左上角到右下角的锯齿边覆盖效果转换。 20 : 从左下角到右上角的锯齿边覆盖效果转换。 21 : 随机横线条转换。 22 : 随机竖线条转换。 23 : 随机使用上面可能的值转换。*/imgInit.filters.revealTrans.apply();playTr

10、an(); document.images.imgInit.src=imgUrladNum; document.getElementById(tpxw).innerHTML= + imgTzadNum + ; theTimer=setTimeout(nextAd(), 6000); /转换间隔时间 图片新闻-图片切换显示 function goUrl() jumpUrl=imgLinkadNum; jumpTarget=_blank; if (jumpUrl != ) if (jumpTarget != ) window.open(jumpUrl,jumpTarget); else locat

11、ion.href=jumpUrl; 标题图片新闻-图片切换显示代码：内容显示： 标题放于此处 标题放于此处 分页脚本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_ + (count1) + .$PAGE_EXT/尾页var prevPage = current1/上一页var nextP

12、age = currentPage+1/下一页var countPage = $PAGE_COUNT/共多少页document.write(共+countPage+页);/设置上一页代码if(countPage1¤tPage!=0¤tPage!=1)document.write(首页上一页);else if(countPage1¤tPage!=0¤tPage=1)document.write(首页上一页);elsedocument.write(首页上一页);概览分页/循环var num = 5;for(var i=0+(current1-(cur

13、rent1)%num) ; i=(num+(current1-(current1)%num)&(icountPage) ; i+)if(currentPage=i)document.write(i+1)+);else if(i=0)document.write(+1+);elsedocument.write(+(i+1)+);/设置下一页代码 if(countPage1¤tPage!=(count1)document.write(下一页尾页);elsedocument.write(下一页尾页);/跳转页面document.write(转到第页+ ); function toPage

14、()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(_numcountPage)alert(本频道最多+countPage+页);elselocation.href = url+str;概览分页文章内容分页文章内容分页需要两处设置：1，采编文章时，在需要分页处插入分页符2，细览模板中写入分页代码文章内容分页将以下代码拷贝到细览模板的需要放置分页页码处：!-function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt)if(_nPageCount = null | _nPageCount=1)return;var nCurrIndex = _nCurrIndex | 0;i