Spring Boot + MySQL 快速搭建管理系统

旧城等待， 2023-09-30 11:01 18阅读 0赞

### **摘要** ###

对企业来说，人、物资、能源、资金、信息是5大重要资源。人、物资、能源、资金这些都是可见的有形资源，而信息是一种无形的资源。以前人们比较看重有形的资源，进入信息社会和知识经济时代以后，信息资源就显得日益重要。

因为信息资源决定了如何更有效地利用物资资源。信息资源是人类与自然的斗争中得出的知识结晶，掌握了信息资源，就可以更好地利用有形资源，使有形资源发挥更好的效益。

由此可见，诸如各类管理系统还是很有价值的，笔者经历的公司内部都有自己实现的管理系统，可能有些非互联网的公司是依靠其他公司提供的信息管理服务，ERP系统至今还发挥着重要作用，笔者下班后连忙带赶，经历数个小时的鏖战，终于做完了此xx管理系统，在此与诸位分享。

### **1 技术选型** ###

#### 1.1 Mysql8 ####

为什么是mysql8，不是5版本的。没错就是喜新厌旧啦！！！

mysql8有何特别之处呢！

1.性能就是好，没错它就是强，所以当然上Mysql8，快点上8。

![b155239f204e60cf8b9c29e3710f6e9c.png][]

2.Mysql8还支持各种牛逼的功能：SQL窗口函数，GIS，JSON扩展语法等等。总之这些功能听着就挺牛，由于笔者自己还没弄明白，就不赘述了。

#### 1.2 springboot2 ####

当前主流的web开发框架，不二之选，没有比这更方便的了，为什么选这个，它就是无敌，没有竞争对手啊。自动装配，父级依赖，嵌入tomcat等等，就是无敌呀。

#### 1.3 模板引擎thymeleaf ####

用模板引擎也实属无奈，笔者不会前端呀，毕竟人的精力是有限的。不过这个东西还是挺好用的，赶脚用着和几年前学写jsp也差不多。

### **2 项目构建** ###

#### 2.1 创建项目 ####

spring initializer

![c51d31b408fd8cc5e798c40a154475bb.png][]

取个心爱的项目名字

![a59bd1569a706bcbf8b0cf047af4d260.png][]

勾选需要的依赖，mysql，thymeleaf，jpa

![a7817be76f15811f7eb665fd3f85ca6c.png][]

#### 2.2 建表 ####

好吧，笔者为了偷懒，没有建表ddl，直接上jpa，先建一个需要的库，create database。做完这些，项目开始的准备工作就已经完了，马上又带了激动人心的撸代码环节了。

### **3 项目实现** ###

#### 3.1 项目效果 ####

主页面

![a5ef677418633203c450ab39547f870c.png][]

就是这样滴，如此就已然发挥了笔者百分之两百的前端功力了，各种查阅资料，复制copy加代码修改，修修改改终于有了上边的模样，应该不算太丑吧！好吧，我承认了。

#### 3.2 项目结构 ####

和主流web开发项目的结构基本大同小异：

对应数据库实体的entity包，对应数据库操作的repo目录，对应业务代码的service目录，对应restful api的controller目录。

![5b7d3de488b66961b5cff3134b9192d6.png][]

### **4 代码实现** ###

#### 4.1 前台页面 ####

首页面，就是上边看到的那个帅气的首页！

<!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <meta charset="UTF-8">
        <title>xx-manager</title>
    </head>
    <body>
    <header th:replace="xx-header.html"></header>
    <div class="container my-2">
        <a th:href="@{/newEmployee}" class="btn btn-primary btn-sm mb-3"> 新增 </a>
        <table border="1" class = "table table-striped table-responsive-md">
            <thead>
            <tr>
                <th>姓名</th>
                <th>邮箱</th>
                <th>电话</th>
                <th>地址</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="employee : ${employees}">
                <td th:text="${employee.name}"></td>
                <td th:text="${employee.email}"></td>
                <td th:text="${employee.mobile}"></td>
                <td th:text="${employee.location}"></td>
                <td><a th:href="@{/updateEmployee/{id}(id=${employee.id})}" class="btn btn-primary">修改</a>
                    <a th:href="@{/deleteEmployee/{id}(id=${employee.id})}" class="btn btn-danger">删除</a></td>

[b155239f204e60cf8b9c29e3710f6e9c.png]: https://img-blog.csdnimg.cn/img_convert/b155239f204e60cf8b9c29e3710f6e9c.png
[c51d31b408fd8cc5e798c40a154475bb.png]: https://img-blog.csdnimg.cn/img_convert/c51d31b408fd8cc5e798c40a154475bb.png
[a59bd1569a706bcbf8b0cf047af4d260.png]: https://img-blog.csdnimg.cn/img_convert/a59bd1569a706bcbf8b0cf047af4d260.png
[a7817be76f15811f7eb665fd3f85ca6c.png]: https://img-blog.csdnimg.cn/img_convert/a7817be76f15811f7eb665fd3f85ca6c.png
[a5ef677418633203c450ab39547f870c.png]: https://img-blog.csdnimg.cn/img_convert/a5ef677418633203c450ab39547f870c.png
[5b7d3de488b66961b5cff3134b9192d6.png]: https://img-blog.csdnimg.cn/img_convert/5b7d3de488b66961b5cff3134b9192d6.png