經(jīng)過一段時(shí)間的總結(jié)和完善，我的管理系統(tǒng)快速開發(fā)模板已經(jīng)基本成型，現(xiàn)在GitHub上開源啦：

QuickAdmin

QuickAdmin是基于Spring Boot和React.js實(shí)現(xiàn)的管理系統(tǒng)開發(fā)框架。用于開發(fā)網(wǎng)站的后臺(tái)管理系統(tǒng)。

本框架提供了如下功能：

• 完整的基于Bootstrap的響應(yīng)式UI界面實(shí)現(xiàn)。
• 基于React的常用的管理系統(tǒng)顯示組件。
• 前后臺(tái)間的通信封裝。
• 常用的數(shù)據(jù)庫(kù)基礎(chǔ)操作封裝。
• 最小化的用戶管理功能
• 常用的簡(jiǎn)單工具類

本框架中富文本編輯器采用WangEditor實(shí)現(xiàn)。是一個(gè)國(guó)人開源的優(yōu)秀的輕量級(jí)富文本編輯器，希望多多支持。

##框架概述

本框架主要實(shí)現(xiàn)前端頁(yè)面的組件化，通過組合組件實(shí)現(xiàn)常見管理系統(tǒng)的大部分功能。同時(shí)也充分利用React.js的豐富資源和強(qiáng)大能力。用戶可以充分?jǐn)U展自己的功能。

本框架依賴于以下環(huán)境：

• JDK
• Gradle
• Node.js
• Webpack

開發(fā)環(huán)境以Intellij Idea為例，

以Gradle項(xiàng)目引入項(xiàng)目，并執(zhí)行sync以解決依賴

配置Application及application.properties，配置數(shù)據(jù)源及監(jiān)聽端口等參數(shù)。application.properties是Spring boot的配置文件，具體配置可以參考Spring Boot文檔。

使用本項(xiàng)目提供的demo.sql文件初始化數(shù)據(jù)庫(kù)。

通過Application.main()方法或執(zhí)行run任務(wù)啟動(dòng)服務(wù)即可訪問。默認(rèn)用戶為admin，密碼為admin

不建議通過其它方式為本管理系統(tǒng)添加頁(yè)面。

開發(fā)時(shí)推薦按照以下方式進(jìn)行：

• 在com.xinou.quickadmin.controller.api包下為前端提供json接口。應(yīng)當(dāng)繼承BaseController類，并調(diào)用響應(yīng)render方法提供返回。
• 通過修改com.xinou.quickadmin.controller.AuthIntercepto類構(gòu)造方法中傳入接口實(shí)現(xiàn)不同的用戶校驗(yàn)邏輯。
• 通過添加@IngeroCheck注解可以簡(jiǎn)單地跳過特定請(qǐng)求的登錄驗(yàn)證。
• 在resource/comp下創(chuàng)建React組件，在application.js中配置路由。并使用webpack進(jìn)行打包，生成的文件為`resources//jsx/main.js``
• 頁(yè)面中導(dǎo)航組件位于resources/comp/framework/navbar.js，通過在application.js中配置json，最多提供兩層導(dǎo)航支持。
• 開發(fā)組件建議參考現(xiàn)有demo，在resources/comp/framework/adminUIComponents.js中提供了常用的數(shù)據(jù)展示組件。

##開發(fā)指南

見詳見Github的ReadMe文件

轉(zhuǎn)載于:https://juejin.im/post/5a31e9f7f265da430b7b4038

總結(jié)

以上是生活随笔為你收集整理的基于React和SpringBoot的快速开发模板QuickAdmin的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。