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开发,如:为微信小程序、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数据库。
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第1张图片Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第2张图片
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第3张图片

代码生成器

Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第4张图片
在数据库sk中,执行建表语句,创建tb_goods表,再启动sk-generator项目,运行
GeneratorApplication.java的main方法即可
项目访问路径:http://localhost:8082/sk-generator
在浏览器里输入项目地址,如下所示:
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第5张图片
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第6张图片
生成代码如下
链接:https://pan.baidu.com/s/1p4Bcp89dhLQ3ER2nKBfBhA
提取码:csef

接下来把生成的文件放到代码指定位置,vue前端代码同理
后台代码放置:
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第7张图片
前端代码放置
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第8张图片
菜单权限国际化相关sql执行
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第9张图片
这样子一个业务逻辑就已经全部配置完成,是不是发现我们压根就不用写多余的代码,让我们赶紧进入系统看看吧!
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第10张图片
点击进入菜单
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第11张图片
新增一条数据吧
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第12张图片
新增成功返回列表查询
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第13张图片
点击导出按钮导出文件如下
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第14张图片
是不是发现整个过程我们不费吹灰之力!当然对实际业务中多表联合查询,我们只需要稍微定制sql,就能实现我们想要的任何效果。

工作流配置

Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第15张图片
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第16张图片

接口文档

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

国际化支持

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

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

架构如下
基于Vue-cli3.0+脚⼿架搭建⽽成。它使⽤了Vue2.0+、
Element2.0+等前端技术栈开发。

前端的小伙伴们有没有很熟悉,嘻嘻。
Node.js,ES6,Webpack,Vue-cli,Vue,Vue-router
Vuex,Vue-i18n,Axios,Element,JS-cookie
Spring boot2.0 + Vue脚手架项目源码,中小型管理系统开发神器。_第19张图片
时光不老,只有在学习的路上才青春永驻。
-共勉之☞ QQ:85525961

你可能感兴趣的:(笔记)