开发规范（一）目录规范

开发规范（一）目录规范
开发规范（二）命名规范及注释规范
开发规范（三）CSS规范
开发规范（四）JS规范

概述

为提高团队协作效率，规范文件管理，方便项目后期维护，提高代码质量，特制订此文档，前端开发人员必须遵照本规范进行前台页面开发。

目录规范

1. 页面存放目录：文件夹命名均首字母大写

|--@root
|--Member //业务模块名
|--Conf
|--Controller //存放控制器
|--Veiw //存放页面
|--Basic //PC终端
|--Mobile //手机终端
|--Index //控制器名
|--index.php //页面
|--README.md
页面引用静态文件时，引用静态文件输出目录路径。详见3
ASSET为PHP常量，定义静态文件输出目录为dev或dist可在develop.php文件中查看。

2.静态文件存放目录：所有文件命名均为小写

|--@root
|--dist //存放编译后文件，用于测试
|--dev //存放编译后文件，用于开发；详见 3.静态文件输出目录
|--basic
|--mobile
|--tmp //存放在页面中使用的图片，一般为可以后台上传的图片
|--index_index //页面文件夹
|--src //存放源码文件
|--basic
|--mobile //以mobile目录为例，basic目录同理
|--common //存放mobile终端下公用文件
|--images //存放图像文件
|--css //存放css文件
|--common.js //js文件直接存放在common文件夹下
|--Index
|--Member //业务模块名
|--index_index //命名规范：控制器名_页面名（与HTML文件命名相同）；存放页面私有文件
|--images
|--image.png
|--index.css
|--index.js
|--common //跨终端公共组件
|--libs //第三方插件
|--package.json
|--webpack.config.dist.js //配置源文件，复制后重命名为webpack.config.js使用
|--README.md //项目介绍

3. 静态文件输出目录：

webpack自动编译输出，除tmp文件夹下可添加图片外勿在此文件夹下添加任何文件

|--@root
|--dist //输出同开发目录
|--dev
|--basic
|--mobile
|--tmp //存放在页面中使用的图片，一般为可以后台上传的图片
|--index_index //页面文件夹
|--images //存放图片
|--member //业务模块名
|--index_index.min.css
|--index_index.min.js
|--index_index.min.css.map //.map为源码映射文件,dist目录下不输出
|--index_index.min.js.map

关键字：规范化, 目录, 文件, 页面

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！