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

  1. function updatecache($cachename = '') {
  2.  
  3.         $updatelist = empty($cachename) ? array() : (is_array($cachename) ? $cachename : array($cachename));
  4.  
  5.         if(!$updatelist) {
  6.                 @include_once libfile('cache/setting', 'function');
  7.                 build_cache_setting();
  8.                 $cachedir = DISCUZ_ROOT.'./source/function/cache';
  9.                 $cachedirhandle = dir($cachedir);
  10.                 while($entry = $cachedirhandle->read()) {
  11.                         if(!in_array($entry, array('.', '..')) && preg_match("/^cache\_([\_\w]+)\.php$/", $entry, $entryr) && $entryr[1] != 'setting' && substr($entry, -4) == '.php' && is_file($cachedir.'/'.$entry)) {
  12.                                 @include_once libfile('cache/'.$entryr[1], 'function');
  13.                                 call_user_func('build_cache_'.$entryr[1]);
  14.                         }
  15.                 }
  16.         } else {
  17.                 foreach($updatelist as $entry) {
  18.                         @include_once libfile('cache/'.$entry, 'function');
  19.                         call_user_func('build_cache_'.$entry);
  20.                 }
  21.         }
  22. }
复制代码
这段代码中清晰的表达了缓存的更新流程。当我们执行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.'p_w_picpath/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']."\" 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 模板缓存的加载和解析机制。有兴趣的同学可以研究一下这些代码。
 
本文由 720p电影下载编译！