WCM65模板制作培训

1、北京拓尔思（北京拓尔思（TRS）信息技术股份有限公司）信息技术股份有限公司 TRS WCM V6.5 网页面模板制作培训 内容提要内容提要 2 一、一、TRSWCM 概述、网站发布原理概述、网站发布原理 二、二、TRSWCM模板置标，详细解释和举例模板置标，详细解释和举例 三、三、WCM内模板管理和模板编辑方法内模板管理和模板编辑方法 四、四、Dreamweaver模板编辑插件和模板制作方法模板编辑插件和模板制作方法 五、常见应用示例模板代码五、常见应用示例模板代码 3 第一章：概述、发布原理第一章：概述、发布原理 WCMWCM工作原理工作原理 R 网站管理、维护人员通 过浏览器访问内容管理

2、平台，进行系统和数据 的管理 内容协作平台 服务器(WCM) 数据库服务器，比如 Oracle，SQLServer等存 储网站数据。 数据存储过程数据存储过程 数据发布过程数据发布过程 发布出发布出 静态网页静态网页 Web Server 网站的最终 用户 5 1、创建站点、创建站点 创建频道创建频道 2、创建频道（多层频道树）、创建频道（多层频道树） 4、网站数据采集、编审、网站数据采集、编审 5、网站发布、网站发布 站点站点 结构结构 规划规划 内容；内容； 风格；风格； 栏目；栏目； 页面；页面； Web Content Management，WCM 6 模板的作用模板的作用 负责页面的

3、显示风格和显示内容负责页面的显示风格和显示内容 模板的组成模板的组成 模板由模板由HTML置标和置标和TRS置标组成。（含有置标组成。（含有TRS置标的置标的HTML文件）文件） HTML决定页面风格；决定页面风格；TRS置标决定页面显示内容；置标决定页面显示内容； 模板的类型模板的类型 概览模板：主页模板和各栏目的概览模板概览模板：主页模板和各栏目的概览模板 细览模板：各栏目的细览模板细览模板：各栏目的细览模板 嵌套模板：可嵌套的通用模板嵌套模板：可嵌套的通用模板 单篇发布单篇发布 频道发布频道发布 u模板模板HTMLHTML页面页面TaglibTaglib置标置标 uTaglibTagli

4、b置标置标 HTMLHTML的扩展置标，和的扩展置标，和HTMLHTML和和XMLXML兼容，符合兼容，符合 webweb页面标准页面标准 控制数据在模板中的表现形式，实现数据控制数据在模板中的表现形式，实现数据 和页面表现分开和页面表现分开 u置标处理数据的内容，存放的位置以及如置标处理数据的内容，存放的位置以及如 何存放等，数据的表现形式则由标准的何存放等，数据的表现形式则由标准的HTMLHTML 语言描述。语言描述。 模板和页面模板和页面 频道文档列表频道文档列表 频道数据、模板、页面的关系频道数据、模板、页面的关系 频道频道 频道频道 频道频道 频道频道 频道频道 频道频道 频道频道

5、模板模板 访问用户访问用户 Html页页 发布发布 第二章：第二章：TRSWCM模板置标模板置标 置标种类置标种类 TRS_DOCUMENTS: TRS_DOCUMENTS: 文档列表文档列表 TRS_RELNEWS: TRS_RELNEWS: 相关新闻列表相关新闻列表 TRS_CHANNELS: TRS_CHANNELS: 频道列表频道列表 TRS_RECORDTRS_RECORD： 分组显示分组显示 v TRS_DOCUMENT: TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片文档详细信息（标题、作者、正文、图片） v TRS_CHANNEL: TRS_CHANNEL:

6、频道详细信息频道详细信息 v TRS_APPENDIX: TRS_APPENDIX: 文档附件文档附件 v TRS_CURPAGE: TRS_CURPAGE: 当前位置当前位置 v TRS_REPLACE: TRS_REPLACE: 替换内容替换内容 v TRS_DATETIME: TRS_DATETIME: 发布时间发布时间 v TRS_TEMPLATETRS_TEMPLATE： 嵌套模板嵌套模板 概览置标概览置标 细览置标细览置标 TRS_ROLLDOCUMENTS：滚动新闻列表 TRS_NEWICON：显示最新新闻标志 TRS_CONDDITION：条件置标 TRS_ECHO：在当前置标

7、位置输出指定内容 TRS_VARIABLE：变量声明 TRS_ENUM：声明变量枚举值 特殊应用置标特殊应用置标 TRS_DOCUMENTS:文档列表 显示指定条数的文档列表 num=“5” TRS_DOCUMENT ()dd”) 主要主要参数参数： 1 1）idid：频频道名道名称称。设设定定显显示某示某频频道的文道的文档档列表。不列表。不设设此此参数参数，可以，可以 作作为为通用通用概览概览。 2 2）numnum：显显示文示文档档的的条数条数 3 3）automoreautomore：是否自：是否自动显动显示示” ”更多更多“ TRS_RECORD：分组置标：分组置标 num=“5” T

8、RS_DOCUMENT ()dd”) () 主要主要参数参数： numnum：分：分组数组数量量 TRS_APPENDIX：文档附件 显示图片、文件、链接附件信息 num=“5” 主要主要参数参数： 1 1）mode:mode:附件附件类类型，可型，可选图选图片、文件、片、文件、链链接；接； 2 2）indexindex：指定第几：指定第几个个附件，附件，0 0代表第一代表第一个个； 3 3）fieldfield：附件：附件属属性名性名称称， TRS_CURPAGE:当前位置 根据站点频道树结构显示当前页面的位置。 ” only=“FALSE” autolink=“TRUE” target=“

