國微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%以上。