您現在所在位置:主頁 > 服務項目 > 網站建設 > 網站建設知識 >

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

時間:2013-09-03 09:40     點擊:次     文章來源:西安網站建設|設計     [關閉]

一、兩個文件名的命名規則 style_1_common.css |--是整站通用的全局css,所以命名為【style_1_common.css】 |--前面的代號是當前使用這套風格的ID,所以style_1_common.css也就是第一套風格的共用的
 

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

  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】生成的緩存

  二、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文件處理,有興趣的同學可以深入研究一下。

  三、在模板制作中充分的運用好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.pitwfs.live-西安網站制作|西安網站建設|西安網絡公司,轉載請保留出處,謝謝!
 

  • 西安唐華精工環境工程有限公司

    西安唐華精工環境工

  • 陜西出版集團

    陜西出版集團

  • 西安金泰展覽展示有限公司

    西安金泰展覽展示有

  • 美果設計培訓中心

    美果設計培訓中心

  • 長安教育網

    長安教育網

服務項目:網站建設網站托管微信公眾平臺開發/營銷搜索引擎優化域名主機郵箱400電話平面設計競價推廣App制作及開發POS機銷售企業彩鈴短信群發


總部:西安市長樂西路17號第四軍醫大學3區綜合樓4樓
業務外聯部:  鐘樓  東郊  西郊  南郊  北郊
郵編:710032        QQ:350795135   1021809792
電話:029-87576500    15249183019
網址:www.pitwfs.live       郵箱:[email protected]

 
大魔术师注册