Discuz X2论坛css缓存的更新模式分析

来源: 60站长交易平台 日期: 2018-12-24 23:46:42 人气: -

一直很困惑于论坛的缓存更新中的extend_common.css和extend_module.css是如何被加载到模板缓存文件中的,看了看更新缓存的程序终于恍然大悟。呵呵,下面我们就来看看更新缓存的updatecache函数到底为我们做了些什么:

  1. function updatecache($cachename = '') {


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


  3.         if(!$updatelist) {

  4.                 @include_once libfile('cache/setting', 'function');

  5.                 build_cache_setting();

  6.                 $cachedir = DISCUZ_ROOT.'./source/function/cache';

  7.                 $cachedirhandle = dir($cachedir);

  8.                 while($entry = $cachedirhandle->read()) {

  9.                         if(!in_array($entry, array('.', '..')) && preg_match("/^cache\_([\_\w]+)\.php$/", $entry, $entryr) && $entryr[1] != 'setting' && substr($entry, -4) == '.php' && is_file($cachedir.'/'.$entry)) {

  10.                                 @include_once libfile('cache/'.$entryr[1], 'function');

  11.                                 call_user_func('build_cache_'.$entryr[1]);

  12.                         }

  13.                 }

  14.         } else {

  15.                 foreach($updatelist as $entry) {

  16.                         @include_once libfile('cache/'.$entry, 'function');

  17.                         call_user_func('build_cache_'.$entry);

  18.                 }

  19.         }

  20. }

复制代码

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

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

  1. $stylevars = $styledata = array();

  2.         $defaultstyleid = $_G['setting']['styleid'];

  3.         $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')");

  4.         while($var = DB::fetch($query)) {

  5.                 $stylevars[$var['styleid']][$var['variable']] = $var['substitute'];

  6.         }

复制代码

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

  1. $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");

复制代码

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

  1. $data = array_merge($data, $stylevars[$data['styleid']]);

  2.                 $datanew = array();

  3.                 $data['imgdir'] = $data['imgdir'] ? $data['imgdir'] : STATICURL.'image/common';

  4.                 $data['styleimgdir'] = $data['styleimgdir'] ? $data['styleimgdir'] : $data['imgdir'];

  5.                 foreach($data as $k => $v) {

  6.                         if(substr($k, -7, 7) == 'bgcolor') {

  7.                                 $newkey = substr($k, 0, -7).'bgcode';

  8.                                 $datanew[$newkey] = setcssbackground($data, $k);

  9.                         }

  10.                 }

  11. $data = array_merge($data, $datanew);

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

  1. if(strstr($data['boardimg'], ',')) {

  2.                         $flash = explode(",", $data['boardimg']);

  3.                         $flash[0] = trim($flash[0]);

  4.                         $flash[0] = preg_match('/^http:\/\//i', $flash[0]) ? $flash[0] : $data['styleimgdir'].'/'.$flash[0];

  5.                         $data['boardlogo'] = "<embed src=\"".$flash[0]."\" width=\"".trim($flash[1])."\" height=\"".trim($flash[2])."\" type=\"application/x-shockwave-flash\" wmode=\"transparent\"></embed>";

  6.                 } else {

  7.                         $data['boardimg'] = preg_match('/^http:\/\//i', $data['boardimg']) ? $data['boardimg'] : $data['styleimgdir'].'/'.$data['boardimg'];

  8.                         $data['boardlogo'] = "<img src=\"$data[boardimg]\" alt=\"".$_G['setting']['bbname']."\" border=\"0\" />";

  9.                 }

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

  1. if($data['extstyle']) {

  2.                         list($data['extstyle'], $data['defaultextstyle']) = explode('|', $data['extstyle']);

  3.                         $extstyle = explode("\t", $data['extstyle']);

  4.                         $data['extstyle'] = array();

  5.                         foreach($extstyle as $dir) {

  6.                                 if(file_exists($extstylefile = DISCUZ_ROOT.$data['tpldir'].'/style/'.$dir.'/style.css')) {

  7.                                         if($data['defaultextstyle'] == $dir) {

  8.                                                 $data['defaultextstyle'] = $data['tpldir'].'/style/'.$dir;

  9.                                         }

  10.                                         $content = file_get_contents($extstylefile);

  11.                                         if(preg_match('/\[name\](.+?)\[\/name\]/i', $content, $r1) && preg_match('/\[iconbgcolor](.+?)\[\/iconbgcolor]/i', $content, $r2)) {

  12.                                                 $data['extstyle'][] = array($data['tpldir'].'/style/'.$dir, $r1[1], $r2[1]);

  13.                                         }

  14.                                 }

  15.                         }

  16.                 }

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

  1. foreach($styledata as $data) {

  2.                 save_syscache('style_'.$data['styleid'], $data);

  3.                 if($defaultstyleid == $data['styleid']) {

  4.                         save_syscache('style_default', $data);

  5.                 }

  6.                 writetocsscache($data);

  7.         }

复制代码

这里便开始对每套模板和默认模板分别做缓存。然后通过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这样我们就不会破坏原来整个论坛的风格样式了。

  1. $cssdata = preg_replace("/\{([A-Z0-9]+)\}/e", '\$data[strtolower(\'\1\')]', $cssdata);

  2.                         $cssdata = preg_replace("/<\?.+?\?>\s*/", '', $cssdata);

  3.                         $cssdata = !preg_match('/^http:\/\//i', $data['styleimgdir']) ? preg_replace("/url\(([\"'])?".preg_quote($data['styleimgdir'], '/')."/i", "url(\\1../../$data[styleimgdir]", $cssdata) : $cssdata;

  4.                         $cssdata = !preg_match('/^http:\/\//i', $data['imgdir']) ? preg_replace("/url\(([\"'])?".preg_quote($data['imgdir'], '/')."/i", "url(\\1../../$data[imgdir]", $cssdata) : $cssdata;

  5.                         $cssdata = !preg_match('/^http:\/\//i', $data['staticurl']) ? preg_replace("/url\(([\"'])?".preg_quote($data['staticurl'], '/')."/i", "url(\\1../../$data[staticurl]", $cssdata) : $cssdata;

  6.                         if($entry == 'module.css') {

  7.                                 $cssdata = preg_replace('/\/\*\*\s*(.+?)\s*\*\*\//', '[\\1]', $cssdata);

  8.                         }

  9.                         $cssdata = preg_replace(array('/\s*([,;:\{\}])\s*/', '/[\t\n\r]/', '/\/\*.+?\*\//'), array('\\1', '',''), $cssdata);

  10.                         if(@$fp = fopen(DISCUZ_ROOT.'./data/cache/style_'.$data['styleid'].'_'.$entry, 'w')) {

  11.                                 fwrite($fp, $cssdata);

  12.                                 fclose($fp);

复制代码

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

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

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


分类标签: discuz教程