好的，下面我将为你展示如何实现一个基于
Spring Boot、Mybatis-Plus、
Thymeleaf和
Bootstrap的留言板。
1. 创建
Spring Boot项目
首先，我们需要创建一个
Spring Boot项目。你可以直接在IDE
中创建，也可以使用
Spring Boot CLI。这里我使用IDEA创建一个Maven项目。
2. 配置pom.xml
在pom.xml文件
中添加以下依赖：
```
<dependencies>
<!--
Spring Boot Starter -->
<dependency>
<groupId>org.
springframework.
boot</groupId>
<artifactId>
spring-
boot-starter-web</artifactId>
</dependency>
<!--
Thymeleaf -->
<dependency>
<groupId>org.
springframework.
boot</groupId>
<artifactId>
spring-
boot-starter-
thymeleaf</artifactId>
</dependency>
<!-- MyBatis-Plus -->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-
boot-starter</artifactId>
<version>3.1.1</version>
</dependency>
<!-- MySQL Connector -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>8.0.21</version>
</dependency>
<!--
Bootstrap -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>
bootstrap</artifactId>
<version>4.5.0</version>
</dependency>
<!-- Webjars Locator -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>0.40</version>
</dependency>
</dependencies>
```
这里使用了
Spring Boot、
Thymeleaf、Mybatis-Plus、MySQL Connector、
Bootstrap以及Webjars Locator。
3. 配置数据库
我们需要在application.
properties文件
中配置数据库连接
信息。
```
spring.datasource.url=jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
```
这里使用MySQL作为数据库，数据库名为test，用户名和密码均为root。
4. 创建留言实体类
我们需要创建一个留言实体类，用于映射数据库
中的留言表。
```
public class Message {
private Long id;
private String username;
private String content;
private Date createTime;
// 省略getter和setter方法
}
```
5. 创建Mapper
我们需要创建一个Mapper接口，用于操作留言表。
```
@Mapper
public interface MessageMapper extends BaseMapper<Message> {
List<Message> selectAll();
}
```
这里使用了Mybatis-Plus提供的BaseMapper作为父接口，简化了Mapper的编写。
6. 创建Controller
我们需要创建一个Controller，用于处理请求。
```
@Controller
public class MessageController {
@Autowired
private MessageMapper messageMapper;
@GetMapping("/")
public String index(Model model) {
List<Message>
messages = messageMapper.selectAll();
model.addAttribute("
messages",
messages);
return "index";
}
@PostMapping("/")
public String addMessage(Message message) {
message.setCreateTime(new Date());
messageMapper.insert(message);
return "redirect:/";
}
}
```
这里使用了@Autowired注解注入了MessageMapper。在index方法
中，我们查询了所有留言，并将其存入Model
中，然后返回index视图。在addMessage方法
中，我们添加了一条留言，并重定向到首页。
7. 创建视图
我们需要创建一个视图，用于
显示留言列表和添加留言。
```
<!DOCTYPE html>
<html xmlns:th="http://www.
thymeleaf.org"
xmlns:webjars="http://www.
thymeleaf.org/extras/webjar">
<head>
<title>留言板</title>
<!--
Bootstrap -->
<link rel="stylesheet" href="/webjars/
bootstrap/4.5.0/css/
bootstrap.min.css" />
</head>
<body>
<div class="container">
<h1>留言板</h1>
<hr/>
<form method="post">
<div class="form-group">
<label for="username">用户名：</label>
<input type="text" class="form-control" id="username" name="username" required="required" />
</div>
<div class="form-group">
<label for="content">留言内容：</label>
<textarea class="form-control" id="content" name="content" required="required"></textarea>
</div>
<button type="submit" class="btn btn-primary">提交留言</button>
</form>
<hr/>
<table class="table table-striped">
<thead>
<tr>
<th>用户名</th>
<th>留言内容</th>
<th>留言时间</th>
</tr>
</thead>
<tbody>
<tr th:each="message : ${
messages}">
<td th:text="${message.username}"></td>
<td th:text="${message.content}"></td>
<td th:text="${#dates.format(message.createTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
</tr>
</tbody>
</table>
</div>
<!--
Bootstrap -->
<script src="/webjars/
bootstrap/4.5.0/js/
bootstrap.min.js"></script>
</body>
</html>
```
这里使用了
Thymeleaf模板引擎，使用了
Bootstrap样式。在表格
中，我们使用了th:each指令循环遍历留言列表，使用了#dates.format方法格式化留言时间。
8. 运行项目
现在，我们可以运行项目并访问http://localhost:8080来查看留言板了。
以上就是一个简单的
Spring Boot、Mybatis-Plus、
Thymeleaf和
Bootstrap留言板的实现过程。希望对你有帮助。
1389
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
