jh-front-end-example-2/frontend-specification.md

前端项目目录结构

├─api // axios请求封装
│ ├─Disk // 分类子文件夹
│ ├─Rbac // 分类子文件夹
│ ├─_AxiosInterceptors.js // Axios拦截器
│ └─_ResponseHelper.js // 针对服务器返回值的处理方法
├─assets // Vue静态资源
├─biz // 如果一个常用业务需要用到多个api函数，建议在此封装
│ └─Disk // 分类子文件夹
├─components // Vue组件
│ ├─Disk // 分类子文件夹(按大功能模块划分)
│ │ └─Recycle // 分类子子文件夹(按功能模块划分)
│ ├─Home // 分类子文件夹(按大功能模块划分)
│ └─_Common // 常用Vue组件，在此进行归类，可在其它Vue组件或Vue页面使用
│ │ ├─Drag // 分类子文件夹
│ │ └─Tree // 分类子文件夹
├─entity // 对象实体类，与后端返回的对象有关
│ ├─Disk // 分类子文件夹
│ └─Rbac // 分类子文件夹
├─router
│ ├─_index.js // 路由入口文件
│ ├─disk.js // 路由子分类
│ └─user-role-auth.js // 路由子分类
├─scss
│ ├─HomeScreen // scss分类子文件夹
│ ├─_globals.scss // 全局scss
│ └─_variables.scss // 常用的scss常量；原则上颜色都必须定义在此
├─storage // 对localStorage或sessionStorage的操作的封装
│ └─login-info.js // 针对登录的storage封装
├─store // Vuex
├─svgicon
│ └─homescreen
├─sys
│ ├─SysCode.js // 信息码，与后端返回值的code对应
│ └─SysError.js // 错误类
├─util // 常用工具类的封装(先看有没有合适用的，没有再自己实现)
├─views // Vue页面
│ ├─HomeSubViews // 业务类子页面
│ │ ├─Disk // 子页面分类
│ │ └─Rbac // 子页面分类
│ └─SystemViews // 管理类子页面
├─App.vue // 全局样式记在此 ├─const.js // 全局常量记在此 ├─main.js

编码格式

• 习惯性用“;”作为语句结尾
• 单行注释文字前面加一个空格，如：// 注释
• VUE 的 props 必须写明注释