使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

对于一些简单的增删改查写起来太浪费时间,因此使用人人开源里面的脚手架搭建项目后台

人人开源地址

搭建SpringBoot服务端

git clone项目到电脑上
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

将项目用IDE打开,我这块就放到我的微服务项目总工程目录下,先要将原本项目的git信息进行删除
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
将此项目加入到父项目的子模块中使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
进入项目,找到DB文件,并将它放到自己的数据库
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
执行完如下

使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

然后在dev下修改数据源信息使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
进行启动
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

可以看到定时任务等等都已经启动成功,也能从数据库中查出数据
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
接下来就是要搞定配套的Vue项目

搭建前端项目

前端项目是基于Vue开发的,当然可以选的版本很多,也可以选择HTML,CSS,JS原生开发的,也可以使用Freemaker开发的等

还是和前面一样,将项目克隆到本地
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
删除其自带的git信息,我电脑以前安装过node(以前没有安装过,需要先安装node,并给它配置国内镜像,比如淘宝等)这里就跳过了,网上教程很多

使用前端开发工具打开,我这里使用VSCode,如下
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
接下来就进行npm install,相当于maven的package,在官网下载package.json绑定的一些包及其对应的版本,速度慢可以使用cnpm
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

install 后就敲入npm run dev就ok了
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台

然后开启服务端和前端进行联调
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
默认的账号和密码都是admin(验证码是动态从后台获取的,要保证后台的可用)
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台
登录成功如下,至此就简单的搭建了一个后台管理项目
使用人人开源秒搭SpringBoot2.x+Vue的前后端分离管理平台