# Vue权限管理demo

**Repository Path**: xiaofugui_xg/vue-permission-management-demo

## Basic Information

- **Project Name**: Vue权限管理demo
- **Description**: 这是一个用来练习Vue后台权限管理的简单demo,demo技术栈使用vue2+vue-router+element-ui来实现,后台数据使用mock.js模拟实现，如有不足,欢迎各位大佬补充,抱拳抱拳。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 1
- **Created**: 2023-03-20
- **Last Updated**: 2024-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue权限管理demo

#### 介绍
这是一个用来练习Vue后台权限管理的简单demo

#### 软件架构
demo技术栈使用vue2+vue-router+element-ui来实现,后台数据使用mock.js模拟实现。


#### 安装教程

1.  git clone git@gitee.com:xiaofugui_xg/vue-permission-management-demo.git
2.  安装依赖 npm install
3.  运行项目 npm run serve

#### 页面效果

1.  登录页
![login](https://foruda.gitee.com/images/1684227088943547974/0ccdc6b0_11332062.png "屏幕截图")
2.  首页
![home](https://foruda.gitee.com/images/1684227120906524676/7b890c2e_11332062.png "屏幕截图")




#### 分支介绍

1.  template 分支（基础模板,用于练习,无权限功能）
2.  dev分支 (非动态路由实现的权限管理)
3.  test分支(动态路由实现的权限管理)



#### 用户介绍

1.  admin(超级管理员) 密码随便
2.  test(普通管理员) 密码随便


#### 文档介绍
https://blog.csdn.net/weixin_40565812/article/details/130509188?spm=1001.2014.3001.5502