SpringBoot 入门：SpringMVC 综合练习与应用分层 | 极客日志

Java大前端java

SpringBoot 入门：SpringMVC 综合练习与应用分层

SpringBoot 入门教程涵盖 SpringMVC 核心知识。内容包含留言板与图书管理系统的综合练习，演示前后端接口约定、Lombok 简化开发及服务器代码编写。深入讲解应用分层架构原理，包括表现层、业务逻辑层和数据层的职责划分，并通过代码重构展示分层优势。文末总结常用 Web 注解及 Cookie、Session 会话机制。

女王发布于 2025/10/15更新于 2026/6/919 浏览

SpringBoot 入门：SpringMVC 综合练习与应用分层

1. 综合练习

1.1 留言板

留言板界面

需求：

输入留言信息，点击提交。后端把数据存储起来。
页面展示输入得表白墙的信息。

1.1.1 准备工作

1.1.2 约定前后端交互接口

Ⅰ 发布留言

url: /message/publish
param(参数): from, to, say
return: true / false

Ⅱ 查询留言

url: /message/getList
param: 无
return: form 对 to 说了 say

1.1.3 实现服务器代码

Ⅰ 写代码之前，介绍一个新的工具包 Lombok。

Lombok 是一个 Java 工具库，通过添加注解的方式简化 Java 的开发。

① 引入依赖

<dependency>
    <groupId>org.projectlombok</groupId>
    <artifactId>lombok</artifactId>
    <optional>true</optional>
</dependency>

② 使用

Lombok 通过一些注解的方式，可以帮助我们消除一些冗长代码，使代码看起来简洁一些。就比如：上面写的 Student 对象，无需自己写 get、set、toString 方法。只需写一个注解 @Data 就可以了。

import lombok.Data;

@Data
public class Student {
    private String name;
    private Integer id;
    private int age;
}

③ 原理解释

相关免费在线工具

Keycode 信息
查找任何按下的键的javascript键代码、代码、位置和修饰符。在线工具，Keycode 信息在线工具，online
Escape 与 Native 编解码
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。在线工具，Escape 与 Native 编解码在线工具，online
JavaScript / HTML 格式化
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。在线工具，JavaScript / HTML 格式化在线工具，online
JavaScript 压缩与混淆
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。在线工具，JavaScript 压缩与混淆在线工具，online
Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。在线工具，Base64 字符串编码/解码在线工具，online
Base64 文件转换器
将字符串、文件或图像转换为其 Base64 表示形式。在线工具，Base64 文件转换器在线工具，online

import lombok.Data;

@Data
public class MessageInfo {
    private String from;
    private String to;
    private String say;
}

import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.ArrayList;
import java.util.List;

@RequestMapping("/message")
@RestController
public class MessageController {
    List<MessageInfo> messageInfos = new ArrayList<>();

    @RequestMapping("/publish")
    public Boolean publish(MessageInfo messageInfo) {
        // 校验信息
        if (!StringUtils.hasLength(messageInfo.getFrom()) || !StringUtils.hasLength(messageInfo.getTo()) || !StringUtils.hasLength(messageInfo.getSay())) {
            return false;
        }
        // 把信息存起来方便下一个方法获取
        messageInfos.add(messageInfo);
        return true;
    }

    @RequestMapping("/getList")
    public List<MessageInfo> getList() {
        return messageInfos;
    }
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>留言板</title>
<style>
.container { width:350px; height:300px; margin:0 auto; text-align: center; }
.grey { color: grey; }
.container .row { width:350px; height:40px; display: flex; justify-content: space-between; align-items: center; }
.container .row input { width:260px; height:30px; }
#submit { width:350px; height:40px; background-color: orange; color: white; border: none; margin:10px; border-radius:5px; font-size:20px; }
</style>
</head>
<body>
<div class="container">
<h1>留言板</h1>
<p class="grey">输入后点击提交，会将信息显示下方空白处</p>
<div class="row"><span>谁:</span><input type="text" name="" id="from"></div>
<div class="row"><span>对谁:</span><input type="text" name="" id="to"></div>
<div class="row"><span>说什么:</span><input type="text" name="" id="say"></div>
<input type="button" value="提交" id="submit" onclick="submit()">
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
function submit(){
    $.ajax({
        url:"/message/publish",
        type:"get",
        data:{ from: $("#from").val(), to: $("#to").val(), say: $("#say").val()},
        success:function(result){
            if(result ==false){alert("输入不合法");}
            else{
                var divE ="<div>"+from+"对"+to+"说:"+ say +"</div>";
                $(".container").append(divE);
                $("#from").val(""); $("#to").val(""); $("#say").val("");
            }
        }
    });
}
</script>
</body>
</html>

import lombok.Data;
import java.math.BigDecimal;

@Data
public class BookInfo {
    private Integer id;
    private String bookName;
    private String author;
    private Integer num;
    private BigDecimal price;
    private String publishName;
    private Integer status;
    private String statusCN;
}

import jakarta.servlet.http.HttpSession;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RequestMapping("/user")
@RestController
public class UserController {
    @RequestMapping("/login")
    public String login(String userName, String password, HttpSession session) {
        if(!StringUtils.hasLength(userName)||!StringUtils.hasLength(password)){return"用户名或密码为空";}
        if(!"admin".equals(userName)||!"admin".equals(password)){return"用户名或密码错误";}
        session.setAttribute("userName",userName);
        return "";
    }
}

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;

@RequestMapping("/book")
@RestController
public class BookController {
    @RequestMapping("/getBookList")
    public List<BookInfo> getBookList(){
        List<BookInfo> bookInfos = new ArrayList<>();
        for(int i =1; i <=15; i++){
            BookInfo bookInfo = new BookInfo();
            bookInfo.setId(i); bookInfo.setBookName("图书"+i);
            bookInfo.setAuthor("作者"+i); bookInfo.setNum(i*2+1);
            bookInfo.setPrice(new BigDecimal(i*3)); bookInfo.setPublishName("出版社"+i);
            if(i %5==0){ bookInfo.setStatus(2); bookInfo.setStatusCN("不可借阅");}
            else{ bookInfo.setStatus(1); bookInfo.setStatusCN("可借阅");}
            bookInfos.add(bookInfo);
        }
        return bookInfos;
    }
}

@RequestMapping("/getBookList")
public List<BookInfo> getBookList(){
    BookService bookService = new BookService();
    return bookService.getBookList();
}

SpringBoot 入门：SpringMVC 综合练习与应用分层

SpringBoot 入门：SpringMVC 综合练习与应用分层

1. 综合练习

1.1 留言板

1.1.1 准备工作

1.1.2 约定前后端交互接口

1.1.3 实现服务器代码

更多推荐文章

相关免费在线工具

1.2 图书管理系统

1.2.1 准备工作

1.2.2 约定前后端交互接口

1.2.3 服务器代码

调整前端页面代码

2. 应用分层

2.1 分层结构介绍

2.2 代码重构

2.3 应用分层的好处

3. 总结

3.1 注解

更多推荐文章

相关免费在线工具

SpringBoot 入门：SpringMVC 综合练习与应用分层

SpringBoot 入门：SpringMVC 综合练习与应用分层

1. 综合练习

1.1 留言板

1.1.1 准备工作

1.1.2 约定前后端交互接口

1.1.3 实现服务器代码

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具

1.2 图书管理系统

1.2.1 准备工作

1.2.2 约定前后端交互接口

1.2.3 服务器代码

调整前端页面代码

2. 应用分层

2.1 分层结构介绍

2.2 代码重构

2.3 应用分层的好处

3. 总结

3.1 注解

3.2 Cookie 和 Session

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具