一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

DEDECMS|帝國CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|蘋果CMS|極致CMS|CMS系統|

服務器之家 - 建站程序 - Discuz - Discuz-x系列教程 DX的css命名規則、緩存、加載機制

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

2019-09-28 14:38Discuz教程網 Discuz

DISCUZ-x版本中,對css的處理較之前的版本更加智能化了,為了讓更多的同學有個充分的理解,特把【黎明】的資料整理一下發給大家。

首先,每個頁面都會加載以下兩個類似的css: 
data/cache/style_1_common.css 
data/cache/style_1_forum_index.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里面的合并了

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 免费一级欧美大片在线观看 | 免费高清资源黄网站在线观看 | 国产免费又粗又猛又爽视频国产 | 亚洲社区在线 | 亚洲天堂在线视频播放 | 色哟哟在线观看 | 久久久免费热线精品频 | 国产福利在线观看91精品 | 俄罗斯美女大逼 | 亚洲a图| 4444kk在线看片 | 日产精品卡一卡2卡三卡乱码工厂 | 国产欧美亚洲精品第一页青草 | 亚洲欧美一 | 久久婷婷五月综合色精品首页 | 日本性爱 | 成年人福利 | 91九色最新地址 | 99ri在线视频网 | 99国产精品热久久久久久夜夜嗨 | 日本妇人成熟免费不卡片 | 国产欧美日韩专区毛茸茸 | 明星h文集合短篇小说 | 国产精品亚洲va在线观看 | 国内精品久久久久久久久 | 国产精品中文字幕 | 亚洲国产精品久久丫 | 暖暖免费观看高清在线 | yy111111影院理论大片 | 国产免费不卡视频 | 久久99国产综合精品AV蜜桃 | 国产精品一在线观看 | 情人我吃糖果小说 | 范冰冰上面好大下面好紧 | 亚洲色图图 | 激情自拍网 | 操弄哥哥的108种姿势 | 18性夜影院午夜寂寞影院免费 | 国产成人精品本亚洲 | 欧美兽皇video | 日韩性公交车上xxhd免费 |