内容管理系统(前端工程)

内容管理系统(后端工程)传送门

一、如何运行

1、安装依赖

npm install

2、打包

npm run build

3、运行

npm run start

二、项目结构

├─config
│   └─webpack.config.dev.js
├─src
│   ├─image
│   ├─module
│   │  ├─auth
│   │  │  ├─permission
│   │  │  ├─role
│   │  │  └─user
│   │  ├─config
│   │  ├─dashboard
│   │  └─personal
│   ├─page
│   │  ├─home
│   │  ├─login
│   │  └─register
│   ├─util
│   ├─index.html
│   ├─App.jsx
│   ├─app.less
│   └─store.js
├─.babelrc
└─package.json

三、功能列表

• 认证授权

  • 用户注册
  • 用户登录
  • 验证码校验
  • 用户管理
  • 角色管理
  • 权限管理

• 仪表盘

  • 在线用户统计
  • 流量统计
  • cpu监控
  • 内存监控
  • 磁盘监控

• 系统设置

  • 标题设置
  • 版权设置
  • 头像设置
  • 还原默认配置

• 个人信息

  • 基本信息修改
  • 密码修改

四、演示

1、登录页

2、仪表盘

3、用户管理 (角色管理, 权限管理与之类似)

4、角色分配 (权限分配与之类似)

5、系统设置

6、个人信息