課件TRSWCMV模板制作

1、TRS WCM V6.0模板制作內(nèi)容提要一、TRSWCM概述、模板的作用概述二、TRSWCM模板置標(biāo)三、WCM內(nèi)模板管理和模板編輯方法四、Dreamweaver模板編輯插件和模板制作方法五、常見應(yīng)用示例模板代碼第一章：概述WCM及模板WCM工作原理網(wǎng)站管理、維護(hù)人員通過瀏覽器訪問內(nèi)容管理平臺，進(jìn)行系統(tǒng)和數(shù)據(jù)的管理內(nèi)容協(xié)作平臺服務(wù)器(WCM)數(shù)據(jù)庫服務(wù)器，比如Oracle，SQLServer等存儲網(wǎng)站數(shù)據(jù)。數(shù)據(jù)存儲過程數(shù)據(jù)發(fā)布過程發(fā)布出靜態(tài)網(wǎng)頁Web Server網(wǎng)站的最終用戶網(wǎng)站建設(shè)流程1，創(chuàng)建站點(diǎn)3，創(chuàng)建模板(包括概覽模板、細(xì)覽模板），并使用到頻道上 創(chuàng)建頻道2，創(chuàng)建頻道（多層頻道樹）4，網(wǎng)

2、站數(shù)據(jù)采集、編審5，網(wǎng)站發(fā)布站點(diǎn)結(jié)構(gòu)規(guī)劃內(nèi)容；風(fēng)格；欄目；頁面；Web Content Management，WCM模板模板的作用負(fù)責(zé)頁面的顯示風(fēng)格和顯示內(nèi)容模板的組成模板由HTML置標(biāo)和TRS置標(biāo)組成。（含有TRS置標(biāo)的HTML文件）HTML決定頁面風(fēng)格；TRS置標(biāo)決定頁面顯示內(nèi)容；模板的類型概覽模板：主頁模板和各欄目的概覽模板細(xì)覽模板：各欄目的細(xì)覽模板嵌套模板：可嵌套的通用模板模板發(fā)布原理數(shù)據(jù)模板單篇發(fā)布頻道發(fā)布模板和頁面頻道文檔列表頻道數(shù)據(jù)、模板、頁面的關(guān)系頻道頻道頻道頻道頻道頻道頻道模板訪問用戶Html頁發(fā)布第二章：TRSWCM模板置標(biāo)置標(biāo)種類TRS_DOCUMENTS: 文檔列表TR

3、S_RELNEWS: 相關(guān)新聞列表TRS_CHANNELS: 頻道列表 TRS_RECORD： 分組顯示 TRS_DOCUMENT: 文檔詳細(xì)信息（標(biāo)題、作者、正文、圖片）TRS_CHANNEL: 頻道詳細(xì)信息TRS_APPENDIX: 文檔附件TRS_CURPAGE: 當(dāng)前位置TRS_REPLACE: 替換內(nèi)容TRS_DATETIME: 發(fā)布時(shí)間TRS_TEMPLATE： 嵌套模板概覽置標(biāo)細(xì)覽置標(biāo)TRS_ROLLDOCUMENTS：滾動新聞列表TRS_NEWICON：顯示最新新聞標(biāo)志TRS_CONDDITION：條件置標(biāo)TRS_ECHO：在當(dāng)前置標(biāo)位置輸出指定內(nèi)容TRS_VARIABLE：變

4、量聲明TRS_ENUM：聲明變量枚舉值特殊應(yīng)用置標(biāo)頻道列表：每個(gè)頻道，都需配置概覽和細(xì)覽模板才允許被發(fā)布。TRS置標(biāo)說明TRS置標(biāo)說明 置標(biāo)的主要作用是控制數(shù)據(jù)在模板中的表現(xiàn)形式，將數(shù)據(jù)與表現(xiàn)分開。主要思路是TRS置標(biāo)處理數(shù)據(jù)的內(nèi)容，存放的位置以及如何存放等，數(shù)據(jù)的表現(xiàn)形式則由標(biāo)準(zhǔn)的html語言描述，例如： 這里放置文檔標(biāo)題 其中：紅色是TRS置標(biāo)，藍(lán)色部分是標(biāo)準(zhǔn)的HTML置標(biāo)。TRS置標(biāo)表明要在該位置放置字段名為“標(biāo)題”的字段內(nèi)容。第三章：模板管理和編輯WCM內(nèi)模板管理選站點(diǎn)或欄目選模板分類模板列表，可分類顯示模板操作配置模板。需發(fā)布的站點(diǎn)、欄目必須配置模板和存放位置新建模板輸入名稱，選擇類

5、型（必須）利用置標(biāo)向?qū)芍脴?biāo)代碼，粘帖到鼠標(biāo)位置導(dǎo)出、導(dǎo)入模板導(dǎo)出成ZIP文件。將模板html文件、圖片、js等同步導(dǎo)出。支持導(dǎo)入html、zip等格式。如模板中有圖片需要導(dǎo)入，需將模板html文件和圖片css等文件夾一起打包成zip文件，然后導(dǎo)入。模板校驗(yàn)語法錯(cuò)誤（1）模板保存時(shí)，WCM將自動校驗(yàn)置標(biāo)書寫語法，如有錯(cuò)誤，將顯示提示。模板校驗(yàn)語法錯(cuò)誤（2）在模板列表界面，可批量校驗(yàn)選中的模板同步模板附件模板圖片存放在WCM服務(wù)器目錄/wcmdata/template/里面。當(dāng)站點(diǎn)或欄目預(yù)覽或發(fā)布后，模板圖片、js文件、css文件等將自動分發(fā)到/wcmdata/preview或/wcmdata

