谈谈如何管理门户级网站的CSS/IMG/JS文件

最近在为公司做一个门户网站,项目并不咋D,可规划却不小.在做的过程中就发现修改占了很大的工作量.

于是就开始想了想如何使前端修改轻松一些.

这个项目除首页外还有五个大频道是独立设计(虽然现在还没开始),可是老板比较土讲求花俏,且只考虑商户需求不考虑用户,把之前设计好的有关用户的内容删掉大半,可能以后还会删…=.=

由于每天都在改,所以想了一些如何能改得更轻松的方法,欢迎各位老板拍砖

目录结构:

[templates]
—[default] ‘ 默认风格
—–[common] ‘ 存放首页和分类页等的公共部分
———-[img]
———-[js]
———-[css]
—–[homepage] ‘ 只存放首页的文件
———-[img]
———-[js]
———-[css]
—–[user] ‘ 存放用户相关的操作页面文件
———-[img]
———-[js]
———-[css]
—–[store] ‘ 存放商户相关的操作页面文件
———-[img]
———-[js]
———-[css]
—–[chanel1] ‘ 存放频道一相关的操作页面文件
———-[img]
———-[js]
———-[css]
……
—–[chanel5] ‘ 存放频道五相关的操作页面文件
———-[img]
———-[js]
———-[css]
—–[deploy] ‘ 存放loader.php生成的文件
———-[img]
———-[js]
———-[css] 

按以上的目录安排的话,可能在每个页面的头部会出现一大堆的链接:

<link rel="stylesheet" href="common/a.css" type="text/css" />
<link rel="stylesheet" href="common/b.css" type="text/css" />
<script type="text/javascript" src="common/a.js"></script>
<script type="text/javascript" src="common/b.js"></script>

这样肯定是不太好的,也不经济~~~

解决办法就是写一个程序来缓存并压缩合并这些文件:

<link rel="stylesheet" href="loader.php?root=common&file=a,b,c,d,e&type=css&version=2009090201" type="text/css" /><script type="text/javascript" src="loader.php?root=common&file=j,k,l&type=js&version=2009090201"></script>

loader.php需要做的只是将在root目录中file依次读出来,并将其注释及格式去掉后合并写入一个格式好的文件中如:cabcde_2009090201.css,如果文件版本没有发生改变就直接读这个文件,如果版本号发生改变而文件不存在则再次进行上述操作.再配合服务器上的过期时间设置将这些文件缓存到本地,效果就非常不错了~~~

各位老板有什么高招也请不要吝啬这一两个字,告诉我一声,这里谢谢啦~~!