CMS平臺搭建手冊

1、CMS平臺搭建手冊CM段一個靜態(tài)的頁面，是項目的展示頁面，不同的項目有不同的項目門戶, 供各級管理員、班級指導(dǎo)教師與學(xué)員查看公告、進行學(xué)習(xí)，下面簡單介紹一下 CMS勺搭建過程，不足之處請多多指教。用戶登錄用戶名：密碼：在此界面輸入用戶名和密碼，由此界面進入 CMSB臺，出現(xiàn)在眼前的是:全部展開a _i cms點擊CM/側(cè)的“+”號，則是：至部展開 J CMSE頻道內(nèi)容管理+ _1 RSS內(nèi)容管理0 3不豌管理0 個人功曲點擊頻道內(nèi)容管理左側(cè)的“ +”號，則是：至部展開d J CMS閂J頻道內(nèi)容管造S _1管培生塔副舊2口一I 20 14廣安市骨干翻距程苫國二I RSS內(nèi)容皆理+ 1-1親皖管理

2、-I個人功能我的頻道是管培生培訓(xùn)02,我們就以這個頻道為例，演示平臺搭建過程。先介紹一下代碼包，如圖所示：jp 口BiUi5t.MU 寓守口LijrV1珀IEhrt bUJ-WfCIL i(n1聞拉知 it nota.zrnUEHddS： wDLBk:css文件夾里是一個base代碼文檔，規(guī)止了項目門戶首頁的樣式；erji文 件夾包含了 content和list兩個模板；images文件夾包含了項目門戶所需要的 圖片；js文件里規(guī)定的是一些特效；class_list模板是班級列表，foot是頁尾模板，head是頁頭模板，index是首頁模板，left是左側(cè)模板。下面我們演示平臺搭建過程：第一步

3、，建文章頁模板點擊“管培生培訓(xùn)02”，會出現(xiàn):點擊“添加模板”，會出現(xiàn):TK|p叫融|填寫如下：(1)模板名稱：文章頁模板(2)生成文件名稱：articleTemplate.html(注意：這個名稱是固定的，articleTemplate之間沒有空格，文件后綴名必須是html)(3)是否設(shè)為默認模板：是(4)是否需要更多頁：否(5)采用字符集：GBK(6)頻道目錄：這個是根據(jù)自己的頻道或所帶的項目進行選擇(7)欄目目錄：全局(選全局的意思是應(yīng)用于頻道下所有欄目發(fā)的東西)(8)模板內(nèi)容：文章頁模板的代碼是在erji這個文件夾里的content模板 里。用記事本的方式打開content模板，如圖：

4、BlContent, htmli0 st HTHL Docu.r co&rcnt. htal -吧手+|_ f5| X世神心茹描如楂工3 ££5帝母W<1DOCT VPE html PUBLIC lh-?/N3C/Df& 父 HT* KO Transit 上unalf/EbT，hIh ttp: r/MN. ho . i>ri<r R/ Hktmi m/xMM.1 -trault Ln iw 1.(n<r> tn rm wm 口 :/uiwu. idi.nrgi/-iyvy/whrnr,>訃 eg<ncl a http

5、-equiu =''ConLcnt-fj,pe" «；Dnteiit=,tcxt/,h tnL; tharset=utf-8'' /><1 Inhc href-1' - .7c55/l>a5eTc55d*rel-'T5luleshtpl '* tupei'tHl/css" f>UUJC w幼亞國培N一 黑底r農(nóng)村幼兒園'科崗里師"遠程培訓(xùn)"TtiD</h«dd>?rndv><diw c Lass-'conta

6、inei'y./litjd.hlfd"*rtwL0r d電1hw士承止"1?0"hi ilh I ' .lie* I jhf - C tk I .e i»nlW I 11ilcitj*nu<?ill a ilin iinChl>S：rnl 1 Hr ； ijftl "*nrq-i nni。ttiH"、"i I ranp ></diu>Elu elass-"nuiin'*>mix c 145f-''cont*in«r Vl*>

7、<dLV Lld55-''fSJ_l，>ciFrnp- src-',. ./if rr.hi ill" Franpbdrder-' fT' u1dtri-"2i9b_ hedghr-"ri(iv ariL«iad-Ihtl1is - hpiit-this _c oiitent Windov-dacunent -docunentt Lament - seraiIHBight" Lrulli.h,<iiu,dwdr 41tilivLght-"CI< rwryltiuldlMh

8、hU *<dli* class1',? Cdi.u (Ljs5=*'hu r cont"><h1>班指導(dǎo)教井如病發(fā)布罰報。h仆<d£v CId55!i_r_conl_lid11?+>l制訓(xùn) 號工<3”-葉1義_“11"客服小研“字口前1 發(fā)祎時間la. 1, C>L 1復(fù)制代碼到模板內(nèi)容空白處，如圖所示:植期名陣.te*r期販生蛾直性岔低at± 史 la-Tc-nfep IdLQ.r ili-rb i止匕妊電：5強忘Hf牛=,；=&：>是號注為5福5®息CH事番事重里

9、套貿(mào)0國O A理.用十國米® ObK O UTP-SMUKB* 看的土地111til壯口 n蒙便啦內(nèi)售<1 UOeTVPE httrii PUEiLIUuse/DTD KJITKL 1 - ID/Tr- -rui lei d-hh.$ $ H1!"" "" tie t pww u - io3 .ar 弓，TTl? h ti "etc L， h TI'/ xh£ mil tHFtkSJl亡 lOOfliA . flit« ¥*tE， K«P -L n* - "' h

10、<c tp ； / / wuw , W3.0 F 3 3.30 HI/* htnjj." >-=2» Hr=| jvfM4t4i hictp=<i'iqclv-wCeH!i；ttn!6-TypciH，nonrunf 匕/，專/btii j ah«c <tM56K1* 八-c： JL ±nBE®ftref *Rht.'tp edF二工slum 匕士通Uhecu 】om»en/f eh«nne 1 /30Hat1!-e_0J/ 匕白目目,1 p,a-r7Le3he<ei：-* 匕y（

11、p±-tux匚/凸日日.產(chǎn);、!_社上1*MH區(qū)!.監(jiān)工口1：1） "* 一一鞭醞上在村岫兒也）“Kf 船師”E程玨Ullmh</ IWEacL- dl lv c l-a&a-餐 c onti i he 匚,i->-< L±r eoM，HU - r tiu 箕¥：，/ 匕UBh3_n-t< -uTlMHU 1 '_Zb - UDO -匚 Tl/ dt d U 於 RTIH J. Z 2 L4°grp U CZ ! hHid - h.-fc. ETI 1 ”£Tfli£ne23 or A

12、Br -Pl D*" wideh-'LMa" hes1gl1。，31_4<1如01k Load. "wli 19. kbc L®h匕-ch la . n-ce-nr- VI nd on . dja c wsei-ic-. dccrmnenc E lexneEic eoro 11 He m 守 hit" niKCiQ L nlw i ph-t " WrZV *' niMf g-ji. nw iL dt-iii* F, 0 ,"'X/ a £ e Krnw4/div?-<ElLV 1

13、 SB-JB-"-1T1*Iy d lv c 1.aff s- "" c ont -ci i ns uC3 L也 IL也e日“花y_L»<晶事匚=tc： ? hEweftetc 1ij1=> , Ude . e ft/dt S/ d1 Tiw hhu 1/ 20 1?？谥?d s_tn2 / IcEt , ht tn Jr”Wa-i；Is 0.r-li4-FlsV KI C” -B-si rHi r-I.T T r HI g - 4k = dp f dl| H 依次點擊創(chuàng)建、發(fā)布模板兩個按鈕，文章頁模板就創(chuàng)建成功了。之后，需要對代碼內(nèi)容進行相

14、應(yīng)的修改，點擊修改，結(jié)合圖一和圖二，需要 做如下修改：(1) charset= utf-8,把utf-8改為GBK(注意：需要在英文狀態(tài)下進行)(2) ”班指導(dǎo)教師如何發(fā)布簡報"改為title(3) “客服小研”改為author(4) “發(fā)布時間”改為creat_time(5) <p>代表的是文章段落，代碼里的文章從第一段到最后一段需要刪掉或直接隱藏。隱藏的做法是在段落前加：<!-,在最后一段末尾添加：->。如圖所示:eg謊女會七卜諉意見要求全面如愚妞黃官理*望持體法理時、科里螳濕制的斗字性.彼 g 性，H 高WWIPL行效率- 一步完事對殲監(jiān)督法1匡球牝重丈

15、項目提 M的空士什-£ ., _i_ f< r:'.'.i-fl . r.i Ji ：，丑些w ； i.ii *i g.o 士 丁 viyj."r- - _過同嘀戶SJW"那他學(xué)校徐市ft加*附位甲用M嗝電府、c/p-vph時磴立蹄桀西員人日而林# SI電麟關(guān)于退一汁加大的瞌物看貨人的旁 見，電行招港酎祖皿中國里怦西班辦依胃方什，亞卓里對和知正事辨即學(xué)用餐仲蕾蹤也為a 集-“/產(chǎn)VA=諭拉*入梏曲.建左KL生仝*加強姐*型5曲排他.法理討-科率球 討，工面梅田野片穌恃和環(huán)卬口.*也-IH就得徜aK中叫溫，y貼情喧州師 娛制曾斗字性. 準(zhǔn)確出高

16、積升也療效叩1 起一生充舌附畀監(jiān)督制國I塢他事工池目提M的空 比桂甲汁.建上通主我=0內(nèi)增效不埼牛IH. I加照管國基3工昨就型JCJfi粉.但主半忸陽嘯合 汁和溜產(chǎn)制后，性區(qū)學(xué)檜蠅濟行為”而七中國時野凡瀚、，/*，士叩碼理前相差地擊人日前徜KU手院美手理一班小詠叱咕領(lǐng)有發(fā)人的由 見，虎rr*值也陽.中國望杵敦位時事宣營什，亞次救財和劍JEltm/號口忡N加3口拶颯 怵-</p>upn譙及擊入也心.裱左豆*主全電如組在*江，且持陸法理m-科里展 附,全面推出看E蛭只的科孝化府如山管岬-口實推前的信業(yè)用田a* w媳強見譽過.JS建強算 城利的科年蛙.胸硼住.提芮他耳聃行效率.逢一步充

17、舌卬備蹤修”|國，瞇牝班丈見門R茂的全 1±程*計.«立曜至瓢N曜芭塔效在出iMCE- I加四=好基柏工昨加窿忌寶餐.似全罕植附騎含 日和海L制."8-蛆需學(xué)府壯員行力+憤正挈依用工風(fēng)觸卜 ,| 一言 |(6)在隱藏的文章上方添加contentcontent)46財政部相關(guān)負責(zé)人日前就髯國務(wù)院關(guān)干進一步加大財政載育投入的意見,進行解讀肝強調(diào)，中 國展持勤倫辦教官方針，堅決反對和糾正豪華辦學(xué)和各種鋪張浪費現(xiàn)象* </p>修改完之后，依次點擊修改、發(fā)布模板兩個按鈕。注意：以上需要修改的內(nèi)容及隱藏符號均須在英文狀態(tài)下進行修改然后還需要創(chuàng)建首頁模板(index

18、.html ),方法同上。根據(jù)需要，有時還會創(chuàng)建頁頭模板(top.html )、頁尾模板(foot.html )、 左側(cè)模板(left.html )、班級列表模板(class_list.html )。把代碼包里相應(yīng)的代碼分別粘貼至這 5個模板的相應(yīng)位置，均須把charset二 utf-8改為charset=GBK,所屬欄目不用選擇。第二步，切區(qū)塊首頁模板建好之后，需要對它進行切區(qū)塊，把區(qū)塊與欄目聯(lián)系起來。切區(qū)塊 之前需要先建欄目，點擊“添加欄目”由出生在此輸入欄目名、欄目目錄名即可，上級欄目目錄不用選。我們以溫馨提示 為例，在欄目名輸入“溫馨提示”，在欄目目錄名輸入“ wxts”，即溫馨提示的

19、首 字母，點擊“創(chuàng)建”，欄目就生成了。在模板列表里找到首頁模板，點擊修改，在代碼里找到溫馨提示下對應(yīng)的代碼，然后進行切區(qū)塊的操作，復(fù)制一段代碼，如圖所示：<li><a hrif-'T' 砌/五a而聽用身教廂如何返回在場實麟題</a></li>點擊左上角“添加區(qū)塊”如圖：IMH |建時|像版不|:-一信鼎一壽法前毆一 卡安林既:之后會出現(xiàn)編輯區(qū)塊的界面，如圖:區(qū)塊編輯如下：(1)頻道目錄：管培生培訓(xùn)02(2)文章來源欄目：在下拉菜單中選擇“溫馨提示”(3)名稱：項目ID首頁溫馨提示(管培生培訓(xùn)02首頁溫馨提示)(4)來源：編輯手發(fā)(5)起

20、始ID:條目數(shù)為6 (可以在首頁面具體數(shù)一下)(6)標(biāo)題長度是否限制：否(7)星級：1(8)格式：把復(fù)制的代碼粘貼在空白處，如圖：< 1 i Xa hrei = * t ar get = |R指導(dǎo)教如何返回在向案吐作業(yè)r" a>Ci li>格式交量用火括號括起毛，常用變星：M日出網(wǎng)完密切際題%訝山底城中的丈皇標(biāo)題辿區(qū)切中文章的 mQ3a（文苞物dat源版時間2007 Q5 QIX瘋hoi（文茸作者*ccjm&rtt評論）8g峰 玳/目L 臺現(xiàn)向上代欄目地址1 0“#”號改為url,“指導(dǎo)教師”改為author，“如何退回在崗實踐作業(yè)”改為title,修改之后

21、如下圖所示:點擊“保存”按鈕，之后會回到首頁模板界面，把溫馨提示下的所有代碼都選中，在替換區(qū)塊中選擇“管培生培訓(xùn) 02首頁溫馨提示”，如下圖所示:AMC£支4將生赴科名野iitfflihfrni產(chǎn)出堂融信文律融君|觥曲朝另。工(Fro:玨席子勝(-obi(. rm細目景曾有生有巾也V-卷日腳點擊“替換區(qū)塊”，接著會出現(xiàn)Explorer用戶提示頁面:在請輸入名稱里輸入“溫馨提示”，點擊確定，會出現(xiàn)-V ! -溫馨提示<div c133= wboxr><iU><span c 13w"母，溫髯提示spanxspanclass-*hs_r fFXahr

22、ef =,Fhtrp: /train, teacher c lub. cow. cn/ dts/channe l/2014gpcs_02/ wenxinc Ishi/Miit52.spatix/hS><ul claiss= l*wxtsp*'>Mirrput -y口E=hiddBn namE=薜 1： value=14486>在首頁模板的溫馨提示下出現(xiàn)：“<input type=hidden name=溫馨提示value=14486> ”就證明溫馨提示區(qū)塊切 成功了，然后依次點擊修改、發(fā)布模板計劃可以了。其他區(qū)塊按此方法與步驟進行切割便可第三步，建二

23、級頁注意：(1)無論是哪個欄目建二級頁，需要的代碼都是list ;(2)建二級頁是添加模板我們以給溫馨提示建二級頁為例，點擊添加模板，出現(xiàn)創(chuàng)建模板的界面，把 list代碼粘貼至空白處，如下圖：< I CXKTTr'I P'JBLICXJLIJ1L 1.0辦Te&dj it iqelqL"EN* "hGEpi f/vwH.eor/ TIV xhtirJ1/DTI>/Kh.tr lite G3it loanL.枇d"7<hrimJ xruLn'http; / amw. uS B ordl99A/srhWi 1 &quo

24、t;><WEta htp-equiv-nLon"ent-Type ff content= te：t/ htitiLj charset =nit f-S !r /><link href*. o/eM/toase-css1* te 1* ff 3 tries Lies w tn>e * t e xt izc?3Srr ?>YUE"納方國焙(2013) p 一一里龍江農(nóng)村幼兒石粘圖敦ItT-c/hed)<bcdy><div c 1 nan-"contaioerpp>cirraire sr t = . r /ai

25、3 P hem " £r EflreticicdeE-D" ulili:h=1plDOz ,pglqh"1Tonload- this height-th La. coat e nt UiEidjou. dccinreiLt.uee at L lene tt. scxdllEeIGht '* tnstgl 1 iihe iQjit - wi3,|,加at 口 itioi idth- !l0P|iX Z if r ar»e></aiv>I<dlV 。工 Sidh-才<div clia53i-wcontaincr

26、Dlr,>cdlv classzy 1舊一<Llrawe Br0=nr. - / lelc. KtbilI ,r xrseeIsorder=r, * ,»ii1t1i=itz 19t,h.eight=w6O4rtoiilc-sid "th 士 3 he i Qht-th L±. co Dt exlC M Indo w. ddcuient. doz ukk nt E leaient. scr dll be i_ght.油 SctD 111 n m±l . wniat g £ iih.e 1 g-lit i *0 11 mat Lti

27、ti Idtli - *0p| + d, 士 £t siru )</div>-sciiv clajo-pi sy_rF>r<divca 3G魅別熱k/apoK-c/cliv具體填寫如下:(1)模板名稱：溫馨提示(2)生成文件名稱：wxts2.html (溫馨提示首字母，2代表二級頁，必須以html結(jié)尾)(3)是否設(shè)為默認模板：是(4) 是否需要更多頁：否(是)(5)采用字符集：GBK(6)欄目目錄：在下拉菜單中選擇“溫馨提示”模板內(nèi)容：utf-8改為GBK“特別提示”根據(jù)不同的二級頁進行修改，在此可以改為“溫馨提示”點擊創(chuàng)建，創(chuàng)建成功之后，點擊溫馨提示二級頁后

28、面的修改按鈕，進行修改選中“特別提示”下的一條代碼，復(fù)制,其附工WT 了 hi!'Wilauk*L富中nrsR/位縊 si?>- -bi I . . ." - . I ,p - i ) p, i I、 >“ I ”i | E>SI IS !也b -I ,- J " , I ' J ' ' I">-. L- -« B u三c J.pi ajBHinl *>-< E ont_c £*-! 3 2 13r 1 1 bH” 手匚£ j(尸rein、 n#. W'梅*

29、千 IT « 中:耀士F 個尹 T fTl iT Sjlltflhl.四 十#-r 1*： /酣nNr:nC ! , « " _- £ O 1.1一口已一二 曰-工 J a口 >.>=- v產(chǎn) £ a j-點擊左上方的“添加區(qū)塊”(在二級頁里進行切區(qū)塊)，如下圖:具體填寫:(1)頻道目錄：管培生培訓(xùn)02(2)文章來源欄目：溫馨提示(3)名稱：管培生培訓(xùn)02二級溫馨提示(4)來源：編輯手發(fā)(5)起始ID: 18 (可以在list代碼里數(shù)一下)(6)標(biāo)題長度是否限制：否(7)星級：1(8)格式：“郭美美”改為author,“#"

30、;改為url,“海軍專家：中國將來總是要自行設(shè)計建造航母”改為title, “2011-08-26 ”改為datetime,如下圖所示:Ji ixsi： anJc 112e 11atr!By lk auth白工 tTh工日止口,g hr - Mm 力 t it le? t/pan> 喊 sip a.n s J asai *r,3|5flnZ ，|灣顯用上晶導(dǎo)帚起用盜用交上： Er的用咫1,中他姑,；:莒文卒傳比，M伍為中直中的二卬：IsmrH工中誨二時間 3ZCT-05_CL1.章詐君k MirwjRfi平世，汕iLM欄目:.JLttilk(也 H 地址)點擊保存，之后跳到溫馨提示模板頁

31、，選中溫馨提示二級頁里需要展 現(xiàn)的內(nèi)容，在替換區(qū)塊中選擇“管培生培訓(xùn)02二級溫馨提示”，如下圖所 示：點擊“替換區(qū)塊”，接著會出現(xiàn):在Explorer用戶提示中輸入“ wxts”，點擊確定，出現(xiàn)：匚"口=氏氏1”依口6溫馨提；示口昨1>«心¥> <div 匚工? 匚 ccin匕"，, 一ciiy cIh月總="£y 匕,ulinput tpe=hidden nattie=wxts value= 14492>在溫馨提示下出現(xiàn)：<input type=hidden name=wxts value=14493&

32、gt;,說明溫馨提示二級頁切區(qū)塊成功了，依次點擊修改、發(fā)布模板，點擊溫馨提示二級頁，會進入一個頁面，如下圖所示：hto：i7a tea拈dr工am,ai戊/當(dāng)期那二式小即了歸出:隹廿IK 6 *復(fù)制頁面的鏈接，找到首頁模板，點擊修改，找到溫馨提示下的“href=#",用該鏈接替代#號，再點擊修、發(fā)布，二級頁創(chuàng)建成功。其他欄目的二級頁也可 以按此方法創(chuàng)建。第四步，發(fā)文章點擊“添加文章”：在此界面輸入文章標(biāo)題，文章摘要可以不寫，欄目在下拉菜單中選擇“溫馨 提示”，發(fā)布文章種類有兩種，普通文章直接在文章內(nèi)容空白處編輯即可，跳轉(zhuǎn) 鏈接在后面的方框中輸入網(wǎng)址即可，星級一般情況下默認的是1。我們

33、以文章題目為“學(xué)習(xí)安排”為例，如圖： KEIL JL-1點擊創(chuàng)建，然后再點擊發(fā)布，還需要在模板列表中的首頁模板發(fā)布一次、 溫 馨提示二級頁模板發(fā)布一次。有時候在二級頁里，不需要上一頁、下一頁的圖標(biāo)，就需要把它們隱藏掉, 需要隱藏的部分如下圖所示:<div class = r，pagiiigr,><a href»r,javascript: j uitip (2) r, c;匚上一頁</a><scrcng> 1 </s crongXa hrefjavascrr ipt : jump (2 J *Fclass-currentF|h>2&

34、lt;/axa hre±a，F(xiàn)javascript :： jump (2) * class-current,F>3</axahrei-rrjavaser ipt: j uinp (2 ) ” class=rrc：iirreiithref="javascript i j uitip(2 ) H cla53=*currentrr>-F: a>ft<div class="paging"> 上方力口： <!-在"class="current"> 下一頁 </a> 后面加-> 在!一上方力口 page_nav具體如下圖所示:w口。工6號=”p編5工口事”>£自 nr 彘工="3工 PP 3 J Wtip f £ ) u Q金門匚”h上一負</ sip- <st jzona- JL </s tronaxsi nr e£= " J avascir ipt: J ump