# wvElementAdmin

**Repository Path**: yeyoudubai/wvElementAdmin

## Basic Information

- **Project Name**: wvElementAdmin
- **Description**: vue-element-admin
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 14
- **Forks**: 0
- **Created**: 2019-07-09
- **Last Updated**: 2025-05-27

## Categories & Tags

**Categories**: backend

**Tags**: None

## README


## 简介

基于vue-element-admin进行的修改

## 前序准备

1.此项目是用户标识作为权限管理，我们已更改为后端JSON数据动态路由(数据在：mock/role/routes.js); 

2.已模拟mock通过token来获取不同角色的路由JSON数据。(mock/role/index.js); 

3.已修改为，可通过配置文件(@/settings.js)，routesRole设置前端控制还是后端控制路由，all '后端JSON返回路由',reception '前端router控制'

## 功能

```
- 登录 / 注销

- 权限验证
  - 页面权限
  - 指令权限
  - 权限配置
  - 二步登录

- 多环境发布
  - dev sit stage prod

- 全局功能
  - 国际化多语言
  - 多种动态换肤
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地/后端 mock 数据
  - Screenfull全屏
  - 自适应收缩侧边栏

- 编辑器
  - 富文本
  - Markdown
  - JSON 等多格式

- Excel
  - 导出excel
  - 导入excel
  - 前端可视化excel
  - 导出zip

- 表格
  - 动态表格
  - 拖拽表格
  - 内联编辑

- 错误页面
  - 401
  - 404

- 組件
  - 头像上传
  - 返回顶部
  - 拖拽Dialog
  - 拖拽Select
  - 拖拽看板
  - 列表拖拽
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- 综合实例
- 错误日志
- Dashboard
- 引导页
- ECharts 图表
- Clipboard(剪贴复制)
- Markdown2html
```

## 开发

```bash

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev
```

浏览器访问 http://localhost:9527

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

#### 参与贡献

1.  [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
2.  [vue-admin-beautiful](https://github.com/chuzhixin/vue-admin-beautiful)

## 其它

```bash
# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix
```
加入 [VUE技术交流组一](https://jq.qq.com/?_wv=1027&k=599T7Mt)
</br>
加入 [VUE技术交流组二](https://jq.qq.com/?_wv=1027&k=5iHcL0X)

#### 界面
![登录界面](https://images.gitee.com/uploads/images/2020/0502/085105_9fad099b_1383459.png "QQ图片20200502083219.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0502/085209_85c26de5_1383459.png "QQ图片20200502085200.png")