请选择 进入手机版 | 继续访问电脑版
开启辅助访问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

点击进入授权页面

只需一步,快速开始

[Discuz教程] Discuz X2论坛css缓存的更新模式分析

回复:0 | 查看:457 | 浪漫阿聪 发表于 2018-1-17 00:01:07 |阅读模式 |复制链接
一直很困惑于论坛的缓存更新中的extend_common.cssextend_module.css是如何被加载到discuzx模板缓存文件中的,看了看更新缓存的程序终于恍然大悟。呵呵,下面我们就来看看更新缓存的updatecache函数到底为我们做了些什么:


  • function updatecache($cachename = '') {

  • $updatelist = empty($cachename) ? array() : (is_array($cachename) ? $cachename : array($cachename));

  • if(!$updatelist) {
  • @include_once libfile('cache/setting', 'function');
  • build_cache_setting();
  • $cachedir = DISCUZ_ROOT.'./source/function/cache';
  • $cachedirhandle = dir($cachedir);
  • while($entry = $cachedirhandle->read()) {
  • if(!in_array($entry, array('.', '..'))&& preg_match("/^cache_([_w]+).php$/", $entry, $entryr)&& $entryr[1] != 'setting' && substr($entry, -4) =='.php' && is_file($cachedir.'/'.$entry)) {
  • @include_once libfile('cache/'.$entryr[1], 'function');
  • call_user_func('build_cache_'.$entryr[1]);
  • }
  • }
  • } else {
  • foreach($updatelist as $entry) {
  • @include_once libfile('cache/'.$entry, 'function');
  • call_user_func('build_cache_'.$entry);
  • }
  • }
  • }

复制代码
这段代码中清晰的表达了缓存的更新流程。当我们执行updatecache函数的时候,如果你没有传给函数你要更新的模块就会更新所有的模板缓存。即./source/function/cache下所有的执行更新的函数文件都会被注意调用,并更新到缓存中。如果你只想单独更新一个模块的缓存,只需要把相应的参数传递给updatecachemodule)即可。

下面我们来看看,风格的css到底是以怎样的方式来加载的。下面我们打开风格的缓存生成文件,cache_styles.php下面我们来看看这个文件到底干了啥?

  • $stylevars = $styledata = array();
  • $defaultstyleid = $_G['setting']['styleid'];
  • $query = DB::query("SELECT sv.* FROM".DB::table('common_stylevar')."sv LEFT JOIN".DB::table('common_style')."s ON s.styleid = sv.styleid AND(s.available=1 OR s.styleid='$defaultstyleid')");
  • while($var = DB::fetch($query)) {
  • $stylevars[$var['styleid']][$var['variable']] = $var['substitute'];
  • }

复制代码
这一段代码根据你当前设定的模板,读取你当前模板的默认设置的值。并根据模板的id保存到$stylevars数组变量中。


  • $query = DB::query("SELECT s.*, t.directory AS tpldir FROM".DB::table('common_style')."s LEFT JOIN".DB::table('common_template')." t ON s.templateid=t.templateid");

复制代码
取出每套模板的基本目录信息。然后下面开始对每套模板的变量数据进行逐一处理。


  • $data = array_merge($data, $stylevars[$data['styleid']]);
  • $datanew = array();
  • $data['imgdir'] = $data['imgdir'] ? $data['imgdir'] : STATICURL.'image/common';
  • $data['styleimgdir'] = $data['styleimgdir'] ? $data['styleimgdir'] : $data['imgdir'];
  • foreach($data as $k => $v) {
  • if(substr($k, -7, 7) == 'bgcolor') {
  • $newkey = substr($k, 0, -7).'bgcode';
  • $datanew[$newkey] = setcssbackground($data, $k);
  • }
  • }
  • $data = array_merge($data, $datanew);

复制代码
对模板变量中背景属性标识bgcolor的变量拼合成css识别的backgroundcss样式。

  • if(strstr($data['boardimg'], ',')) {
  • $flash = explode(",", $data['boardimg']);
  • $flash[0] = trim($flash[0]);
  • $flash[0] = preg_match('/^http:///i', $flash[0]) ? $flash[0] : $data['styleimgdir'].'/'.$flash[0];
  • $data['boardlogo'] = "[media=com/,,]http://www.moke8.com/[/media]application/x-shockwave-flash" wmode="transparent">";
  • } else {
  • $data['boardimg'] =preg_match('/^http:///i', $data['boardimg']) ? $data['boardimg'] :$data['styleimgdir'].'/'.$data['boardimg'];
  • $data['boardlogo'] = "[img]http://www.moke8.com/$data[boardimg][/img]";
  • }

