TRS內(nèi)容協(xié)作平臺(WCM)V6模板制作培訓.ppt

1、TRS WCM V6.0模板制作,TRS客戶服務(wù)部 2007年,內(nèi)容提要,一、TRSWCM 概述、網(wǎng)站發(fā)布原理 二、TRSWCM模板置標，詳細解釋和舉例 三、WCM內(nèi)模板管理和模板編輯方法 四、Dreamweaver模板編輯插件和模板制作方法 五、常見應(yīng)用示例模板代碼,第一章：概述、發(fā)布原理,TRS WCM概述,TRS WCM V6是 TRS內(nèi)容管理家族中的重要一員 基于Momentum平臺的網(wǎng)站內(nèi)容管理系統(tǒng) 可以輕松創(chuàng)建內(nèi)部站點、外部資源門戶、信息資源管理平臺、組織工作協(xié)作平臺等等 2007年TRS推向市場的最重量級產(chǎn)品之一 TRS WCM V6功能 集中了基于瀏覽器界面的內(nèi)容創(chuàng)建、寫作、內(nèi)

2、容交付、基于模板的內(nèi)容發(fā)布，具有強大的站點管理功能 提供企業(yè)級的團隊協(xié)作能力和面向最終用戶的個性化定制 提供完整的系統(tǒng)維護、統(tǒng)計審計、權(quán)限管理功能 提供互動調(diào)查、廣告管理、評論、智能處理、圖片和視頻庫等擴展功能,WCM工作原理,網(wǎng)站建設(shè)流程,模板,模板的作用 負責頁面的顯示風格和顯示內(nèi)容 模板的組成 模板由HTML置標和TRS置標組成。（含有TRS置標的HTML文件） HTML決定頁面風格；TRS置標決定頁面顯示內(nèi)容； 模板的類型 概覽模板：主頁模板和各欄目的概覽模板 細覽模板：各欄目的細覽模板 嵌套模板：可嵌套的通用模板,模板發(fā)布原理數(shù)據(jù)模板,單篇發(fā)布,頻道發(fā)布,模板技術(shù),模板HTML頁面T

3、aglib置標 Taglib置標 HTML的擴展置標，和HTML和XML兼容，符合web頁面標準 控制數(shù)據(jù)在模板中的表現(xiàn)形式，實現(xiàn)數(shù)據(jù)和頁面表現(xiàn)分開 置標處理數(shù)據(jù)的內(nèi)容，存放的位置以及如何存放等，數(shù)據(jù)的表現(xiàn)形式則由標準的HTML語言描述。,模板和頁面,頻道文檔列表,頻道數(shù)據(jù)、模板、頁面的關(guān)系,第二章：TRSWCM模板置標,置標種類,TRS_DOCUMENTS: 文檔列表 TRS_RELNEWS: 相關(guān)新聞列表 TRS_CHANNELS: 頻道列表 TRS_RECORD： 分組顯示,TRS_DOCUMENT: 文檔詳細信息（標題、作者、正文、圖片） TRS_CHANNEL: 頻道詳細信息 TRS

4、_APPENDIX: 文檔附件 TRS_CURPAGE: 當前位置 TRS_REPLACE: 替換內(nèi)容 TRS_DATETIME: 發(fā)布時間,TRS_TEMPLATE： 嵌套模板,概覽置標,細覽置標,TRS_ROLLDOCUMENTS：滾動新聞列表 TRS_NEWICON：顯示最新新聞標志 TRS_CONDDITION：條件置標 TRS_ECHO：在當前置標位置輸出指定內(nèi)容 TRS_VARIABLE：變量聲明 TRS_ENUM：聲明變量枚舉值,特殊應(yīng)用置標,頻道列表：,每個頻道，都需配置概覽和細覽模板才允許被發(fā)布。,TRS_DOCUMENTS:文檔列表,顯示指定條數(shù)的文檔列表, () 主要參數(shù)

5、： 1）id：頻道名稱。設(shè)定顯示某頻道的文檔列表。不設(shè)此參數(shù)，可以作為通用概覽。 2）num：顯示文檔的條數(shù) 3）automore：是否自動顯示”更多“,TRS_DOCUMENT ：文檔信息,顯示文章具體信息,比如，顯示標題： 顯示日期： 主要參數(shù)： 1）field：具體信息的存放字段名稱 2）num：具體內(nèi)容的限制長度 3）autolink：是否添加鏈接,TRS_RECORD：分組置標,對文檔、頻道列表進行分組顯示, () () 主要參數(shù)： 1）num：分組數(shù)量,TRS_APPENDIX：文檔附件,顯示圖片、文件、鏈接附件信息, 主要參數(shù)： 1）mode:附件類型，可選圖片、文件、鏈接； 2

