技术选型
前端：react + antd
后台：express + mysql2 + log4js(日志服务，按业务模块记录)
部署：某讯的云服务器+域名，nginx代理前端、后台服务
前端(管理端)
- 使用脚手架创建项目，然后增加antd组件库
- 页面鉴权
- 左侧导航菜单:根据当前账号所属角色对应的菜单权限去生成
- 路由/子路由设计
- 项目代码目录设计
后端
1、路由设计，根据业务区分多个路由模块
2、接口日志记录、鉴权（登录时写入cookie）
3、登录时，密码做双层md5加密校验（内置超级管理员角色账号，超级管理员角色配置用户管理及角色管理菜单权限）
4、实现文件上传
5、明确业务及功能需求
- 登录/退出
- 菜单权限控制
- 用户管理（超级管理员）
- 角色管理（超级管理员）
- 商品分类管理（层级关联选择，暂支持2级）
- 商品管理
- 供应商信息管理
6、数据库 - 表结构设计
- 用户表(users)
| 字段 | 含义 | 数据类型 | 是否必传 |
|---|---|---|---|
| id | 用户id | int | 1 |
| username | 用户名 | varchar(32) | 1 |
| password | 密码 | varchar(32) | |
| phone | 手机 | char(11) | |
| 邮箱 | varchar(32) | ||
| role_id | 角色id | INT | 1 |
| create_time | 创建时间 | datetime | 1 |
| change_time | 最近修改时间 | datetime | 1 |
- 角色表(roles)
| 字段 | 含义 | 数据类型 | 是否必传 |
|---|---|---|---|
| id | 角色id | int | 1 |
| name | 角色名称 | varchar(32) | 1 |
| auth_id | 授权人id | int | |
| auth_name | 授权人 | varchar(32) | |
| auth_time | 授权时间 | datetime | |
| create_time | 创建时间 | datetime | 1 |
| menus | 有权限操作的菜单path的数组 | ['/a','/b'] VARCHAR(200) default '/home' |
- 商品分类表(categorys)
| 字段 | 含义 | 数据类型 | 是否必传 |
|---|---|---|---|
| id | 分类id | INT | 1 |
| name | 分类名称 | varchar(64) | 1 |
| parentId | 父级分类id | INT default null | |
| description | 分类简介 | varchar(500) | 1 |
| create_time | 创建时间 | datetime | 1 |
| change_time | 最近修改时间 | datetime | 1 |
| imgs | 图片 | ['/a','/b'] VARCHAR(200) default '' |
- 商品信息表(products)
| 字段 | 含义 | 数据类型 | 是否必传 |
|---|---|---|---|
| id | 商品id | int | 1 |
| name | 商品名称 | varchar(64) | 1 |
| model | 规格型号 | varchar(64) | |
| description | 商品描述（详情） | varchar(500) | |
| create_time | 创建此商品的时间 | datetime | 1 |
| change_time | 最近修改时间 | datetime | 1 |
| imgs | 图片 | ['/a','/b'] VARCHAR(200) default '' | |
| categoryId | 所属分类的父分类id | int | 1 |
| p_categoryId | 所属分类的id | int | 1 |
| suppliers | 关联供应商（可能多个、搞个列表多选功能） | [id,id2,id3...] VARCHAR(150) | |
| unit | 商品单位 | varchar(16) | |
| purchase_price | 进价 | double（精度低）、decimal（精度高） decimal(10,3) default 0.000 | |
| wholesale_price | 批发价 | double（精度低）、decimal（精度高）decimal(10,3) default 0.000 | |
| retail_price | 零售价 | double（精度低）、decimal（精度高）decimal(10,3) default 0.000 | |
| inventory_count | 累计入库数量 （默认0） | int | 1 |
| show_count | 展厅存放数量 （默认0） | int | |
| delivery_count | 累计出库数量 （默认0） | int | |
| current_count | 库存（当前实际库存数量）（默认0) | int | 1 |
| effect | 用途 | varchar(500) | |
| remark | 备注 | varchar(500) | |
| status | 商品状态: 1:上架中, 2: 下架了 | tinyint(1) 这里的1表示的是最小显示宽度是1个字符； tinyint(2) 这里的2表示的是最小显示宽度是2字符 |
|
- 供应商信息表(suppliers)
| 字段 | 含义 | 数据类型 | 是否必传 |
|---|---|---|---|
| id | 供应商id | int | 1 |
| name | 供应商姓名 | varchar(32) | 1 |
| address | 地址 | varchar(64) | |
| phone | 手机号 | char(11) | 1 |
| 邮箱 | varchar(32) | ||
| goods | 供应物品 | varchar(500) | |
| goods_id | 供应物品id | varchar(150) | 预留字段：可能会去关联对应的多个商品id |
6、项目代码目录设计
项目基本功能演示
最后，希望大家动一动小手，关注下❤！
后期等项目稳定，可以考虑开源出来。