從零開始搭建項目，沒有好用的腳手架怎么行！最近發(fā)現(xiàn)一款高顏值的前后端分離腳手架
sa-plus，自帶代碼生成器，可一鍵生成前端、后端、API文檔代碼，推薦給大家！
sa-plus簡介
一款基于SpringBoot的快速開發(fā)框架，內(nèi)置代碼生成器。
項目特點：
- 集成常用開發(fā)功能，包括文件上傳、角色授權(quán)、全局異常處理、Redis控制臺、API日志統(tǒng)計等。
- 內(nèi)置代碼生成器，高自動化代碼生成，可一鍵生成后端、前端和API文檔代碼。
- 通過給表添加注釋來生成代碼，數(shù)據(jù)庫表建好了，項目也就開發(fā)一半了。
項目架構(gòu)
sa-plus前后端使用的技術(shù)棧還是非常主流的，下面我們來看下。
使用技術(shù)棧
- 后端技術(shù)棧：MySql 5.7、SpringBoot、Mybatis-Plus、Druid、PageHelper、Redis、Sa-Token、Lombok、Hutool、FastJson
- 前端技術(shù)棧：Vue、Element-Ui、WangEditor、Jquery、Layer、Swiper、Echarts
模塊介紹
- sp-server：SpringBoot后端代碼。
- sp-admin：Vue管理系統(tǒng)前端代碼。
- sp-apidoc：Docsify API接口文檔代碼。
- sp-generate：代碼生成器，可生成后端、前端、API文檔。
- sp-devdoc：sa-plus本地文檔。
- doc：其它文件，存放SQL腳本。
快速開始
sp-server、sp-admin、sp-apidoc為sa-plus的主要項目模塊，我們先把它們啟動起來。
sp-server
- 先在MySql中創(chuàng)建
sp-dev數(shù)據(jù)庫，導(dǎo)入項目doc目錄下的sa-plus.sql腳本，導(dǎo)入成功后將生成如下表；image.png - 將
sp-server模塊導(dǎo)入到IDEA中，導(dǎo)入成功后項目結(jié)構(gòu)如下；image.png - 修改項目的配置文件
application-dev.yml，將MySql和Redis配置修改為你自己的連接配置；
spring:
# 數(shù)據(jù)源配置
datasource:
type: com.alibaba.druid.pool.DruidDataSource
url: jdbc:mysql://127.0.0.1:3306/sp-dev?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC
username: root
password: root
# redis配置
redis:
# Redis數(shù)據(jù)庫索引（默認(rèn)為0）
database: 1
# Redis服務(wù)器地址
host: 127.0.0.1
# Redis服務(wù)器連接端口
port: 6379
# Redis服務(wù)器連接密碼（默認(rèn)為空）
# password:
# 連接超時時間（毫秒）
timeout: 5000ms
- 運行啟動類
SpServerApplication的main方向，至此后端服務(wù)啟動成功。
2021-08-09 16:46:00.478 INFO --> Initializing ExecutorService 'applicationTaskExecutor'
____ ____ ___ ____ _ _ ____ _ _
[__ |__| __ | | | |_/ |___ |\ |
___] | | | |__| | \_ |___ | \|
DevDoc：http://sa-token.dev33.cn (v1.24.0)
GitHub：https://github.com/dromara/sa-token
2021-08-09 16:46:00.744 INFO --> Initializing ExecutorService 'taskScheduler'
2021-08-09 16:46:00.778 INFO --> Starting ProtocolHandler ["http-nio-8099"]
2021-08-09 16:46:00.792 INFO --> Tomcat started on port(s): 8099 (http) with context path ''
2021-08-09 16:46:00.802 INFO --> 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模塊導(dǎo)入到IDEA中，導(dǎo)入成功后項目結(jié)構(gòu)如下；image.png -
打開
index.html頁面，點擊右上角按鈕運行到瀏覽器即可；image.png -
使用默認(rèn)賬號密碼登錄后，即可訪問
sa-plus的首頁，界面還是挺炫酷的；image.png -
我們可以稍稍體驗下
sa-plus的基礎(chǔ)功能，比如Redis控制臺功能，可以查看Redis狀態(tài)和管理Redis中的數(shù)據(jù)；
image.png -
還有
API請求日志功能，可以查看API請求記錄和請求耗時；image.png -
還有權(quán)限管理中的
角色管理功能，可以創(chuàng)建角色并給角色分配權(quán)限；image.png -
還有權(quán)限管理中的
菜單管理，其實我們可以發(fā)現(xiàn)sa-plus中的菜單和權(quán)限是綁定在一起的，而菜單是從前端的路由中獲取的，給角色分配了菜單即分配了菜單下的權(quán)限，這樣做的話想做到接口級權(quán)限就比較麻煩了；image.png -
還有權(quán)限管理中的
用戶管理，可以管理用戶信息。image.png
sp-apidoc -
將
sp-apidoc模塊導(dǎo)入到IDEA中，導(dǎo)入成功后項目結(jié)構(gòu)如下；image.png -
打開
index.html頁面，點擊右上角按鈕運行到瀏覽器即可，此時我們可以發(fā)現(xiàn)API文檔中還沒有任何內(nèi)容。image.png
代碼生成器
使用代碼生成器，可以根據(jù)數(shù)據(jù)庫表直接生成前端、后端及API文檔代碼，讓我們來體驗下它有何神奇之處。
- 將
sp-generate模塊導(dǎo)入到IDEA中，導(dǎo)入成功后項目結(jié)構(gòu)如下；image.png - 然后往MySql中導(dǎo)入測試數(shù)據(jù)，導(dǎo)入項目
doc目錄下的test-data.sql腳本，導(dǎo)入成功后新增如下表；image.png - 接下來修改
SpGenerateApplication中的MySql連接配置和代碼生成目錄配置；
@SqlFlySetup
@SpringBootApplication
public class SpGenerateApplication {
// 直接運行代碼生成器
public static void main(String[] args) {
// 啟動springboot
SpringApplication.run(SpGenerateApplication.class, args);
// =================================== 設(shè)置連接信息 ===================================
FlyConfig config = new FlyConfig();
config.setDriverClassName("com.mysql.jdbc.Driver");
config.setUrl("jdbc:mysql://127.0.0.1:3306/sp-dev?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=UTC");
config.setUsername("root");
config.setPassword("root");
config.setPrintSql(true); // 是否打印sql
FlyObjects.setConfig(config); // 注入到框架中
// =================================== 一些全局設(shè)置 ===================================
GenCfgManager.cfg
.setProjectPath("D:/developer/demo/sa-plus/") // 總項目地址 (生成代碼的路徑)
.setServerProjectName("sp-server") // 服務(wù)端 - 項目名稱
// .setServerProjectName("sp-com/sp-core") // 服務(wù)端 - 項目名稱 (sp-com多模塊版填此格式)
.setCodePath("src/main/java/") // 服務(wù)端代碼 - 存放路徑
.setPackagePath("com.pj.project") // 服務(wù)端代碼 - 總包名
.setPackage_utils("com.pj.utils.sg.*") // 服務(wù)端代碼 - util類包地址
.setAuthor("macrozheng"); // 服務(wù)端代碼 - 代碼作者
}
}
- 然后運行啟動類
SpGenerateApplication的main方法生成代碼，運行成功后，sp-server的project包下會生成后端代碼；image.png -
sp-admin的sa-html目錄下會生成前端代碼，還會在menu-list.js中追加菜單信息；image.png -
sp-apidoc的project目錄也下會生成API文檔代碼；image.png -
重新運行前后端代碼后，我們暫時還無法看到新增的菜單，還需要給角色分配權(quán)限才可以查看；image.png
-
之后我們可以看到，對于商品表來說，列表頁面和添加頁面已經(jīng)給我們生成好了；image.png
- 其實
sa-plus是通過解析數(shù)據(jù)庫表中的注釋來生成代碼的，我們可以看下商品表的SQL語句，其中有很多包含[]的注釋，sa-plus就是根據(jù)這些規(guī)則來生成代碼的；
CREATE TABLE `ser_goods` (
`id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '記錄id [num no-add]',
`name` varchar(200) DEFAULT NULL COMMENT '商品名稱 [text j=like]',
`avatar` varchar(512) DEFAULT NULL COMMENT '商品頭像 [img]',
`image_list` varchar(2048) DEFAULT NULL COMMENT '輪播圖片 [img-list]',
`content` text COMMENT '圖文介紹 [f]',
`money` int(11) DEFAULT '0' COMMENT '商品價格 [num]',
`type_id` bigint(20) DEFAULT NULL COMMENT '所屬分類 [num]',
`stock_count` int(11) DEFAULT '0' COMMENT '剩余庫存 [num]',
`status` int(11) DEFAULT '1' COMMENT '商品狀態(tài) (1=上架,2=下架) [j]',
`create_time` datetime DEFAULT NULL COMMENT '創(chuàng)建日期 [date-create]',
`update_time` datetime DEFAULT NULL COMMENT '更新日期 [date-update]',
PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=1005 DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='商品表\n[table icon=el-icon-a
-
這里的規(guī)則比較多，大家可以自行對照下表查看；image.png
-
最后我們再來看下已經(jīng)生成好的API文檔，商品表的CRUD接口文檔都有了，非常詳細(xì)；image.png
-
而且API文檔中還提供了接口測試功能，是不是很貼心！image.png
總結(jié)
通過上面的一波實踐，我們可以發(fā)現(xiàn)sa-plus確實是個有意思的框架。不僅提供了項目的基礎(chǔ)功能，還提供了代碼生成器，可以一鍵生成前后端及API文檔代碼，大大提高了開發(fā)效率。但是沒有一種代碼生成器是萬能的，復(fù)雜的代碼還是需要手寫。sa-plus的權(quán)限功能把菜單和權(quán)限綁定在了一起，使用起來不太靈活，還是可以改進(jìn)下的。
參考資料
官方文檔：http://sa-plus.dev33.cn/
