设为首页收藏本站

 找回密码
 注册

QQ登录

只需一步,快速开始

BCM 门户 IT世界 资料备录 查看内容

Discuz系列教程: DX的css命名规则、缓存、加载机制

2013-10-15 13:09| 发布者: John| 查看: 272| 评论: 0|来自: 站科论坛

摘要: 首先,每个页面都会加载以下两个相似的css: data/cache/style_1_common.css data/cache/style_1_forum_index.css 一、两个文件名的命名规则 style_1_common.css |--是整站通用的全局css,所以命名为【style_1_co ...
首先,每个页面都会加载以下两个相似的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里面的兼并了

 


路过

雷人

握手

鲜花

鸡蛋

相关阅读

手机版|小黑屋|BC Morning Website ( Best Deal Inc. 001 )  

GMT-8, 2025-8-26 07:35 , Processed in 0.016066 second(s), 18 queries .

Supported by Best Deal Online X3.5

© 2001-2025 Discuz! Team.

返回顶部