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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。相关的知识,希望对你有一定的参考价值。

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

数管理、字典管理、文件上传、登录日志、操作日志、异常日志、文章管理、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开发,如:为微信小程序、iosandroid提供接口,拥有一套单独的

用户体系,没有与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

以上是关于Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot之整合Quartz调度框架-基于Spring Boot2.0.2版本

SpringBoot之整合Quartz调度框架-基于Spring Boot2.0.2版本

Spring Boot2.0之纯手写框架

spring boot2.0快速入门

Spring Boot2.0之热部署原理

SpringBoot之整合Redis分析和实现-基于Spring Boot2.0.2版本