Discuz! X的CSS加载机制
首先，每个页面都会加载以下两个css，data/cache/style_1_common.css和data/cache/style_1_forum_index.css。, ,先讲讲这两个文件名的命名规则：第一个是整站通用的css，所以命名为common.css，然后前面的代号是你使用了哪套风格，所以style_1_common.css表示是第一套风格的共用的css；第二个是表示forum的index页面风格，也就是论坛的首页风格。, ,下面讲一下那两个css是如何生成的。,首先，那两个css是程序生成的css缓存，所以你要改css的话，不能直接改那两个文件，否则一更新缓存，之前的改动就无效了。大家可以看到template对应的每套模板中，就拿自带的default模板举例吧，default模板中，带有一个common的文件夹，里面有css文件，common.css对应的就是生成缓存的style_1_common.css文件，style_1_forum_index.css对应的是module.css。, ,common.css没有什么特别之处，里面也有css的说明，跟普通的css差不多。,大家打开module.css，可以看到有这样的说明，,, ,,复制代码,开始到结束，说明是group频道的index模块使用的CSS，也就是群组频道对应的首页模板将使用的CSS。, ,再举个例子，开始到结束，说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。, ,ok，下面的大家可以参照这个学习一下，包括你想扩展他，都可以直接在里面直接添加就可以。, ,下面讲讲缓存css是如何生成的，common.css比较简单，就是直接读取，然后生成到data/cache目录下。每个频道模块独立的css，会先将module.css在data/cache下生成一个对应的风格id下的缓存的css，然后当你访问某个频道时，会生成对应频道下的css，此时，刚才介绍的那些标识就起作用了。程序会根据和这种标识，拆分出哪些频道、哪些模块该需要哪些css。, ,程序部分就不介绍了，程序的代码主要在source/class/class_template.php文件处理，有兴趣的同学可以深入研究一下。, ,首先，每个页面都会加载以下两个css，data/cache/style_1_common.css和data/cache/style_1_forum_index.css。 先讲讲这两个文件名的命名规则：第一个是整站通用的css，所以命名为common.css，然后前面的代号是你使用了哪套风格，所以style_1_common.css表示是第一套风格的共用的css；第二个是表示forum的index页面风格，也就是论坛的首页风格。 下面讲一下那两个css是如何生成的。 首先，那两个css是程序生成的css缓存，所以你要改css的话，不能直接改那两个文件，否则一更新缓存，之前的改动就无效了。大家可以看到template对应的每套模板中，就拿自带的default模板举例吧，default模板中，带有一个common的文件夹，里面有css文件，common.css对应的就是生成缓存的style_1_common.css文件，style_1_forum_index.css对应的是module.css。 common.css没有什么特别之处，里面也有css的说明，跟普通的css差不多。 大家打开module.css，可以看到有这样的说明， 复制代码 开始到结束，说明是group频道的index模块使用的CSS，也就是群组频道对应的首页模板将使用的CSS。 再举个例子，开始到结束，说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。 ok，下面的大家可以参照这个学习一下，包括你想扩展他，都可以直接在里面直接添加就可以。 下面讲讲缓存css是如何生成的，common.css比较简单，就是直接读取，然后生成到data/cache目录下。每个频道模块独立的css，会先将module.css在data/cache下生成一个对应的风格id下的缓存的css，然后当你访问某个频道时，会生成对应频道下的css，此时，刚才介绍的那些标识就起作用了。程序会根据和这种标识，拆分出哪些频道、哪些模块该需要哪些css。 程序部分就不介绍了，程序的代码主要在source/class/class_template.php文件处理，有兴趣的同学可以深入研究一下。
标签：cssdiscuz加载机制
上一篇
Discuz!表不存在的解决方法
下一篇
discuz手机版默认“标准版”或“触屏版”设置方法
时间：(2024-02-07 14:04:14)
本站资源均来自互联网或会员发布，如果不小心侵犯了您的权益请与我们联系。我们将立即删除！谢谢！
