# vue2-elementui-admin

**Repository Path**: nut77/vue2-elementui-admin

## Basic Information

- **Project Name**: vue2-elementui-admin
- **Description**: 利用vue全家桶和elementui，完成一个PC端的后台管理系统
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 189
- **Forks**: 57
- **Created**: 2018-11-30
- **Last Updated**: 2024-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前言
**vue2-elementui-admin**项目是基于vue全家桶和elementui完成的PC端后台管理系统模板。[最新后台管理系统模板（使用vue2全家桶、element-ui、echarts、axios等）](https://gitee.com/nut77/vue2-elementui-layout)。
# 技术栈
less es6 vue2 vuex vue-router element-ui webpack echarts
# 项目运行
**注意：项目是基于nodejs运行，需要提前安装好nodejs环境。**

```
git clone 项目地址
cd vue2-elementui-admin
npm install
npm run dev
```
然后访问```localhost:8080```即可进入登录页面（用户名和密码可随便填，但不能为空）。
# 部分截图
#### 登录
![img](./screenshots/1.png)
#### 系统首页
![img](./screenshots/2.png)

![img](./screenshots/2-1.png)
#### 简单图表
![img](./screenshots/3.png)
#### 复杂图表
![img](./screenshots/4.png)
#### tab选项卡
![img](./screenshots/5.png)

![img](./screenshots/5-1.png)

![img](./screenshots/5-2.png)
#### 表格
![img](./screenshots/6.png)

![img](./screenshots/6-1.png)

![img](./screenshots/6-2.png)
#### 错误页面
![img](./screenshots/7.png)
#### 404页面
![img](./screenshots/8.png)