# react-manage

**Repository Path**: coble/react-manage

## Basic Information

- **Project Name**: react-manage
- **Description**: 🍒🍒登录、权限管理、可配置 通用后台管理系统 含 nginx 线上环境配置 React+antd+Redux+Express+MongoDB 定位接口已加入域名白名单 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-06-09
- **Last Updated**: 2021-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 技术栈
>项目运行之前，请确保系统已经安装以下应用
1. node (6.0 及以上版本)
2. mongodb (开启状态) [安装参考](https://blog.csdn.net/composurext/article/details/79543271)
3. 全局安装nodemon(为了node服务热启动)
  ```
  yarn global add nodemon
  ```
4. [可以参考这里安装](https://blog.csdn.net/composurext/article/details/79543271)
## 运行启动
```
# 克隆到本地
1. git clone 

# 进入后台应用目录
2. cd react-manage/server

# 安装后台应用依赖
3. yarn install 

# 启动后台应用
4. yarn start  

# 进人前端应用目录
5. cd react-manage/client

# 安装前端应用依赖
6. yarn install

# 启动前端应用
7. yarn start

# 启动浏览器
8. 访问: http://localhost:3000
```
## 应用基本结构
### client/src
|文件目录 |含义 |
| ----- | ------  |
| api | ajax相关  |
| assets | 公用资源  |
| components | 公共组件（非路由组件）  |
| pages | 路由组件  |
| config | 配置文件  |
| utils  |工具模块  |
| App.js | 应用根模块  |
| index.js| 应用入口  |
### server/src
|文件目录 |含义 |
| ----- | ------  |
| config | 配置参数  |
| db | 数据库连接  |
| logs | 日志文件  |
| modals | 数据库表结构  |
| public | 可以放前端静态资源  |
| router  | 路由  |
| server.js| 应用入口  |


## 功能
+ 首页
  + 登陆
    + node实现基于token的身份验证
  + 登出
  + 保持登录
    + 页面刷新时的store状态存储
+ 商品
  + 品类管理
    + 添加
    + 修改分类
    + 子分类
  + 商品管理
    + 搜索商品
    + 添加商品
    + 上架/下架
    + 修改/详情
  + 用户管理
    + 添加/删除
  + 角色管理
    + 权限控制
  + 订单管理
    + 进、入
  + 数据可视化
    + 柱形、折线、饼图等
  + GitHub
    + 其它项目展示


### 登录
![登录](./doc/img/1572077222666.gif)
### 品类管理
![管理](./doc/img/1572508162034.gif)
### 商品管理
![管理](./doc/img/1573007074794.gif)
![添加](./doc/img/test.gif)
### 用户管理
![用户管理](./doc/img/userList.gif)
### 角色管理
![角色管理](./doc/img/roleList.gif)
### 权限控制
![权限控制](./doc/img/permission.gif)