还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

从零开始搭建项目,没有好用的脚手架怎么行!最近发现一款高颜值的前后端分离脚手架sa-plus,自带代码生成器,可一键生成前端、后端、API文档代码,推荐给大家!
sa-plus简介一款基于SpringBoot的快速开发框架,内置代码生成器 。
项目特点:
  • 集成常用开发功能,包括文件上传、角色授权、全局异常处理、redis控制台、API日志统计等 。
  • 内置代码生成器,高自动化代码生成,可一键生成后端、前端和API文档代码 。
  • 通过给表添加注释来生成代码,数据库表建好了,项目也就开发一半了 。
项目架构
sa-plus前后端使用的技术栈还是非常主流的,下面我们来看下 。
使用技术栈
  • 后端技术栈:MySQL 5.7、SpringBoot、Mybatis-Plus、Druid、PageHelper、Redis、Sa-Token、Lombok、Hutool、FastJson
  • 前端技术栈:Vue、Element-Ui、WangEditor、Jquery、Layer、Swiper、Echarts
模块介绍
  • sp-server:SpringBoot后端代码 。
  • sp-admin:Vue管理系统前端代码 。
  • sp-apidoc:Docsify API接口文档代码 。
  • sp-generate:代码生成器,可生成后端、前端、API文档 。
  • sp-devdoc:sa-plus本地文档 。
  • doc:其它文件,存放SQL脚本 。
快速开始
sp-server、sp-admin、sp-apidoc为sa-plus的主要项目模块,我们先把它们启动起来 。
sp-server
  • 先在MySql中创建sp-dev数据库,导入项目doc目录下的sa-plus.sql脚本,导入成功后将生成如下表;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 将sp-server模块导入到IDEA中,导入成功后项目结构如下;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 修改项目的配置文件Application-dev.yml,将MySql和Redis配置修改为你自己的连接配置;
spring:# 数据源配置datasource:type: com.alibaba.druid.pool.DruidDataSourceurl: jdbc:mysql://127.0.0.1:3306/sp-dev?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTCusername: rootpassword: root# redis配置redis:# Redis数据库索引(默认为0)database: 1# Redis服务器地址host: 127.0.0.1# Redis服务器连接端口port: 6379# Redis服务器连接密码(默认为空)# password:# 连接超时时间(毫秒)timeout: 5000ms
  • 运行启动类SpServerApplication的main方向,至此后端服务启动成功 。
2021-08-09 16:46:00.478INFO-->Initializing ExecutorService 'applicationTaskExecutor'____ _______ ____ __ ____ __ [__|__| __||| |_/|___ | | ___] ||||__| | _ |___ | | DevDoc:http://sa-token.dev33.cn (v1.24.0)GitHub:https://github.com/dromara/sa-token2021-08-09 16:46:00.744INFO-->Initializing ExecutorService 'taskScheduler'2021-08-09 16:46:00.778INFO-->Starting ProtocolHandler ["http-nio-8099"]2021-08-09 16:46:00.792INFO-->Tomcat started on port(s): 8099 (http) with context path ''2021-08-09 16:46:00.802INFO-->Started SpServerApplication in 3.871 seconds (JVM running for 4.797)------------- sa-plus (dev) 启动成功 --by 2021-08-09 16:46:00 -------------sp-admin
  • 将sp-admin模块导入到IDEA中,导入成功后项目结构如下;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 打开index.html页面,点击右上角按钮运行到浏览器即可;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 使用默认账号密码登录后,即可访问sa-plus的首页,界面还是挺炫酷的;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 我们可以稍稍体验下sa-plus的基础功能,比如Redis控制台功能,可以查看Redis状态和管理Redis中的数据;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图
 
  • 还有API请求日志功能,可以查看API请求记录和请求耗时;

还在从零开始搭建项目?推荐一款高颜值的前后端分离脚手架

文章插图