Discuz-x系列教程 DX的css命名規(guī)則、緩存、加載機(jī)制
發(fā)布時(shí)間:2011-11-30 17:19:32 作者:佚名
我要評(píng)論
DISCUZ-x版本中,對(duì)css的處理較之前的版本更加智能化了,為了讓更多的同學(xué)有個(gè)充分的理解,特把【黎明】的資料整理一下發(fā)給大家。
首先,每個(gè)頁(yè)面都會(huì)加載以下兩個(gè)類似的css:
data/cache/style_1_common.css
data/cache/style_1_forum_index.css
一、兩個(gè)文件名的命名規(guī)則
style_1_common.css
|--是整站通用的全局css,所以命名為【style_1_common.css】
|--前面的代號(hào)是當(dāng)前使用這套風(fēng)格的ID,所以style_1_common.css也就是第一套風(fēng)格的共用的css
style_1_forum_index.css
|--是【forum】廣場(chǎng)BBS頻道首頁(yè)的css樣式,那么forum和index分別對(duì)應(yīng)這CURSCRIPT和CURMODULE的常量值,這個(gè)在每個(gè)頻|--道的入口腳本里都有定義,比如forum頻道頁(yè)面對(duì)應(yīng)的是forum.php。
以上介紹的是css的緩存加載文件,當(dāng)然,還有一些在特殊頁(yè)面的css,這里就不詳細(xì)描述了。
這兩個(gè)css文件的生成
首先,那兩個(gè)css是程序生成的css緩存文件,所以如果要改css的話,不能直接改那兩個(gè)文件,否則一更新緩存,之前的改動(dòng)就無(wú)效了。
拿自帶的default模板舉例吧,default模板中,帶有一個(gè)common的文件夾,這個(gè)文件夾存放的是全局模板文件,
里面有css文件:
style_1_common.css 是【common.css】生成的緩存
style_1_forum_index.css 是【module.css】生成的緩存
二、module.css的緩存和加載機(jī)制
打開module.css,可以看到有這樣的說明
/** forum::index **/ 廣場(chǎng)頻道:首頁(yè) css代碼開始
這里是css代碼
/** end **/ 廣場(chǎng)首頁(yè)css代碼結(jié)束
這就是經(jīng)常在模板中用到的判斷,程序讀取這個(gè)css文件的內(nèi)容,通過標(biāo)識(shí)進(jìn)行判斷,最后把符合條件內(nèi)的所有css生成在一個(gè)對(duì)應(yīng)的緩存文件中。
再舉個(gè)例子:
/** forum::index,forum::viewthread **/ 廣場(chǎng)頻道:首頁(yè)模塊和帖子閱讀頁(yè)CSS代碼開始
這里是css代碼
/** end **/ 結(jié)束
第二個(gè)例子大家應(yīng)該知道了,就是再增加一個(gè)條件,這里可以不止兩個(gè):
/** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/
ok,根據(jù)自己的需要來加就行了,記得符號(hào)【,】
大家可以參照這個(gè)學(xué)習(xí)一下,包括你想擴(kuò)展他,都可以直接在里面直接添加就可以。
下面講講緩存css是如何生成的
common.css比較簡(jiǎn)單,就是直接讀取,然后生成到data/cache目錄下。
每個(gè)頻道模塊獨(dú)立的css,會(huì)先將module.css在data/cache下生成一個(gè)對(duì)應(yīng)的風(fēng)格id下的緩存的css,然后當(dāng)你訪問某個(gè)頻道時(shí),會(huì)生成對(duì)應(yīng)頻道下的css,此時(shí),剛才介紹的那些標(biāo)識(shí)就起作用了。程序會(huì)根據(jù)/** group::index **/和/** end **/這種標(biāo)識(shí),拆分出哪些頻道、哪些模塊該需要哪些css。
程序部分就不介紹了,程序的代碼主要在source/class/class_template.php文件處理,有興趣的同學(xué)可以深入研究一下。
三、在模板制作中充分的運(yùn)用好css加載機(jī)制,提高頁(yè)面的加載速度
新建模板后同學(xué)們可以在【模板文件夾\common】中建立附加樣式表并命名為:
extend_module.css
extend_common.css
這兩個(gè)css文件就是重新定義common.css與module.css里面的樣式,這兩個(gè)附加樣式與上面講的兩個(gè)css文件分別合并,最終就生成css緩存文件了
extend_module.css 這里面必須根據(jù)上面第二節(jié)里講的,寫好標(biāo)識(shí)?。?
如果想重新定義默認(rèn)模板中的一些css,那么直接在這兩個(gè)文件中重寫就行了。
注意:如果你的模板布局是完全要重寫的,那就命名為:common.css和module.css 這樣程序就只處理新模板中的css,不會(huì)與default里面的合并了
data/cache/style_1_common.css
data/cache/style_1_forum_index.css
一、兩個(gè)文件名的命名規(guī)則
style_1_common.css
|--是整站通用的全局css,所以命名為【style_1_common.css】
|--前面的代號(hào)是當(dāng)前使用這套風(fēng)格的ID,所以style_1_common.css也就是第一套風(fēng)格的共用的css
style_1_forum_index.css
|--是【forum】廣場(chǎng)BBS頻道首頁(yè)的css樣式,那么forum和index分別對(duì)應(yīng)這CURSCRIPT和CURMODULE的常量值,這個(gè)在每個(gè)頻|--道的入口腳本里都有定義,比如forum頻道頁(yè)面對(duì)應(yīng)的是forum.php。
以上介紹的是css的緩存加載文件,當(dāng)然,還有一些在特殊頁(yè)面的css,這里就不詳細(xì)描述了。
這兩個(gè)css文件的生成
首先,那兩個(gè)css是程序生成的css緩存文件,所以如果要改css的話,不能直接改那兩個(gè)文件,否則一更新緩存,之前的改動(dòng)就無(wú)效了。
拿自帶的default模板舉例吧,default模板中,帶有一個(gè)common的文件夾,這個(gè)文件夾存放的是全局模板文件,
里面有css文件:
style_1_common.css 是【common.css】生成的緩存
style_1_forum_index.css 是【module.css】生成的緩存
二、module.css的緩存和加載機(jī)制
打開module.css,可以看到有這樣的說明
復(fù)制代碼
代碼如下:/** forum::index **/ 廣場(chǎng)頻道:首頁(yè) css代碼開始
這里是css代碼
/** end **/ 廣場(chǎng)首頁(yè)css代碼結(jié)束
這就是經(jīng)常在模板中用到的判斷,程序讀取這個(gè)css文件的內(nèi)容,通過標(biāo)識(shí)進(jìn)行判斷,最后把符合條件內(nèi)的所有css生成在一個(gè)對(duì)應(yīng)的緩存文件中。
再舉個(gè)例子:
/** forum::index,forum::viewthread **/ 廣場(chǎng)頻道:首頁(yè)模塊和帖子閱讀頁(yè)CSS代碼開始
這里是css代碼
/** end **/ 結(jié)束
第二個(gè)例子大家應(yīng)該知道了,就是再增加一個(gè)條件,這里可以不止兩個(gè):
/** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/
ok,根據(jù)自己的需要來加就行了,記得符號(hào)【,】
大家可以參照這個(gè)學(xué)習(xí)一下,包括你想擴(kuò)展他,都可以直接在里面直接添加就可以。
下面講講緩存css是如何生成的
common.css比較簡(jiǎn)單,就是直接讀取,然后生成到data/cache目錄下。
每個(gè)頻道模塊獨(dú)立的css,會(huì)先將module.css在data/cache下生成一個(gè)對(duì)應(yīng)的風(fēng)格id下的緩存的css,然后當(dāng)你訪問某個(gè)頻道時(shí),會(huì)生成對(duì)應(yīng)頻道下的css,此時(shí),剛才介紹的那些標(biāo)識(shí)就起作用了。程序會(huì)根據(jù)/** group::index **/和/** end **/這種標(biāo)識(shí),拆分出哪些頻道、哪些模塊該需要哪些css。
程序部分就不介紹了,程序的代碼主要在source/class/class_template.php文件處理,有興趣的同學(xué)可以深入研究一下。
三、在模板制作中充分的運(yùn)用好css加載機(jī)制,提高頁(yè)面的加載速度
新建模板后同學(xué)們可以在【模板文件夾\common】中建立附加樣式表并命名為:
extend_module.css
extend_common.css
這兩個(gè)css文件就是重新定義common.css與module.css里面的樣式,這兩個(gè)附加樣式與上面講的兩個(gè)css文件分別合并,最終就生成css緩存文件了
extend_module.css 這里面必須根據(jù)上面第二節(jié)里講的,寫好標(biāo)識(shí)?。?
如果想重新定義默認(rèn)模板中的一些css,那么直接在這兩個(gè)文件中重寫就行了。
注意:如果你的模板布局是完全要重寫的,那就命名為:common.css和module.css 這樣程序就只處理新模板中的css,不會(huì)與default里面的合并了
相關(guān)文章
Discuz! X3.4默認(rèn)模板自適應(yīng)手機(jī)與pc的方法
這是我去年自己花了一個(gè)下午一點(diǎn)點(diǎn)研究出來的,現(xiàn)在免費(fèi)貢獻(xiàn)給大家試用,代碼放入后臺(tái)統(tǒng)計(jì)即可,效果如下2020-11-16- 如果想要404頁(yè)面跟網(wǎng)站其他頁(yè)面一樣帶有頂部和底部導(dǎo)航,能顯示用戶信息怎么辦呢?今天小編就為大家介紹discuz設(shè)置嵌入式404頁(yè)面教程,來看看吧2016-05-10
Discuz X3/3.1 門戶中的Keyword和Description顯示不正確的解決方法
這篇文章主要介紹了Discuz X3/3.1 門戶中的Keyword和Description顯示不正確的解決方法,默認(rèn)顯示的是游客能看到的,而Discuz 對(duì)游客屏蔽了關(guān)鍵詞與描述,為了SEO,還是讓它正常2015-03-25Discuz提示您安裝的不是正版應(yīng)用問題解決辦法
這篇文章主要介紹了Discuz提示您安裝的不是正版應(yīng)用問題解決辦法,完整提示“對(duì)不起,您安裝的不是正版應(yīng)用,安裝程序無(wú)法繼續(xù)執(zhí)行”,本文使用修改PHP文件的方法解決了這個(gè)2015-03-25- 這篇文章主要介紹了Discuz和jQuery變量名沖突的3種解決方法,在開發(fā)模板或者插件時(shí)經(jīng)常遇到這個(gè)問題,本文列出的3種方法都可以解決這個(gè)問題,需要的朋友可以參考下2015-03-25
Discuz提示“密碼錯(cuò)誤次數(shù)過多,請(qǐng)15分鐘后重新登陸”問題解決方法
這篇文章主要介紹了Discuz提示“密碼錯(cuò)誤次數(shù)過多,請(qǐng)15分鐘后重新登陸”問題解決方法,本文方法適合網(wǎng)站管理員操作,不是普通網(wǎng)友可以使用的解決方法,需要的朋友可以參考下2015-03-25Discuz X2通過數(shù)據(jù)庫(kù)批量替換修改帖子內(nèi)容
帖子數(shù)量上萬(wàn),一開始是通過設(shè)置詞語(yǔ)過濾,發(fā)現(xiàn)無(wú)效果,只能通過數(shù)據(jù)庫(kù)批量替換了,具體方法請(qǐng)接著往下看2014-09-04Discuz!X3.2版設(shè)置論壇QQ在線客服號(hào)碼無(wú)法發(fā)起聊天的問題解決辦法
這篇文章主要介紹了Discuz!X3.2版設(shè)置論壇QQ在線客服號(hào)碼無(wú)法發(fā)起聊天的問題解決辦法,需要的朋友可以參考下2014-08-03- 這篇文章主要為大家介紹了Discuz論壇發(fā)帖技巧,需要的朋友可以參考下2014-06-21
- 這篇文章主要為大家介紹了Discuz論壇宣傳與優(yōu)化技巧,需要的朋友可以參考下2014-06-21

