• 售前

  • 售后

热门帖子
入门百科

Discuz-x系列教程 DX的css定名规则、缓存、加载机制

[复制链接]
井底燕雀傥 显示全部楼层 发表于 2021-8-14 16:44:43 |阅读模式 打印 上一主题 下一主题
首先,每个页面都会加载以下两个雷同的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内里的合并了

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作