知識庫 / Spring / Spring MVC RSS 訂閱

此外，每個請求都有兩個 FlashMap 實例，即 Input FlashMap 和 Output FlashMap，它們在 PRG 模式中起着重要作用：

• Output FlashMap 用於 POST 請求中臨時保存閃存屬性並將其發送到重定向後下一個 GET 請求
• Input FlashMap 用於最終的 GET 請求中訪問先前 POST 請求重定向前發送的只讀閃存屬性

2.4. <em >FlashMapManager</em > 和 <em >RequestContextUtils</em >

正如其名稱所示，我們可以使用 <em >FlashMapManager</em > 來管理 <em >FlashMap</em > 實例。

首先，讓我們來查看一下這個策略接口的定義：

public interface FlashMapManager {

    @Nullable
    FlashMap retrieveAndUpdate(HttpServletRequest request, HttpServletResponse response);

    void saveOutputFlashMap(FlashMap flashMap, HttpServletRequest request, HttpServletResponse response);
}

簡單來説，我們可以説 FlashMapManager 允許我們讀取、更新和保存 FlashMap 實例到底層存儲中。

接下來，讓我們熟悉一下在 RequestContextUtils 抽象實用類中可用的幾個 靜態方法。

為了保持我們對本教程範圍的關注，我們將限制我們的覆蓋範圍在與閃存屬性相關的那些方法上。

public static Map<String, ?> getInputFlashMap(HttpServletRequest request);

public static FlashMap getOutputFlashMap(HttpServletRequest request);

public static FlashMapManager getFlashMapManager(HttpServletRequest request);

public static void saveOutputFlashMap(String location, 
  HttpServletRequest request, HttpServletResponse response);

我們可以使用這些方法來檢索輸入/輸出 FlashMap 實例，獲取請求的 FlashMapManager，並保存一個 FlashMap 實例。

3. 表單提交用例

在此之前，我們已經對閃存屬性的概念有了基本的理解。現在，讓我們進一步應用這些概念，並在一個詩歌比賽 Web 應用程序中使用它們。

我們的詩歌比賽應用程序有一個簡單的用例，即通過提交表單接受來自不同詩人的詩歌作品。此外，一個比賽作品將包含與詩歌相關的必要信息，例如標題、內容和作者姓名。

3.1. Thymeleaf 配置

我們將使用 Thymeleaf，這是一種 Java 模板引擎，用於創建動態網頁，通過簡單的 HTML 模板。

首先，我們需要將 spring-boot-starter-thymeleaf 依賴添加到我們項目的 pom.xml 中：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>3.1.5</version>
</dependency>

接下來，我們可以定義一些 Thymeleaf 相關的屬性，並將其添加到我們的 application.properties 文件中，該文件位於 src/main/resources 目錄中：

spring.thymeleaf.cache=false
spring.thymeleaf.enabled=true 
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

已定義這些屬性後，我們可以現在在 /src/main/resources/templates 目錄下創建所有視圖。同時，Spring 會將 .html 後綴添加到所有在控制器中命名的視圖上。

3.2. 領域模型

接下來，讓我們在 Poem 類中 定義我們的領域模型：

public class Poem {
    private String title;
    private String author;
    private String body;
}

我們還可以向我們的 Poem 類添加 isValidPoem() 靜態方法，以幫助我們驗證字段是否允許空字符串：

public static boolean isValidPoem(Poem poem) {
    return poem != null && Strings.isNotBlank(poem.getAuthor()) 
      && Strings.isNotBlank(poem.getBody())
      && Strings.isNotBlank(poem.getTitle());
}

3.3. 創建表單

現在，我們準備創建提交表單。為此，我們需要一個端點 /poem/submit，它將向用户發送一個 GET 請求，以顯示錶單：

@GetMapping("/poem/submit")
public String submitGet(Model model) {
    model.addAttribute("poem", new Poem());
    return "submit";
}

在這裏，我們使用模型作為容器來存儲用户提供的詩歌特定數據。 此外，submitGet 方法返回由submit視圖提供的視圖。

此外，我們希望將 POST 表單與模型屬性poem綁定：

<form action="#" method="post" th:action="@{/poem/submit}" th:object="${poem}">
    <!-- form fields for poem title, body, and author -->
</form>

3.4. POST 提交流程

現在，讓我們為表單啓用 POST 操作。為此，我們將創建 <em /poem/submit 端點，在 PoemSubmission 控制器中來處理 POST 請求。

@PostMapping("/poem/submit")
public RedirectView submitPost(
    HttpServletRequest request, 
    @ModelAttribute Poem poem, 
    RedirectAttributes redirectAttributes) {
    if (Poem.isValidPoem(poem)) {
        redirectAttributes.addFlashAttribute("poem", poem);
        return new RedirectView("/poem/success", true);
    } else {
        return new RedirectView("/poem/submit", true);
    }
}

@GetMapping("/poem/success")
public String getSuccess(HttpServletRequest request) {
    Map<String, ?> inputFlashMap = RequestContextUtils.getInputFlashMap(request);
    if (inputFlashMap != null) {
        Poem poem = (Poem) inputFlashMap.get("poem");
        return "success";
    } else {
        return "redirect:/poem/submit";
    }
}

<h1 th:if="${poem}">
    <p th:text="${'You have successfully submitted poem titled - '+ poem?.title}"/>
    Click <a th:href="@{/poem/submit}"> here</a> to submit more.
</h1>