复制代码
对前台logo的判定,分flash和图片的形式做相应的代码处理。

  • if($data['extstyle']) {
  • list($data['extstyle'], $data['defaultextstyle']) = explode('|', $data['extstyle']);
  • $extstyle = explode("t", $data['extstyle']);
  • $data['extstyle'] = array();
  • foreach($extstyle as $dir) {
  • if(file_exists($extstylefile = DISCUZ_ROOT.$data['tpldir'].'/style/'.$dir.'/style.css')) {
  • if($data['defaultextstyle'] == $dir) {
  • $data['defaultextstyle'] = $data['tpldir'].'/style/'.$dir;
  • }
  • $content = file_get_contents($extstylefile);
  • if(preg_match('/[name](.+?)[/name]/i', $content, $r1) &&preg_match('/[iconbgcolor](.+?)[/iconbgcolor]/i', $content, $r2)) {
  • $data['extstyle'][] = array($data['tpldir'].'/style/'.$dir, $r1[1], $r2[1]);
  • }
  • }
  • }
  • }

复制代码
自定义风格信息的组装。

  • foreach($styledata as $data) {
  • save_syscache('style_'.$data['styleid'], $data);
  • if($defaultstyleid == $data['styleid']) {
  • save_syscache('style_default', $data);
  • }
  • writetocsscache($data);
  • }

复制代码
这里便开始对每套模板和默认模板分别做缓存。然后通过writetocsscache($data);此函数将所有模板的css做文件缓存。

下面来看看writetocsscache到底做了啥!


$dir =DISCUZ_ROOT.'./template/default/common/';

$dh= opendir($dir);

$data['staticurl']= STATICURL;


首先读取默认default套系模板中的css样式文件名,看看在当前模板中是否有同名的css文件,如果有就加载,如果没有则,加载默认的default文件夹下对应的css文件。然后加载当前模板是否有以extend_开头的扩展css样式,如果有加载到对应的css文件中。然后读取插件(plugin)模板中用的css

我打个比方:如果你当前有default,和teststyle两套风格。如果你teststyle中有common.css那么他就会加载你的这个common.css,但是很显然你不可能这么做,这是没有必要也是极其错误的方法。我们只会在原来的模板基础上添加我们扩展的css,即你的teststyle中只要加上extend_common.css,他就会追加到default/common/下的common.css这样我们就不会破坏原来整个论坛的风格样式了。


  • $cssdata = preg_replace("/{([A-Z0-9]+)}/e", '$data[strtolower('1')]', $cssdata);
  • $cssdata = preg_replace("/s*/", '', $cssdata);
  • $cssdata = !preg_match('/^http:///i', $data['styleimgdir']) ?preg_replace("/url((["'])?".preg_quote($data['styleimgdir'],'/')."/i", "url(1../../$data[styleimgdir]", $cssdata) : $cssdata;
  • $cssdata = !preg_match('/^http:///i', $data['imgdir']) ?preg_replace("/url((["'])?".preg_quote($data['imgdir'], '/')."/i","url(1../../$data[imgdir]", $cssdata) : $cssdata;
  • $cssdata = !preg_match('/^http:///i', $data['staticurl']) ?preg_replace("/url((["'])?".preg_quote($data['staticurl'], '/')."/i","url(1../../$data[staticurl]", $cssdata) : $cssdata;
  • if($entry == 'module.css') {
  • $cssdata = preg_replace('//**s*(.+?)s***//', '[1]', $cssdata);
  • }
  • $cssdata =preg_replace(array('/s*([,;:{}])s*/', '/[tnr]/','//*.+?*//'), array('1', '',''), $cssdata);
  • if(@$fp = fopen(DISCUZ_ROOT.'./data/cache/style_'.$data['styleid'].'_'.$entry, 'w')) {
  • fwrite($fp, $cssdata);
  • fclose($fp);

复制代码
这段代码通过正则对,网站模板css,中的一些形如{IMGDIR}的一些变量做了解析,替换成标准的css.

另外最后要提到的一点是module.css这个文件支持模块化。这里只是对module统一的做解析。并没有将各个模块分装到不同的文件中去。

好了这里就基本上是css模板缓存的加载和解析机制。有兴趣的同学可以研究一下这些代码。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

快速回复 返回列表 客服中心





企业站定制,我们更专业!

联系我们
快速回复 返回顶部 返回列表