vue3-element-plus-admin 后台管理系统（Vue3学者速速进来看看）

RunTheCode 2022-06-12

7961

大家好，我是小酷！

今天给大家推荐的开源项目是vue3-element-plus-admin 后台管理系统。

系统介绍

vue3-element-plus-admin 是个前后端分离的后台管理系统。前端采用了Vue3，element-plus，typescript；后端采用Spring Boot框架。系统还实现了RBAC权限管理功能，动态路由加载，国际化等基础功能。

功能介绍

系统功能包含角色管理，管理员管理，邮件发送管理，各种日志管理，比如登录日志，操作日志，定时任务日志，报错日志等。除此之外，还有菜单管理，文件上传下载，备份管理，区域管理等众多功能。

此项目前端开发使用Vue3+ts实现的，适合Vue3粉丝去学习。后端开发还是采用了大家熟悉的springboot微服务框架，项目可以独立部署运行。

技术框架

* 核心框架：SpringBoot+MyBatis-plus+Shiro

* 前端框架：Vue3、Element-Plus、Vue- router、Vuex、Axios

开发环境

JDK：1.8
MySql 8.0+

核心依赖

依赖	版本
Spring Boot	2.5.1
Mysql	8.0.23
Lombok	1.18.20
Mybatis-plus	3.4.2
Shiro	1.8.0
fastjson	1.2.75
mail	1.6.2
Druid	1.2.5

项目结构

vue3-src
├─slipper-backstage Controller模块
│
├─slipper-common 通用模块
│
├─slipper-core 核心模块
│
├─slipper-service 服务层模块
│
└─slipper-shiro shiro权限控制模块

启动流程

# 克隆项目
git clone https://github.com/gmingchen/vue3-element-plus-admin.git


# 进入项目目录
cd vue3-element-plus-admin


# 安装依赖
npm install


# 启动服务
npm run dev   # 开发环境
npm run prod  # 正式环境
npm run test  # 测试环境


# 发布
npm run build:dev   # 开发环境
npm run build:prod  # 正式环境
npm run build:test  # 测试环境