6、）index：指定第幾個附件，0代表第一個； 3）field：附件屬性名稱，,TRS_CURPAGE:當前位置,根據(jù)站點頻道樹結(jié)構(gòu)顯示當前頁面的位置。,” only=“FALSE” autolink=“TRUE” target=“_blank” 主要參數(shù)： 1）value：頻道之間的分隔符 2）autolink：是否顯示鏈接 3）only：是否僅僅顯示當前頻道,TRS_CHANNELS：頻道列表,顯示頻道信息列表, 主要參數(shù)： 1）id：從哪個頻道獲取頻道信息列表 2）num：頻道的個數(shù),TRS_CHANNEL：頻道的具體信息,顯示具體的頻道信息, 主要參數(shù)： 1）id：從哪個頻道獲取頻道信息

7、 2）num：控制顯示的字數(shù) 3）field：頻道屬性名稱,TRS_TEMPLATE：嵌套模板,將其他通用模板嵌套進模板中，比如頭模板等, 主要參數(shù)： 1）tempname：嵌套的模板名稱,TRS_ROLLDOCUMENTS：滾動新聞列表,顯示指定多個頻道中的最新發(fā)布的文檔列表。, 主要參數(shù)： 1）fromchannelids：頻道號集合,TRS_NEWICON：顯示最新新聞標志,在最新新聞后顯示指定圖片、文字等, 新 主要參數(shù)： 1）field：時間類型的字段，比如crtime，docreltime等 2）time：時間差值,TRS_CONDDITION：條件置標,如果指定的條件為真，則繼續(xù)

8、執(zhí)行解析該置標下的模板，如果為假，則忽略中間的置標或代碼。, 主要參數(shù)： 1）condition：定義條件變量 2）refrence：設(shè)定條件變量的參考值 3）operator：條件值和參考值的比較方式,TRS_ECHO：在當前位置輸出指定內(nèi)容,在當前置標位置輸出指定的內(nèi)容，雖然也可以直接設(shè)定要輸出的內(nèi)容，但是只有將要輸出的內(nèi)容聲明為變量時才有意義。, 主要參數(shù)： 1）VALUE:待輸出的內(nèi)容?？梢灾苯佣x為固定內(nèi)容，也可以聲明變量。 具體變量的值在頻道的“模板變量”中由編輯人員可自由設(shè)置。,TRS_VARIABLE：變量聲明,在使用模板變量之前，聲明變量，如果需要同時聲明變量的枚舉值，在后面

9、的模板中使用變量時，如果同名變量已經(jīng)預(yù)先聲明，則可以簡化解析工作，直接使用已有的解析結(jié)果。, 主要參數(shù)： 1）Name:變量名稱（必須） 2）Type：變量類型（可選），BOOLEAN,INTEGER,STRING,NUMBER 3）DEFAULT： 變量缺省值（可選） 4）ENUMERATE： 枚舉值和枚舉顯示值，可以多個（可選） 5）CANCUSTOM： 該變量是否允許用戶直接輸入值（可選）,TRS_ENUM：聲明變量枚舉值,用以簡化TRS_VARIABLE置標的變量枚舉值聲明。, 主要參數(shù)： 1）VALUE 變量枚舉值（可選） 2）DISPLAY 枚舉顯示值（可選）,第三章：模板管理和編

10、輯,WCM內(nèi)模板管理,選站點或欄目,選模板分類,模板列表，可分類顯示,模板操作,配置模板。 需發(fā)布的站點、欄目必須配置模板和存放位置,新建模板,輸入名稱，選擇類型（必須）,利用置標向?qū)芍脴舜a，粘帖到鼠標位置,導(dǎo)出、導(dǎo)入模板,導(dǎo)出成ZIP文件。將模板html文件、圖片、js等同步導(dǎo)出。,支持導(dǎo)入html、zip等格式。 如模板中有圖片需要導(dǎo)入，需將模板html文件和圖片css等文件夾一起打包成zip文件，然后導(dǎo)入。,模板校驗語法錯誤（1）,模板保存時，WCM將自動校驗置標書寫語法，如有錯誤，將顯示提示。,模板校驗語法錯誤（2）,在模板列表界面，可批量校驗選中的模板,同步模板附件,模板圖片存

11、放在WCM服務(wù)器目錄/wcmdata/template/里面。當站點或欄目預(yù)覽或發(fā)布后，模板圖片、js文件、css文件等將自動分發(fā)到/wcmdata/preview或/wcmdata/pub/下面。 同步模板附件，由手工確保這種附件的分發(fā)。,模板配置到欄目,選擇欄目后哦，可以在欄目信息頁面直接配置。,第五章：常見應(yīng)用示例模板,圖片新聞-圖片切換顯示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); /轉(zhuǎn)換間隔時間 ,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文件內(nèi)容：上傳

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,