9、_blank” 主要主要参数参数： 1 1）valuevalue：频频道之道之间间的分隔符的分隔符 2 2）autolinkautolink：是否：是否显显示示链链接接 3 3）onlyonly：是否：是否仅仅显仅仅显示示当当前前频频道道 TRS_CHANNELS：频道列表 显示频道信息列表 主要主要参数参数： 1 1）idid：从哪个频从哪个频道道获获取取频频道信息列表道信息列表 2 2）numnum：频频道的道的个数个数 TRS_CHANNEL：频道的具体信息 显示具体的频道信息 主要主要参数参数： 1 1）idid：从哪个频从哪个频道道获获取取频频道信息道信息 2 2）numnum：控制

10、：控制显显示的字示的字数数 3 3）fieldfield：频频道道属属性名性名称称 TRS_TEMPLATE：嵌套模板 将其他通用模板嵌套进模板中，比如头模板等 主要主要参数参数： 1 1）tempnametempname：嵌套的模板名：嵌套的模板名称称 TRS_ROLLDOCUMENTS：滚动新闻列表 显示指定多个频道中的最新发布的文档列表。 主要主要参数参数： 1 1）fromchannelidsfromchannelids：频频道道号号集合集合 TRS_NEWICON：显示最新新闻标志 在最新新闻后显示指定图片、文字等 新新 主要主要参数参数： 1 1）fieldfield：时间类时间类

11、型的字段，比如型的字段，比如crtimecrtime，docreltimedocreltime等等 2 2）timetime：时间时间差差值值 第三章：模板管理和编辑第三章：模板管理和编辑 WCM模板管理 选站点或选站点或 栏目栏目 选模板选模板 分类分类 模板列表，模板列表， 可分类显示可分类显示 模板模板操作操作 配置模板。配置模板。 需发布的站点、需发布的站点、 栏目必须配置模栏目必须配置模 板和存放位置板和存放位置 新建模板新建模板 输入名称，输入名称， 选择类型选择类型 （必须）（必须） 利用置标向导生成置标代码，粘帖到利用置标向导生成置标代码，粘帖到 鼠标位置鼠标位置 导出、导入模

12、板 导出成导出成ZIP文件。将模板文件。将模板html文件、文件、 图片、图片、js等同步导出。等同步导出。 支持导入支持导入html、zip等格式。等格式。 如模板中有图片需要导入，需将模板如模板中有图片需要导入，需将模板 html文件和图片文件和图片css等文件夹一起打等文件夹一起打 包成包成zip文件，然后导入。文件，然后导入。 模板校验语法错误（1） 模板保存时，模板保存时，WCM将自动校验置标书写语法，将自动校验置标书写语法， 如有错误，将显示提示。如有错误，将显示提示。 模板校验语法错误（2） 在模板列表界面，可批量校在模板列表界面，可批量校 验选中的模板验选中的模板 模板图片存放

13、在WCM服务器目录 /wcmdata/template/里面。当站点或栏目预览或 发布后，模板图片、js文件、css文件等将自动 分发到/wcmdata/preview或/wcmdata/pub/下面 。 同步模板附件，由手工确保这种附件的分发。 模板配置到栏目 选择栏目后，可以在栏目信息页面直接配置。 此插件可以将DW作为WCM模板编辑的客户端工具使用 ，可以方便的上传(同步上传图片、css、js等文件)、下载 、新建模板。 安装DW插件后，在DW中增加“TRS菜单”，功能有： 选择站点：将DW本地站点和WCM的一个站点匹配 上传模板：包括模板页面、css、图片、js等文件 下载模板： 新建

14、模板：创建新模板 更新客户端数据：更新DW本地的WCM站点信息，比 如站点频道列表等 在DW中增加“TRS模板编辑器”快捷置标菜单 可以在页面中直接添加置标，方便地修改置标参数 1，安装Dreamweaver 2，关闭Dreamweaver。 3，运行模板插件安装文件： TE_Build1070_20070827.mxp.安装后，在DW的扩展管 理器，可以看到此插件信息 点此按钮卸载插件点此按钮卸载插件 登录用户：同登录WCM的用户和密码 服务器地址： 00:8080/wcm/services/trs:templateservicefacade 注意：需要将其

15、中的00:8080/wcm 替换成实际使用的 WCM访问地址 点此按钮，进行离线编辑点此按钮，进行离线编辑 制作模板过程 1,设置本地站点和设置本地站点和WCM站点对应关系站点对应关系 2,创建、编辑模板创建、编辑模板 3,上传模板上传模板 1，点此选择站点，点此选择站点 2，新建，新建DW内站点内站点 3，填写新站点名称，填写新站点名称 4，选择本地模板页，选择本地模板页 面所放的文件夹根目面所放的文件夹根目 录录 5，完成创建，完成创建 6，选择与，选择与newforv6 对应的对应的WCM站点站点 7，设置完成。可以查看，设置完成。可以查看 到到newforv6站点目录中的站点目录中的 各个文件。各个文件。 编辑后可以直接上传到所编辑后可以直接上传到所 选选WCM站点的模板列表站点的模板列表 中。中。 双击页面名称，打开双击页面名称，打开 页面编辑页面编辑 步骤步骤1：鼠标放在置标插入位置：鼠标放在置标插入位置 步骤步骤2：选择置标，打开置标参数设置窗口：选择置标，打开置标参数设置窗口 步骤步骤3：设置置标参数：设置置标参数 直接选择频道，不需手工书写直接选择频道，不需手工书写 最后，生成置标代码最后，生成置标代码 此模板已经成此模板已经成