Discuz-x系列教程 DX的css命名規則、緩存、加載機制

 首先，每一個頁面都會加載如下兩個相似的css： 
data/cache/style_1_common.css 
data/cache/style_1_forum_index.css 

1、兩個文件名的命名規則 

style_1_common.css 
|--是整站通用的全局css，因此命名爲【style_1_common.css】 
|--前面的代號是當前使用這套風格的ID，因此style_1_common.css也就是第一套風格的共用的css 

style_1_forum_index.css 
|--是【forum】廣場BBS頻道首頁的css樣式，那麼forum和index分別對應這CURSCRIPT和CURMODULE的常量值，這個在每一個頻|--道的入口腳本里都有定義，好比forum頻道頁面對應的是forum.php。 

以上介紹的是css的緩存加載文件，固然，還有一些在特殊頁面的css，這裏就不詳細描述了。 

這兩個css文件的生成 

首先，那兩個css是程序生成的css緩存文件，因此若是要改css的話，不能直接改那兩個文件，不然一更新緩存，以前的改動就無效了。 
拿自帶的default模板舉例吧，default模板中，帶有一個common的文件夾，這個文件夾存放的是全局模板文件， 
裏面有css文件： 
style_1_common.css 是【common.css】生成的緩存 
style_1_forum_index.css 是【module.css】生成的緩存 

2、module.css的緩存和加載機制 

打開module.css,能夠看到有這樣的說明 

複製代碼

代碼以下:

/** forum::index **/ 廣場頻道：首頁 css代碼開始 
這裏是css代碼 
/** end **/ 廣場首頁css代碼結束 

這就是常常在模板中用到的判斷，程序讀取這個css文件的內容，經過標識進行判斷，最後把符合條件內的全部css生成在一個對應的緩存文件中。 

再舉個例子： 
/** forum::index,forum::viewthread **/ 廣場頻道：首頁模塊和帖子閱讀頁CSS代碼開始 
這裏是css代碼 
/** end **/ 結束 
第二個例子你們應該知道了，就是再增長一個條件，這裏能夠不止兩個： 
/** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/ 

ok，根據本身的須要來加就好了，記得符號【,】 
你們能夠參照這個學習一下，包括你想擴展他，均可以直接在裏面直接添加就能夠。 

下面講講緩存css是如何生成的 

common.css比較簡單，就是直接讀取，而後生成到data/cache目錄下。 

每一個頻道模塊獨立的css，會先將module.css在data/cache下生成一個對應的風格id下的緩存的css，而後當你訪問某個頻道時，會生成對應頻道下的css，此時，剛纔介紹的那些標識就起做用了。程序會根據/** group::index **/和/** end **/這種標識，拆分出哪些頻道、哪些模塊該須要哪些css。 

程序部分就不介紹了，程序的代碼主要在source/class/class_template.php文件處理，有興趣的同窗能夠深刻研究一下。 


3、在模板製做中充分的運用好css加載機制，提升頁面的加載速度 

新建模板後同窗們能夠在【模板文件夾\common】中創建附加樣式表並命名爲： 
extend_module.css 
extend_common.css 
這兩個css文件就是從新定義common.css與module.css裏面的樣式，這兩個附加樣式與上面講的兩個css文件分別合併，最終就生成css緩存文件了 

extend_module.css 這裏面必須根據上面第二節裏講的，寫好標識！！ 

若是想從新定義默認模板中的一些css，那麼直接在這兩個文件中重寫就好了。 

注意：若是你的模板佈局是徹底要重寫的，那就命名爲：common.css和module.css 這樣程序就只處理新模板中的css，不會與default裏面的合併了

 

 

http://www.jb51.net/cms/40361.html