Spring Boot 跳转静态页面示例

Spring Boot 是一个非常流行的 Java 开发框架,它简化了开发过程并提供了许多强大的功能和工具。在本篇文章中,我们将介绍如何使用 Spring Boot 实现跳转静态页面的功能,并提供完整的代码示例。

背景

在 Web 应用程序中,静态页面是不可或缺的一部分。通常,我们使用 HTML、CSS 和 JavaScript 来创建静态页面,并通过浏览器展示给用户。但有时候,我们希望从动态页面跳转到静态页面,例如当用户完成注册或登录后,我们希望将其重定向到一个静态页面来展示成功信息。

实现步骤

要实现跳转静态页面的功能,我们需要按照以下步骤进行操作:

  1. 创建一个 Spring Boot 项目
  2. 添加所需的依赖
  3. 创建一个控制器类
  4. 编写跳转逻辑
  5. 创建静态页面

下面我们将逐步详细介绍每个步骤的具体操作。

1. 创建一个 Spring Boot 项目

首先,我们需要创建一个新的 Spring Boot 项目。可以使用 IDE,如 IntelliJ IDEA 或 Eclipse,或者使用 Spring Initializr 在命令行中创建项目。以下是使用 Spring Initializr 创建项目的示例命令:

$ curl  \
  -d groupId=com.example \
  -d artifactId=static-page-demo \
  -d dependencies=web \
  -d javaVersion=11 \
  -o static-page-demo.zip
$ unzip static-page-demo.zip
$ cd static-page-demo

这将创建一个名为 static-page-demo 的项目目录,并包含一个基本的 Spring Boot 项目结构。

2. 添加所需的依赖

在创建的项目中,我们需要添加所需的依赖。在本示例中,我们将使用 Spring Boot Web Starter,它提供了构建 Web 应用程序所需的基本依赖。

打开项目的 pom.xml 文件,并添加以下依赖:

<dependencies>
    <!-- Spring Boot Web Starter -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
</dependencies>

保存文件后,Maven 将自动下载并管理这些依赖。

3. 创建一个控制器类

接下来,我们需要创建一个控制器类来处理页面跳转的逻辑。在 Spring Boot 中,控制器类使用 @Controller 注解来标识,并使用 @RequestMapping@GetMapping 注解来指定请求的 URL。

在项目的 src/main/java/com/example/staticpagedemo 目录下,创建一个名为 PageController 的 Java 类,并添加以下代码:

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

@Controller
public class PageController {

    @GetMapping("/home")
    public String home() {
        return "home.html";
    }
}

在上面的代码中,我们使用 @Controller 注解将该类标记为控制器类。@GetMapping("/home") 注解指定了 /home URL 请求将会被该方法处理。该方法返回一个字符串 "home.html",这表示要跳转到名为 home.html 的静态页面。

4. 编写跳转逻辑

要实现页面的跳转逻辑,我们需要将 Spring Boot 的视图解析器配置为解析 HTML 页面。在项目的 src/main/resources/application.properties 文件中,添加以下配置:

spring.mvc.view.prefix=/templates/
spring.mvc.view.suffix=.html

在上面的配置中,spring.mvc.view.prefix 指定了 HTML 页面的位置前缀,spring.mvc.view.suffix 指定了 HTML 页面的文件后缀。

5. 创建静态页面

最后一步是创建静态页面。在本示例中,我们将创建一个简单的 home.html 页面,并将其放置在项目的 src/main/resources/templates 目录下。

templates 目录下创建一个名为 home.html 的文件,并添加以下内容:

<!DOCTYPE html>
<html>
<head>
    <title>Home Page</title>
</