魔扣论坛

魔扣源码论坛业务
查看: 878|回复: 5

[经验交流] Discuz! X的CSS加载机制

[复制链接]
  • TA的每日心情
    奋斗
    7 小时前
  • 签到天数: 2958 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745789
    贡献
    157917
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2017-6-4 15:29:46 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    首先,每个页面都会加载以下两个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 **/
            /* 群组 index 模块使用的CSS */
    /** end **/
    复制代码
    /** group::index **/开始到/** end **/结束,说明是group频道的index模块使用的CSS,也就是群组频道对应的首页模板将使用的CSS。

    再举个例子,/** misc::invite,group,forum::viewthread **/开始到/** end **/结束,说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。

    ok,下面的大家可以参照这个学习一下,包括你想扩展他,都可以直接在里面直接添加就可以。

    下面讲讲缓存css是如何生成的,common.css比较简单,就是直接读取,然后生成到data/cache目录下。每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,然后当你访问某个频道时,会生成对应频道下的css,此时,刚才介绍的那些标识就起作用了。程序会根据/** group::index **/和/** end **/这种标识,拆分出哪些频道、哪些模块该需要哪些css。

    程序部分就不介绍了,程序的代码主要在source/class/class_template.php文件处理,有兴趣的同学可以深入研究一下。

    会员购买:>> 点击购买 << | 魔扣币购买:>> 点击购买 <<
    承接业务:服务器代维丨网站托管丨SEO
    联系客服:微信:morko-net | QQ:1367681973

    该用户从未签到

    3

    主题

    279

    回帖

    561

    积分

    高级魔扣

    Rank: 4

    魔扣币
    279
    贡献
    279
    威望
    0
    发表于 2017-6-4 20:55:01 | 显示全部楼层
    有一种相遇叫缘份,有一种来往叫浪漫;有一种感觉叫难忘,有一种感受叫快乐;有一种关心叫温馨,有一种思念叫关爰;有一种默契叫知心;魔扣源码论坛祝福朋友幸福快乐!

    该用户从未签到

    0

    主题

    257

    回帖

    514

    积分

    高级魔扣

    Rank: 4

    魔扣币
    257
    贡献
    257
    威望
    0
    发表于 2017-10-15 08:14:51 | 显示全部楼层
    我了个去,顶了

    该用户从未签到

    2

    主题

    262

    回帖

    526

    积分

    高级魔扣

    Rank: 4

    魔扣币
    262
    贡献
    262
    威望
    0
    发表于 2018-3-22 05:29:21 来自手机 | 显示全部楼层
    大海因浪花而美丽,人生因友谊而充实,我把快乐的音符作为礼物送给你,愿爱你的人更爱你,你爱的人更懂你!魔扣源码论坛愿好友天天都有好心情,健康快乐幸福陪伴你!

    该用户从未签到

    0

    主题

    232

    回帖

    464

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    232
    贡献
    232
    威望
    0
    发表于 2018-4-2 06:38:21 | 显示全部楼层
    泡一壶香茶,备一壶美酒,恰如我们的友情天长地久!茶香回甘酒甜绵绵,遥远的距离无法隔断彼此的牵挂!愿这浓浓的茶香甜甜美酒,带着深深的思念,送到你的身边,魔扣源码论坛祝福你快乐幸福平安!

    该用户从未签到

    1

    主题

    250

    回帖

    501

    积分

    高级魔扣

    Rank: 4

    魔扣币
    250
    贡献
    250
    威望
    0
    发表于 2018-9-21 15:33:46 | 显示全部楼层
    我的祝福是一只蝴蝶,随风儿飘到你的枕边,做个好梦,把明天的承诺兑现!如果你有烦恼,我就陪你一个夜晚;只要你开心,我随时陪在你的身边!闭上眼睛,送你一份甘甜,张开双臂,拥你一份浪漫!魔扣源码论坛祝福亲爱的朋友:永远开心!永远灿烂!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表