# system

**Repository Path**: it-Xiao-Chen/system

## Basic Information

- **Project Name**: system
- **Description**: 基于Vue(全家桶)+Element UI+Echars图表+json-server实现的web后台管理系统！
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-05
- **Last Updated**: 2023-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **项目描述：** 

一、 后端接口模拟配置（json-server）

蓝奏云下载地址：https://wwcc.lanzoub.com/i5FuU0mnu4fa

二、启动json-server

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/1.json-server.jpg)

三、运行效果(启动指令：npm run serve)

1.登录页面:http://localhost:8080

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/2.%E7%99%BB%E5%BD%95.jpg)

2.首页:http://localhost:8080/#/index

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/3.%E9%A6%96%E9%A1%B5.jpg)

3.商品管理:http://localhost:8080/#/goods

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/4.%E5%95%86%E5%93%81%E7%AE%A1%E7%90%86.jpg)

添加商品

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/5.%E6%B7%BB%E5%8A%A0%E5%95%86%E5%93%81.jpg)

编辑商品

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/6.%E7%BC%96%E8%BE%91%E5%95%86%E5%93%81.jpg)

4.用户管理:http://localhost:8080/#/user

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/7.%E5%91%98%E5%B7%A5%E7%AE%A1%E7%90%86.jpg)

添加用户

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/8.%E6%B7%BB%E5%8A%A0%E5%91%98%E5%B7%A5.jpg)

编辑用户

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/9.%E7%BC%96%E8%BE%91%E5%91%98%E5%B7%A5.jpg)

5.个人中心

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/10.%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.jpg)

四、系统说明

1.权限管理(系统用户分3个身份：管理员、员工、普通用户)

管理员可以操作系统所有权限功能(首页、商品管理、用户管理、其他)

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/11.%E7%AE%A1%E7%90%86%E5%91%98%E6%9D%83%E9%99%90.png)

员工可以操作部分权限功能（首页、商品管理）

![输入图片说明](%E4%BD%9C%E5%93%81%E6%95%88%E6%9E%9C/12.%E5%91%98%E5%B7%A5%E6%9D%83%E9%99%90.png)

普通用户不能访问后台管理系统