首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

模板缓存、CSS继承规范和CSS缓存机制

 
ARCHY 2012-8-10 [模板制作修改] 来自PC 复制链接
1105252480
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
我们在使用火狐或者谷歌查看元素的时候看见的CSS的路径是style_2_common.css或者style_2_forum_index.css这样的形式,而在data下的template目录下看到的确实2_2_common_block_thread.tpl.php形式,那discuz模板的缓存和继承到底是如何情况呢?

一、模板缓存

模板缓存存放:所有的模板缓存均被解析成php文件存放在 ./data/template 中,以 “数字_模板标示符组合.tpl.php”形式保存。如上面说的2_2_common_block_thread.tpl.php。

页面缓存刷新原理:当开发者编辑过模板文件之后,Discuz! 模板解析器会匹配模板htm文件与缓存php文件的最后修改时间,如过模板html文件较新或无缓存文件,则更新或生成缓存,不新,则不采取任何动作。

手动删除此目录的缓存不会影响Discuz!系统的整体运行,Discuz! 模板缓存仍然会进行自动生成。

这个就是很多站长修改模板的时候修改了此目录下文件,效果只能看见一下就消失的原因。

二、CSS缓存

CSS缓存存放:./data/cache/目录中,以 “style_风格自增编号_应用入口关键字_所在页面的mod值.css”形式保存。如开头说的style_2_common.css或者style_2_forum_index.css。

自建新套系模板文件可以通过创建 ./template/archy_test/common/extend_common.css 或 extend_module.css 进行CSS扩展,其中这两个文件的CSS样式脚本会通过 Discuz! 模板解析将风格常量统一赋值进去并合将CSS脚本复制出来放入 ./template/default/common/common.css 和 module.css 所对应的缓存中去,方便站点运行时引用。

extend_module.css 系统解析与缓存存放:
其中可以使用下面的书写方法:
游客,如果您要查看本帖隐藏内容请回复
上面的写法含义是:针对 forum 的 index 和 forumdisplay 追加一个自定义的CSS样式 "archy_css" ,Discuz! 模板解析将会根据 forum::index 的关键词将 mycss 分别追加在“./data/cache/style_2_forum_index.css”和“./data/cache/style_2_forum_forumdisplay.css”中(里面的数字2,根据新增的风格编号而定)

这样的写法好处就是,不变更默认模板的情况下有效的扩展CSS,并可以很好的进行多站点移植,同时也可以保护模板的目录不会暴露。

三、CSS 继承规范

Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并:

1、template/default/*.css 文件
2、当默认模版是非默认模版时,template/模版目录/extend_*.css 文件 或 template/模版目录/*.css
3、当某插件启用时,source/plugin/插件目录/template/extend_*.css 文件

因此非默认模版目录中的 CSS 属性将继承默认模版中的 CSS 属性,插件目录中的 CSS 文件将继承前二者的 CSS 属性
CSS 自身的集成顺序为:当 CSS 属性名称相同是,CSS 文件中,写在后面的替换前面的代码。

推荐阅读:

1、Discuz模板的创建方法

2、Discuz!模板解析语法 - 变量/循环/判断/嵌套

3、Discuz模板内置常用CSS代码分析

评分

参与人数 1帮币 +1 收起 理由
zjc2556125 + 1 很给力!

查看全部评分




上一篇:Discuz模板的制作方法
下一篇:Discuz!模板解析语法 - 变量/循环/判断/嵌套
clswang 发表于 2012-8-11 00:42:43 来自PC
谢谢老大的分享啦
沭阳网 www.hanyunews.com www.xiaoshuozhu.com www.shuyangweb.com
非一般感觉 明星会员实名认证 发表于 2012-8-11 10:00:33 来自PC
  学习来了
神马都是浮云... ...
创业步步艰 发表于 2012-8-11 10:32:50 来自PC
学习一下
wangyu 发表于 2012-8-11 10:58:18 来自PC
buqdfdfdfdf
530761333 发表于 2012-8-11 20:38:39 来自PC
看一下正好在学习
LAP 发表于 2012-8-11 20:39:18 来自PC
支持一下
http://www.col0r.net  帮助QQ:786893337  能提供网站建设. 美工. 模版制作等服务   .有偿服务
小邪 明星会员实名认证 发表于 2012-8-12 21:44:02 来自手机
学习了
来自:站帮网 Windows Phone 7 客户端来自: WindowsPhone客户端
海盗戌 发表于 2012-8-17 08:15:00 来自PC
回复,回复,回复,回复
壹點 发表于 2012-8-17 18:18:41 来自PC
谢谢站长分享
jingjinxin 发表于 2012-8-18 23:38:55 来自PC
我也来学习一下,感谢吧。
会飞的鱼 发表于 2012-8-22 15:29:09 来自PC
看看  不错
小軒 发表于 2012-8-25 23:26:40 来自PC
好好学习
104 发表于 2012-8-27 19:30:41 来自PC
我真心要支持
lktl 发表于 2012-8-29 13:34:45 来自PC
看以看学习看!
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表