6、/pub/下面。同步模板附件，由手工確保這種附件的分發(fā)。模板配置到欄目選擇欄目后，可以在欄目信息頁面直接配置。第四章：Dreamweaver模板插件、模板制作插件登錄WCM登錄用戶：同登錄WCM的用戶和密碼服務(wù)器地址：注意：需要將其中的00:8080/wcm 替換成實(shí)際使用的WCM訪問地址點(diǎn)此按鈕，進(jìn)行離線編輯制作模板過程1,設(shè)置本地站點(diǎn)和WCM站點(diǎn)對應(yīng)關(guān)系2,創(chuàng)建、編輯模板3,上傳模板第五章：常見應(yīng)用示例模板圖片新聞-圖片切換顯示 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(); 替換其中置標(biāo)的頻道名稱即可： 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 : 可選項(xiàng)。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換所使用的方式。 0 : 矩形收縮轉(zhuǎn)換。 1 : 矩形擴(kuò)張轉(zhuǎn)換。 2 : 圓形收縮轉(zhuǎn)換。 3 : 圓形擴(kuò)張轉(zhuǎn)換。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 縱向百葉窗轉(zhuǎn)換。 9 : 橫向百葉窗轉(zhuǎn)換。

9、 10 : 國際象棋棋盤橫向轉(zhuǎn)換。 11 : 國際象棋棋盤縱向轉(zhuǎn)換。 12 : 隨機(jī)雜點(diǎn)干擾轉(zhuǎn)換。 13 : 左右關(guān)門效果轉(zhuǎn)換。 14 : 左右開門效果轉(zhuǎn)換。 15 : 上下關(guān)門效果轉(zhuǎn)換。 16 : 上下開門效果轉(zhuǎn)換。 17 : 從右上角到左下角的鋸齒邊覆蓋效果轉(zhuǎn)換。 18 : 從右下角到左上角的鋸齒邊覆蓋效果轉(zhuǎn)換。 19 : 從左上角到右下角的鋸齒邊覆蓋效果轉(zhuǎn)換。 20 : 從左下角到右上角的鋸齒邊覆蓋效果轉(zhuǎn)換。 21 : 隨機(jī)橫線條轉(zhuǎn)換。 22 : 隨機(jī)豎線條轉(zhuǎn)換。 23 : 隨機(jī)使用上面可能的值轉(zhuǎn)換。*/imgInit.filters.revealTrans.apply();playTr

10、an(); document.images.imgInit.src=imgUrladNum; document.getElementById(tpxw).innerHTML= + imgTzadNum + ; theTimer=setTimeout(nextAd(), 6000); /轉(zhuǎn)換間隔時(shí)間 圖片新聞-圖片切換顯示 function goUrl() jumpUrl=imgLinkadNum; jumpTarget=_blank; if (jumpUrl != ) if (jumpTarget != ) window.open(jumpUrl,jumpTarget); else locat

11、ion.href=jumpUrl; 標(biāo)題圖片新聞-圖片切換顯示代碼：內(nèi)容顯示： 標(biāo)題放于此處 標(biāo)題放于此處 分頁腳本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+頁);/設(shè)置上一頁代碼if(countPage1¤tPage!=0¤tPage!=1)document.write(首頁上一頁);else if(countPage1¤tPage!=0¤tPage=1)document.write(首頁上一頁);elsedocument.write(首頁上一頁);概覽分頁/循環(huán)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)+);/設(shè)置下一頁代碼 if(countPage1¤tPage!=(count1)document.write(下一頁尾頁);elsedocument.write(下一頁尾頁);/跳轉(zhuǎn)頁面document.write(轉(zhuǎn)到第頁+ ); 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;概覽分頁文章內(nèi)容分頁文章內(nèi)容分頁需要兩處設(shè)置：1，采編文章時(shí)，在需要分頁處插入分頁符2，細(xì)覽模板中寫入分頁代碼文章內(nèi)容分頁將以下代碼拷貝到細(xì)覽模板的需要放置分頁頁碼處：!-function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt)if(_nPageCount = null | _nPageCount=1)return;var nCurrIndex = _nCurrIndex | 0;i