最近也是临近期末了，各种的期末大作业，后台管理也是很多地方需要用到的，为了方便大家能快速上手，快速搭建一个简单的后台管理，我花了两天时间整理了一下

我会从0开始介绍，从数据库的设计到前端页面的引入最后到后端代码的编写，你只需要会一点前端的基础和ssm的基础就能快速上手搭建一个简单的后台管理

本次案例分两篇文章教学：

（第一篇）：数据表设计，前端框架引入和编写前端页面，搭建基本的springboot项目，引入前端到springboot项目中，在浏览器显示

（第二篇）：后端代码的设计，这部分逻辑涉及的比较多，所以单独放一篇出来讲，代码从0手敲讲解，保证你能学会，完成增删改查的功能

各大技术基础教学、实战开发教学（最新更新时间2021-12-4）

目录

前言和环境介绍

数据库

H+前端框架

基本介绍 

H+框架引入

编写后台表格页面

modal弹出框原理

搭建后端

基本介绍

创建SpringBoot项目

基本配置

引入前端

测试项目（测试一下页面是否能显示）

Gitee开源项目地址（本次项目源码）

各大技术基础教学、实战项目开发教学

---

前言和环境介绍

无论是做app，网站，还是小程序，都少不了后台管理

那么对于前端不是很会，后端也是只会一些的人来说，如何快速搭建一个简单的后台管理系统呢，哎别急，今天就来教大家简单快速搭建一个后台管理系统

首先，简单介绍一下我的开发环境

工具	用处
H+	前端框架，直观的教程文档，非常实用
SpringBoot	后端框架，简单上手，搭建快
MySQL	数据库
IDEA	非常强大的编译器
Ajax	异步请求，前端向后端发送请求
thymeleaf	模板引擎，实时渲染页面，基于HTML
HBuild X	前端编译器，用其他的也可以，看自己

好了，环境介绍完毕，我们先从前端界面做起

数据库

一个后台管理，肯定少不了数据，不然怎么叫后台管理呢

这里我是用的是MySQL数据库，当然你使用其他的也行，不过后面在SpringBoot中要做不同的配置

在MySQL中新建一个user数据库，新建一个t_user表，字段如下，id，用户名，昵称，密码（id记得设置为自增长模式）

H+前端框架

基本介绍 

官网地址：H+ 后台主题UI框架 - 主页

H+是一个非常强大的前端开源框架，开箱即用，不需要过多的配置，里面有非常多组件，具体就不一一介绍了，有兴趣的自己去看看

我们要做的是后台管理，所以我们直接找到表格，可以看到有很多样式选择，我们选择一个简单点

这里为了方便快速搭建我选择基本表格，当时你们可以根据自己喜欢来选择

---

---

H+框架引入

HBuild X官网下载地址（无需安装，解压即用）

打开HBuild X编译器（你用其他的也可以，没影响）

在左侧空白处新建一个项目（快捷键ctrl+n），选择基于HTML普通项目，添加项目名称，选好路径，点击创建

 一个基本的前端项目就创建好了

​

更多文章请关注《万象专栏》