Discuz! X的CSS加载机制

Discuz! X的CSS加载机制

discuz 2016-05-18 10:51:28

Discuz! X的CSS加载机制

分类: discuz时间: 2016-05-18
首先,每个页面都会加载以下两个css,data/cache/>/** group::index **/         /* 群组 index 模块使用的CSS */ /** end **/
复制代码
/** group::index **/开始到/** end **/结束,说明是group频道的index模块使用的CSS,也就是群组频道对应的首页模板将使用的CSS。
 
再举个例子,/** misc::invite,group,forum::viewthread **/开始到/** end **/结束,说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。
 
ok,下面的大家可以参照这个学习一下,包括你想扩展他,都可以直接在里面直接添加就可以。
 
下面讲讲缓存css是如何生成的,common.css比较简单,就是直接读取,然后生成到data/cache目录下。每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,然后当你访问某个频道时,会生成对应频道下的css,此时,刚才介绍的那些标识就起作用了。程序会根据/** group::index **/和/** end **/这种标识,拆分出哪些频道、哪些模块该需要哪些css。
 

程序部分就不介绍了,程序的代码主要在source/class/class_template.php文件处理,有兴趣的同学可以深入研究一下。


小编极力推荐:


相关文章