商业Java版 ThinkInShop

  1. 主页
  2. 文档
  3. 商业Java版 ThinkInShop
  4. 规范文档
  5. 后台前端开发规范

后台前端开发规范

1、命名

【强制】文件名、文件夹名、变量名、方法名统一使用驼峰命名规则


# 文件夹名
正:userManager
反:user_manager

# 文件名
正:productList.js
反:productlist.js

# 变量名
正:let goodsList = [];
反:let good_list_1 = [];

# 方法名
正:function getUserList(){}
反:function get_user_list(){}

2、公共样式和脚本文件位置

LaiKeJaveAdminView
├── src
│   ├── assets #静态文件
│   ├── common
│   │   ├── commonFunction 
│   │       └── common.js #通用js脚本位置
│   │   └── commonStyle
│   │       └── common.scss #通用样式位置

3、模块界面代码和js、css存放位置


LaiKeJaveAdminView
├── src
│   ├── views
│   │   ├── 404.vue 
│   │   ├── Data #报表
│   │   │   ├── addvip-report
│   │   │   ├── goods-report
│   │   │   ├── orde-report
│   │   │   ├── vip-proportion
│   │   │   └── vipconsumption-report
│   └── webManage #js和css 分离文件夹
│       ├── css 
│       │   ├── data #报表
│       │   │   ├── addvip-report
│       │   │   ├── goods-report
│       │   │   ├── orde-report
│       │   │   └── vipconsumption-report
│       └── js
│           ├── data #报表
│           │   ├── addvip-report
│           │   ├── goods-report
│           │   ├── orde-report
│           │   ├── vip-proportion
│           │   └── vipconsumption-report

4、界面编码规范遵循vue规范

vue编码规范

5、组件使用规范