#  management_system

**Repository Path**: lin-junyue/management_system

## Basic Information

- **Project Name**:  management_system
- **Description**: 基于Vue2框架+Element ui库所实现的管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-20
- **Last Updated**: 2023-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my_app

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

## 项目介绍

### 项目简介：
本项目是一个后台管理系统，拥有登录退出，增删改查等功能。

### 实现功能：
我负责的模块主要是前端页面的褡建、页面间的交互、对代码进行优化以提高顶目质量以及解决各个浏览器兼容问题。

### 技术点：
使用mock模拟后端数据；使用VueRouter实现页面的切换；使用Vuex存储数据；使用echarts实现折线图，柱状图，饼图；使用axios请求数据；

## 软件构架

### 技术选型：

- 使用了element-ui框架，如container布局容器，layout布局，Dialog 对话框，Message 消息提示；
- axios请求数据；
- 使用到JavaScript为页面设置交互功能；
- 运用到了Vue的数据驱动DOM渲染；
- 以及使用到了VueRouter 切视图组件页面从而实现单页面程序；
- 再则是使用了sass 这款css 预处理工具，更高效的处理CSS 样式；

## 项目部分功能截图
登录页
![输入图片说明](Image/%E7%99%BB%E5%BD%95.png)
首页
![输入图片说明](Image/%E9%A6%96%E9%A1%B5.png)
用户管理页
![输入图片说明](Image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5.png)
![输入图片说明](Image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5--%E7%BC%96%E8%BE%91.png)
![输入图片说明](Image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5--%E6%B7%BB%E5%8A%A0.png)
![输入图片说明](Image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5--%E5%88%A0%E9%99%A4.png)
![输入图片说明](Image/%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86%E9%A1%B5--%E5%88%87%E6%8D%A2%E9%A1%B5%E6%95%B0.png)
其他页面待完善