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