# 后台管理系统

**Repository Path**: guo-xiaocong/background-management-system

## Basic Information

- **Project Name**: 后台管理系统
- **Description**: 一个比较简单的后台管理系统，使用vue2技术栈。项目中存在较多重写element组件样式，并对其进行组件封装。
项目没有后端接口支持，单纯做着学习学习。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 0
- **Created**: 2023-06-14
- **Last Updated**: 2023-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Background management system

### Technology stack

- vue2 2.6.14
- element-ui 2.15.13
- dayjs 1.11.7
- vuex 3.6.2
- node 12.16.0
- vue-json-excel

### Show

![avatar](/public/login.png)
![avatar](/public/home.png)
![avatar](/public/control.png)
![avatar](/public/user.png)
![avatar](/public/system.png)

### Description

- 管理员账号：
  account：admin
  password：123
- 普通用户账号：
  account:1
  password:1

项目使用的是vue2技术，适合前端初学者学习vue2基本语法的小demo。
涉及的技术有：
+ less的样式穿透/deep/
+ 熟悉element-ui的组件
+ 前端路由守卫控制页面访问权限（如普通用户查看不到用户配置和系统设置这两个界面）
+ 使用<a href="https://www.npmjs.com/package/vue-json-excel">vue-json-excel</a>以excel文件导出表格中的系统日志

### 运行项目
```
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

```