前端目录结构及发布的管理
针对目前的文件比较混乱,写了份下面的规范。请大家提出意见,探讨,以便规范起来。
前端目录结构基本说明
按照顺序依次说明:
css : css文件目录
img : css中所引用的背景修饰图片的目录,此文件夹与所有的业务图片、广告图片无关
file :放置业务、广告图片,flash文件
img :页面<img>所用到的非业务广告类的图片,如Logo,网络备案图片。
js :脚本的目录
注:根据具体项目的部署,可能各个文件夹不在一台服务器上,但目录逻辑结构上不变。
具体文件夹结构:
Css:
Public / css / common 放置公用的样式文件
Public / css / 项目名称 / 每个人根据自己的项目创建一个文件夹,放置为自己项目编写的样式文件
Public / css / 项目名称 / img 相应的css中应用到的背景修饰图片。
Javascript:
Public / js / comom 放置公用javascript 文件
Public / js / 插件名称 放置插件脚本及该插件自带的css,img相关资源
Public / js / 项目名称 每个人根据自己的项目创建一个文件夹,放置为自己项目开发的脚本文件
图片
Public / img / 放置公用图片文件
Public / img / 项目名称 / 每个人根据自己的项目创建一个文件夹,放置自己项目所需的图片文件
临时备份:
请在要备份的文件的文件夹下建文件夹 名为 bak
如:
Public / img / bak
关于 css及javascript文件修改发布注意事项:
由于在应用过程中,常常发现由于脚本和样式文件的修改,由于缓存原因在客户端无法及时更新,导致页面混乱,功能异常。
所以,请采用如下方式发布你所更改的css或javascript文件。
格式:
完整的路径+ ? + ver=日期.css (根据更改的频率,可以将日期写到分、秒,)
完整的路径+ ? + ver=日期.js
例:
<link type="text/css" href="http://img1.liba.com/link/Public/css/home_index.css?ver=20081014.css" rel="stylesheet" />
<script type="text/javascript" src="http://img1.liba.com/link/Public/js/home.js?ver=20081014.js"></script>