國微CMS模板結(jié)構(gòu)
講解模板結(jié)構(gòu),我們以國微系統(tǒng)默認(rèn)的school01模板為列子講解,,便于理解
一,、 模板的組成
A,、 模板的兩大部分:一個模板的肯定有CSS(包括切圖)、html組成
B,、 CSS(包括切圖)路徑:放在網(wǎng)站根目錄----skin----某某模板名稱(自己命名如school1,,需英文與數(shù)字)
C、 HTML存放路徑:放在網(wǎng)站根目錄---template-----某某模板名稱(名字務(wù)必與上面的相同,,需英文與數(shù)字)
D,、 備注:模板名字命名后,基本就不能改了,,要改會稍微麻煩點,,所以命名最好規(guī)范下,如school01,;后續(xù)便于查找,。
我們來查看模板吧;首先如果我們安裝了程序,,必須是先安裝PHP環(huán)境套件,,以discuz的環(huán)境套件為列子;程序都存放字wwwroot目錄下,,另外我們再創(chuàng)建一個school文件夾用來存放整套程序,,包括了模板。
打開school目錄---可以看到skin和template文件夾,;所有模板均只與這兩個模板文件夾有關(guān),,他的變動不影響程序的運行,只會影響模板樣式,。
進(jìn)入template(存放HTML模板的文件夾),,里面有各種文件夾,可以了解下,;一般我們只需關(guān)注所需的模板,,如只需要關(guān)注school01模板,以及部分地方會涉及到公共模板default,,其他一般不管,。
Skin目錄下存放的樣式目錄和template類似,對應(yīng)存放相應(yīng)模塊的樣式,;一般其他不用管,,只需關(guān)注school01,和部分關(guān)注公共模板default
這個是打開school01樣式文件夾后,,里面對應(yīng)的CSS樣式位置,;樣式位置可以自己定義,只要能被調(diào)用到就可以了。
二,、 公共頭部(header),、尾部(footer)的位置
A:Core核心里面:公共頭部被所有模塊和系統(tǒng)調(diào)用,header他存放的位置是網(wǎng)站根目錄----某某模板---core
B:多個頭部:如果我們不同頁面有多個頭部,,可以里面創(chuàng)建header1 、header2等頭供調(diào)用,。
C:尾部footer:公共尾部和頭部是存在一起的,;也以做多個供不同調(diào)用
進(jìn)入template---school01模板里面,core是核心模塊模板文件夾,,里面有主要存放公共頭部和尾部,,這個得記住。頭尾部就是存放在此的,。
進(jìn)入core里面我們可以看到header和footer模板,,為何會有多個頭部和尾部呢?這個就是根據(jù)你自己的需要創(chuàng)建多個,,供不同調(diào)用,,一般是各一個即可了。
頭部和尾部的樣式存放在skin—school01---core--header里面,;實際上,,你可以將樣式放在school01一個文件夾里面,只要模板能被調(diào)用到即可,。
三,、主頁(index)模板位置
A:每個網(wǎng)站都有自己的主頁,而且是最重要的,;他存放的位置為:網(wǎng)站根目錄---template---某某模板(school01)--CMS
Index就是主頁模板,;item就是存放各個模型模板的位置,如果文章模型圖片模型
B:我們可以看到里面也有一個 本模塊系統(tǒng)(非公共頭部)的頭部header和footer,;實際上index就是必須調(diào)用者兩個頭部和尾部,;然后這兩個頭部和尾部再去調(diào)用公共頭部和尾部。
四:文章模型,、圖片模型等各模型的模板位置
A:我們做模板主要是做文章模型,、圖片模型、下載模型,、視頻模型,、信息公開這幾個模型的模板;各個模型都必須有自己的大列表big_list,、小列表list,、內(nèi)容頁view幾個基本模板;當(dāng)然也可以增加很多個頻道模板;創(chuàng)建欄目的時候供調(diào)用,。
以最通用的文章模型(article)為列,;一般有這樣幾個基礎(chǔ)模板,這些模板都可以在創(chuàng)建和編輯欄目的時候選擇,;當(dāng)然我們可以新增很多各種不同欄目模板,,供更多選擇。
五,、公共模塊模板位置
基本公共模塊模板如信箱等都放在了template—default-core下,,供所有模板調(diào)用
A:領(lǐng)導(dǎo)信箱模板位置:在template—default-core—letter
B、在線調(diào)查模塊模板位置:template—default-core-survey
C,、意見征集模塊模板位置:template—default-core—opinion
D,、表單系統(tǒng)模板位置:template—default-core—forms
E、留言本模板位置:template—default-core—guestbook
F,、投票模塊模板位置:template—default-core---vote
六,、登陸框的調(diào)用模板
A:國微的所有登陸框都是用JS調(diào)用;這樣動態(tài)頁和靜態(tài)頁登陸時候,,都能自動顯示登陸信息,。
里面包括了登陸框路徑的位置,下面是很多登陸框樣式的匯總,,你自己新增的登錄框樣式,,可以放此處,也可以調(diào)用現(xiàn)在已經(jīng)有的,。
至此,,我們基本熟悉的模板的結(jié)構(gòu),實際很簡單,,總結(jié)就是
A:不要去看其他的模板,,只需看自己所有需的模板,就是school01(如果是自己的新模板,,那么就是你命名的文件夾),;其他基本可以忽略
B:一套基本的模板,我們只需做 首頁,、文章模型的大列表,、小列表、內(nèi)容頁即可,。這樣網(wǎng)站即可運行,;其他的模型暫時可以不用考慮,后續(xù)增加,。因為文章模型使用率占據(jù)了90%以上,。