web前端项目的目录结构

web前端项目的目录结构

下面介绍一个简单的web前端项目的目录结构

根目录
  |- assets:  存放所有js和css等
  |  |- images: 存放所有 CSS 样式需要的背景图片
  |  |- fonts: 存放所有 CSS 样式需要的字体
  |  |- css: 存放所有CSS
  |  |  |- common: 存放公共的 CSS 代码
  |  |- js: 存放所有 JS
  |  |  |- common: 存放公共的 JS 代码
  |- include:  存放所有公共的 HTML 头尾片段
  |- images:  存放前景图片和flash
  |- libs:  存放前端所需的第三方类库
  |- _my:  存放开发者自己需要的文件，这个文件夹应该被 GIT 和 SVN 忽略掉。
  |- controllers:  存放MVC控制器
  |- model:  存放MVC实体Model
  |- views:  存放MVC视图
  |- common:  项目共用类

当然以上文件夹都可以继续根据独立模块进行细分