基于React和SpringBoot的快速开发模板QuickAdmin

经过一段时间的总结和完善，我的管理系统快速开发模板已经基本成型，现在GitHub上开源啦：

QuickAdmin

QuickAdmin是基于Spring Boot和React.js实现的管理系统开发框架。用于开发网站的后台管理系统。

本框架提供了如下功能：

完整的基于Bootstrap的响应式UI界面实现。
基于React的常用的管理系统显示组件。
前后台间的通信封装。
常用的数据库基础操作封装。
最小化的用户管理功能
常用的简单工具类

本框架中富文本编辑器采用WangEditor实现。是一个国人开源的优秀的轻量级富文本编辑器，希望多多支持。

##框架概述

本框架主要实现前端页面的组件化，通过组合组件实现常见管理系统的大部分功能。同时也充分利用React.js的丰富资源和强大能力。用户可以充分扩展自己的功能。

本框架依赖于以下环境：

JDK
Gradle
Node.js
Webpack

开发环境以Intellij Idea为例，

以Gradle项目引入项目，并执行sync以解决依赖
配置Application及application.properties，配置数据源及监听端口等参数。application.properties是Spring boot的配置文件，具体配置可以参考Spring Boot文档。
使用本项目提供的demo.sql文件初始化数据库。
通过Application.main()方法或执行run任务启动服务即可访问。默认用户为admin，密码为admin
不建议通过其它方式为本管理系统添加页面。

开发时推荐按照以下方式进行：

在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文件

转载于:https://juejin.im/post/5a31e9f7f265da430b7b4038

基于React和SpringBoot的快速开发模板QuickAdmin相关推荐

基于PyQt5的快速开发模板系统-Excle数据批量导入及导出表格数据为Excle
基于Python和PyQt5的快速开发模板系统-Excle数据批量导入显示及表格数据导出基于PyQt5按钮控制实现excle数据批量导入及当前表格存在数据的批量导出,可在此基础上进行功能扩展. 1. ...
html5快速开发模板生成器,推荐一个基于Vue 的 H5 快速开发模板
本项目以基于 vue-cli4 和 Vant-ui 搭建的,进行移动端开发中的一些最佳实践方案模板地址动动你的小手点颗star 样式适配在移动端网页开发时,样式适配始终是一个绕不开的问题.对此目 ...
Jeecg-Boot 2.1.2版本发布，基于SpringBoot的快速开发平台
项目介绍 JeecgBoot是一款基于代码生成器的JAVA快速开发平台,开源界"小普元"超越传统商业企业级开发平台!采用前后端分离架构:SpringBoot 2.x,Ant Des ...
几款特别好看的springboot快速开发模板
1. SpringBoot_v2: SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架.原生纯净,可在线生成controller.mapperxml.dao.serv ...
基于Appfuse的Web应用快速开发
Web应用程序定义及优势应用程序可以分为两种模式:C/S.B/S.C/S是客户端/服务器端程序(Client/Server),也就是说这类程序一般独立运行.而B/S就是浏览器端/服务器端应用程序(B ...
基于 ModelBox 实现 AI 应用快速开发：AI 养猪，实时看护猪的健康
文章目录前言一.ModelBox 产品介绍 1.1.什么是 ModelBox,有什么功能? 1.2.ModelBox 具备哪些特性? 1.3.相比直接调用底层 API 开发 AI 业务,Model ...
framework-admin-vue3 管理系统快速开发模板
一.创建基于Vue3.ElementPlus框架.工程化工具Vite进行构建.此模板可用于现代化管理系统的初始开发模板,可节省一些重复性的工程初始化搭建工作. 二.特性使用pnpm作为包下载工具, ...
easymodbus_easymodbus4j基于netty的modbus协议快速开发工具
easymodbus4j easymodbus4j A high-performance and ease-of-use implementation of the Modbus protocol w ...
vue lang_推荐一个基于Vue 的 H5 快速开发模板
关注 Vue社区,回复"加群" 加入我们一起学习,天天进步 praise juejin.im/post/5e612534e51d4527017971a2 模板基于 vue-cli4 ...

基于React和SpringBoot的快速开发模板QuickAdmin

基于React和SpringBoot的快速开发模板QuickAdmin相关推荐

最新文章

热门文章