教你如何实现Spring Boot整合Bootstrap

作为一名经验丰富的开发者，我将向你介绍如何实现Spring Boot整合Bootstrap。首先，让我们看一下整个过程的步骤：

pie
    title  整合步骤
    "创建Spring Boot项目" : 25
    "引入Bootstrap依赖" : 25
    "创建HTML页面" : 25
    "编写Controller" : 25

步骤一：创建Spring Boot项目

首先，你需要创建一个Spring Boot项目。可以使用Spring Initializr进行快速初始化项目。

步骤二：引入Bootstrap依赖

在pom.xml文件中引入Bootstrap的依赖。在<dependencies>标签内添加以下代码：

<!-- 引入Bootstrap依赖 -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>4.5.0</version>
</dependency>

步骤三：创建HTML页面

创建一个HTML页面，在页面中引入Bootstrap的CSS和JS文件。示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Spring Boot 整合 Bootstrap</title>
    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="/webjars/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
    Hello, Spring Boot!
    
    <!-- 引入Bootstrap JS -->
    <script src="/webjars/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>

步骤四：编写Controller

在Spring Boot项目中编写一个Controller，用于映射到上述HTML页面。示例代码如下：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class IndexController {
    
    @GetMapping("/")
    public String index() {
        return "index";
    }
}

以上就是整合Spring Boot和Bootstrap的步骤。通过以上步骤，你就可以实现Spring Boot整合Bootstrap的功能了。希望对你有所帮助！