Spring boot2.0 + Vue脚手架项目源码，中小型管理系统开发神器。

Posted 2020-12-09

一套轻量级的权限系统，主要包括用户管理、角色管理、部门管理、菜单管理、定时任务、参

数管理、字典管理、文件上传、登录日志、操作日志、异常日志、文章管理、APP模块等功能。其中，还拥

有多数据源、数据权限、国际化支持、Redis缓存动态开启与关闭、统一异常处理等技术特点。

后台技术架构

基于最新的SpringBoot 2.0、MyBatis、Shiro、Element 2.0+框架，开发的一套权限系统，极低门槛，拿

来即用。设计之初，就非常注重安全性，为企业系统保驾护航，让一切都变得如此简单

代码风格优雅简洁、通俗易懂，且符合《阿里巴巴Java开发手册》规范要求，可作为企业代码规范

完善的 XSS 防范及脚本过滤，彻底杜绝 XSS ***，且基于白名单的富文本XSS过滤

优秀的菜单功能权限，前端可灵活控制页面及按钮的展示，后端可对未授权的请求进行拦截

优秀的数据权限管理，只需增加相应注解，无需其他任何代码，即可实现数据过滤，达到数据权限目的

灵活的角色权限管理，新增角色时，角色权限只能是创建者权限的子集，可有效防止权限越权

灵活的日志管理，可查看登录日志、操作日志、异常日志，方便审计及BUG定位

灵活的国际化配置，目前已支持简体中文、繁体中文、English，如需增加新语言，只需增加新语言

[i18n]文件即可

灵活的前端动态路由，新增页面无需修改路由文件，也可在页面动态新增tab标签

支持mysql、Oracle、SQL Server、PostgreSQL等主流数据库。

便捷的前后端代码一键生成，让开发不再繁琐。我们只要关注业务。

后台源码

项目一共分为五个模块，如下所示：

sk-enterprise

│

│

├─sk-admin 后台管理

│ │

│ └──db 数据库初始化脚本

│ │

│ ├─mysql.sql MySQL数据库

│ │

│ ├─oracle.sql Oracle数据库

│ │

│ ├─sqlserver.sql SQL Server数据库

│ │

│ └─postgresql.sql PostgreSQL数据库

│

│

├─sk-dynamic-datasource 多数据源

│

│

├─sk-common 工具包

│

│

├─sk-api API服务

│

│

├─sk-generator 代码生成器

1.sk-common为公共模块，其他模块以jar包的形式引入进去，主要提供些工具类，以及sk-admin、 sk-api

模块公共的entity、mapper、dao、service服务，防止一个功能重复多次编写代码。

2.sk-dynamic-datasource为多数据源模块，其他模块以jar包的形式引入进去。

3.sk-admin为后台模块，也是系统的核心，用来开发后台管理系统，可以打包成jar，部署到服务器上运

行，或者打包成war，放到Tomcat8.5+容器里运行。

4.sk-api为接口模块，主要是简化APP开发，如：为微信小程序、ios、android提供接口，拥有一套单独的

用户体系，没有与sk-admin用户表共用，因为sk-admin用户表里存放的是企业内部人员账号，具有后台

管理员权限，可以登录后台管理系统，而sk-api用户表里存放的是我们的真实用户，不具备登录后台管

理系统的权限。sk-api主要是实现了用户注册、登录、接口权限认证、获取登录用户等功能，为APP接口

的安全调用，提供一套优雅的解决方案，从而简化APP接口开发。

5.sk-generator为代码生成器模块，只需创建好表结构，就可以生成新增、修改、删除、查询、导出等操作

的代码，包括entity、mapper、dao、service、controller、vue等所有代码，项目开发神器。支持

MySQL、Oracle、SQL Server、PostgreSQL数据库。

代码生成器

在数据库sk中，执行建表语句，创建tb_goods表，再启动sk-generator项目，运行

GeneratorApplication.java的main方法即可

项目访问路径：http://localhost:8082/sk-generator

在浏览器里输入项目地址，如下所示：

生成代码如下

链接：https://pan.baidu.com/s/1p4Bcp89dhLQ3ER2nKBfBhA

提取码：csef

接下来把生成的文件放到代码指定位置，vue前端代码同理

后台代码放置：

前端代码放置

菜单权限国际化相关sql执行

这样子一个业务逻辑就已经全部配置完成，是不是发现我们压根就不用写多余的代码，让我们赶紧进入系统看看吧！

点击进入菜单

新增一条数据吧

新增成功返回列表查询

点击导出按钮导出文件如下

是不是发现整个过程我们不费吹灰之力！当然对实际业务中多表联合查询，我们只需要稍微定制sql，就能实现我们想要的任何效果。

工作流配置

接口文档

国际化支持

下面我们附上前端代码结构图

架构如下

基于Vue-cli3.0+脚?架搭建?成。它使?了Vue2.0+、

Element2.0+等前端技术栈开发。

前端的小伙伴们有没有很熟悉，嘻嘻。

Node.js，ES6，Webpack，Vue-cli，Vue，Vue-router

Vuex，Vue-i18n，Axios，Element，JS-cookie

时光不老，只有在学习的路上才青春永驻。

-共勉之? QQ:85525961