前端目录结构及发布的管理

针对目前的文件比较混乱,写了份下面的规范。请大家提出意见,探讨,以便规范起来。

前端目录结构基本说明

      

按照顺序依次说明:

  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 / 插件名称                                  放置插件脚本及该插件自带的cssimg相关资源
Public / js / 项目名称                                  每个人根据自己的项目创建一个文件夹,放置为自己项目开发的脚本文件 

图片

Public / img /                                                 放置公用图片文件
Public / img / 项目名称 /                           每个人根据自己的项目创建一个文件夹,放置自己项目所需的图片文件

 临时备份: 

请在要备份的文件的文件夹下建文件夹 名为  bak 

如:
Public / img /  bak

关于 cssjavascript文件修改发布注意事项:

由于在应用过程中,常常发现由于脚本和样式文件的修改,由于缓存原因在客户端无法及时更新,导致页面混乱,功能异常。
所以,请采用如下方式发布你所更改的cssjavascript文件。

格式:

完整的路径+ ? + 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>

posted @ 2008-10-14 13:09  路口  阅读(2613)  评论(0编辑  收藏  举报