开放原子开发者工作坊

　　动态版本控制可以根据时间戳来实现，但是这样的话，每次打开页面都会重新下载加了版本控制的文件，如果你的页面自身打开本来就慢的话，

这样一来，无疑会带来很差的用户体验。

　　但是如果在每个引用文件后面都手动加上版本，如果页面比较多的话，这很明显是个很蠢的做法，所以我们可以这样做：

　　（1）在入口文件定义公共模块：

　　　　　　　　     define('COMMON_PATH','./Common/');

　　　　　然后将Home文件夹下的Common剪切出来，放在和入口文件同目录。

　　（2）在Common-->Conf-->config.php中配置一个数组：

　　　　　　　　　　<?php
　　　　　　　　　　　　return array(
　　　　　　　　　　　　//CSS版本控制
　　　　　　　　　　　　'cssVersion' => '1.0',
　　　　　　　　　　　　'cssVersionid' => '1.0',
　　　　　　　　　　　　//JS版本控制
　　　　　　　　　　　　'jsVersion' => '1.0',
　　　　　　　　　　　　'jsVersionid' => '1.0',
　　　　　　　　　　　　);

     （3）在控制器中引入　　　　　　

　　　　　　　　<?php
　　　　　　　　　　namespace Home\Controller;
　　　　　　　　　　use Think\Controller;
　　　　　　　　　　class IndexController extends Controller {
　　　　　　　　　　　　public function index(){
　　　　　　　　　　　　/* 版本控制 */
　　　　　　　　　　　　$config = require(COMMON_PATH.'Conf/config.php');

　　　　　　　　　　　　$this->assign('cssVersionid', $config['cssVersionid']);

　　　　　　　　　　　　$this->assign('jsVersionid', $config['jsVersionid']);
　　　　　　　　　　　　/* 页面显示 */
　　　　　　　　　　　　$this->display();
　　　　　　　　　　　　　　}
　　　　　　　　　　　　}

　　　　　当然所有的assign必须放在$this->display();前面。在thinkPHP3.2.3中，你也可以这样写：

　　　　　　　　<?php
　　　　　　　　　　namespace Home\Controller;
　　　　　　　　　　use Think\Controller;
　　　　　　　　　　class IndexController extends Controller {　　　

　　　　　　　　　　　　　　public function __construct(){ /* 版本控制 */

　　　　　　　　　　　　　　　　　parent::__construct();

　　　　　　　　　　　　  　　　　 $config = require(COMMON_PATH.'Conf/config.php');

　　　　　　　　　　　　　　　　　$this->assign('cssVersionid', $config['cssVersionid']);

　　　　　　　　　　　　　　　　　$this->assign('jsVersionid', $config['jsVersionid']);
　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　　public function index(){
　　　　　　　　　　　　　　　/* 页面显示 */
　　　　　　　　　　　　　　　$this->display();
　　　　　　　　　　　　　　　}
　　　　　　　　　　　}

　　（4）这时候就可以在HTML页面引入了

　　　　　　　　 <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/page/index.css?v={$cssVersionid}">

　　　　　　　　 <script src="__PUBLIC__/js/page/index.js?v={$jsVersionid}"></script>

　　这样一来，每次有更新的话，只需要手动在config.php更改版本就行了，而且可以只更新CSS或JS其中一个。