# vue_biandianzhan

**Repository Path**: lujj0801/vue_biandianzhan

## Basic Information

- **Project Name**: vue_biandianzhan
- **Description**: 一个简约的后端管理系统
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-12-27
- **Last Updated**: 2022-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# biandianzhan-admin

## 前言

该项目为前后端分离项目的前端部分。

## 项目介绍

`biandianzhan-admin`是一个智电云”-变电站全景状态智能管控云平台的前端项目，基于 Vue+Element+Echart 实现。主要包括信息总览、地下管廊、智能门禁、主设备管控、数字票据、人员管控、无人设备管控、视觉大数据、、系统设置等功能。

### 部分截图

![](https://s3.bmp.ovh/imgs/2022/08/08/dbe892bb6d8d0517.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/15d5e7aaaf01ba9a.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/31c34eb57f2c2ddf.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/d66476f04d0f7a21.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/b4e06c9c886b0ec9.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/e6eadfcdfaf0f04c.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/a40fa431f508c21d.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/878989b1b3b50ed1.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/9c46b33b1fc8c922.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/44bd99c895497769.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/1373a9455663d3e6.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/df38ca8273816760.png)

![](https://s3.bmp.ovh/imgs/2022/08/08/6a3724fdda0f6d1b.png)

### 技术选型

| 技术       | 说明                    | 官网                                                                                 |
| ---------- | ----------------------- | ------------------------------------------------------------------------------------ |
| Vue        | 前端框架                | [https://vuejs.org/](https://vuejs.org/)                                             |
| Vue-router | 路由框架                | [https://router.vuejs.org/](https://router.vuejs.org/)                               |
| Vuex       | 全局状态管理框架        | [https://vuex.vuejs.org/](https://vuex.vuejs.org/)                                   |
| Element    | 前端 UI 框架            | [https://element.eleme.io/](https://element.eleme.io/)                               |
| Axios      | 前端 HTTP 框架          | [https://github.com/axios/axios](https://github.com/axios/axios)                     |
| Echarts    | 基于 Echarts 的图表框架 | [https://echarts.apache.org/zh/index.html](https://echarts.apache.org/zh/index.html) |

### 项目布局

```
src -- 源码目录
├── assets -- 静态图片资源文件,全局Css样式
├── components -- 通用组件封装
├── router.js -- vue-router路由配置
└── page -- 前端页面
```

### 项目运行

```bash
# install dependencies
npm install

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

```