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

QuickAdmin

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

本框架提供了如下功能：

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

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

##框架概述

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

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

• JDK
• Gradle
• Node.js
• Webpack

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

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

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

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

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

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

開發(fā)時推薦按照以下方式進行：

• 在com.xinou.quickadmin.controller.api包下為前端提供json接口。應(yīng)當(dāng)繼承BaseController類，并調(diào)用響應(yīng)render方法提供返回。
• 通過修改com.xinou.quickadmin.controller.AuthIntercepto類構(gòu)造方法中傳入接口實現(xiàn)不同的用戶校驗邏輯。
• 通過添加@IngeroCheck注解可以簡單地跳過特定請求的登錄驗證。
• 在resource/comp下創(chuàng)建React組件，在application.js中配置路由。并使用webpack進行打包，生成的文件為`resources//jsx/main.js``
• 頁面中導(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的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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