基於React和SpringBoot的快速開發模板QuickAdmin

通過一段時間的總結和完善，個人管理系統快速開發模板已經基本成型，如今GitHub上開源啦：

QuickAdmin

QuickAdmin是基於Spring Boot和React.js實現的管理系統開發框架。用於開發網站的後臺管理系統。

本框架提供了以下功能：

• 完整的基於Bootstrap的響應式UI界面實現。
• 基於React的經常使用的管理系統顯示組件。
• 先後臺間的通訊封裝。
• 經常使用的數據庫基礎操做封裝。
• 最小化的用戶管理功能
• 經常使用的簡單工具類

本框架中富文本編輯器採用WangEditor實現。是一個國人開源的優秀的輕量級富文本編輯器，但願多多支持。

##框架概述

本框架主要實現前端頁面的組件化，經過組合組件實現常見管理系統的大部分功能。同時也充分利用React.js的豐富資源和強大能力。用戶能夠充分擴展本身的功能。

本框架依賴於如下環境：

• JDK
• Gradle
• Node.js
• Webpack

開發環境以Intellij Idea爲例，

1. 以Gradle項目引入項目，並執行sync以解決依賴
2. 配置Application及application.properties，配置數據源及監聽端口等參數。application.properties是Spring boot的配置文件，具體配置能夠參考Spring Boot文檔。
3. 使用本項目提供的demo.sql文件初始化數據庫。
4. 經過Application.main()方法或執行run任務啓動服務便可訪問。默認用戶爲admin，密碼爲admin
5. 不建議經過其它方式爲本管理系統添加頁面。

開發時推薦按照如下方式進行：

• 在com.xinou.quickadmin.controller.api包下爲前端提供json接口。應當繼承BaseController類，並調用響應render方法提供返回。
• 經過修改com.xinou.quickadmin.controller.AuthIntercepto類構造方法中傳入接口實現不一樣的用戶校驗邏輯。
• 經過添加@IngeroCheck註解能夠簡單地跳過特定請求的登陸驗證。
• 在resource/comp下建立React組件，在application.js中配置路由。並使用webpack進行打包，生成的文件爲`resources//jsx/main.js``
• 頁面中導航組件位於resources/comp/framework/navbar.js，經過在application.js中配置json，最多提供兩層導航支持。
• 開發組件建議參考現有demo，在resources/comp/framework/adminUIComponents.js中提供了經常使用的數據展現組件。

##開發指南

見詳見Github的ReadMe文件