SpringMVC實(shí)現(xiàn)防止重復(fù)提交表單的方法詳解

更新時(shí)間：2025年06月11日 08:10:00 作者：牛肉胡辣湯

在Web開發(fā)中,防止表單重復(fù)提交是一個(gè)常見的需求,本文將介紹幾種在SpringMVC框架中防止表單重復(fù)提交的有效方法,有需要的小伙伴可以了解下

在Web開發(fā)中，防止表單重復(fù)提交是一個(gè)常見的需求。用戶可能因?yàn)榫W(wǎng)絡(luò)延遲、頁面刷新或多次點(diǎn)擊提交按鈕等原因，導(dǎo)致同一個(gè)表單被多次提交，這可能會(huì)引發(fā)數(shù)據(jù)不一致或其他問題。本文將介紹幾種在SpringMVC框架中防止表單重復(fù)提交的有效方法。

1. 使用Token機(jī)制

原理

Token機(jī)制是防止表單重復(fù)提交的一種常用方法。服務(wù)器生成一個(gè)唯一的Token，并將其嵌入到表單中。當(dāng)用戶提交表單時(shí)，這個(gè)Token會(huì)被一起發(fā)送到服務(wù)器。服務(wù)器端會(huì)驗(yàn)證這個(gè)Token的有效性，如果有效則處理請求并刪除或標(biāo)記該Token為已使用；如果無效，則拒絕請求。

實(shí)現(xiàn)步驟

生成Token：在用戶訪問表單頁面時(shí)，服務(wù)器生成一個(gè)唯一的Token，并存儲(chǔ)在Session中。
嵌入Token：將生成的Token嵌入到表單的隱藏字段中。
驗(yàn)證Token：在表單提交時(shí)，服務(wù)器端驗(yàn)證表單中的Token是否與Session中的Token一致，且未被使用過。
處理Token：如果Token驗(yàn)證通過，處理表單數(shù)據(jù)，并從Session中移除或標(biāo)記該Token為已使用。

示例代碼

控制器

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
 
import javax.servlet.http.HttpSession;
import java.util.UUID;
 
@Controller
public class FormController {
 
    @GetMapping("/form")
    public String showForm(HttpSession session, Model model) {
        String token = UUID.randomUUID().toString();
        session.setAttribute("token", token);
        model.addAttribute("token", token);
        return "form";
    }
 
    @PostMapping("/submit")
    public String submitForm(@RequestParam("token") String token, HttpSession session) {
        String sessionToken = (String) session.getAttribute("token");
        if (sessionToken != null && sessionToken.equals(token)) {
            session.removeAttribute("token");
            // 處理表單數(shù)據(jù)
            return "success";
        } else {
            return "error";
        }
    }
}

表單頁面（form.html）

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Form</title>
</head>
<body>
<form th:action="@{/submit}" method="post">
    <input type="hidden" name="token" th:value="${token}">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <button type="submit">Submit</button>
</form>
</body>
</html>

2. 使用JavaScript禁用提交按鈕

原理

通過JavaScript在用戶點(diǎn)擊提交按鈕后立即禁用該按鈕，防止用戶多次點(diǎn)擊提交。

實(shí)現(xiàn)步驟

添加JavaScript代碼：在表單頁面中添加JavaScript代碼，監(jiān)聽提交按鈕的點(diǎn)擊事件。

禁用按鈕：在點(diǎn)擊事件中禁用提交按鈕。

示例代碼

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Form</title>
    <script>
        function disableButton() {
            document.getElementById('submitBtn').disabled = true;
        }
    </script>
</head>
<body>
<form th:action="@{/submit}" method="post" onsubmit="disableButton()">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <button type="submit" id="submitBtn">Submit</button>
</form>
</body>
</html>

3. 使用SpringMVC的??@SessionAttributes??注解

原理

通過??@SessionAttributes??注解將表單數(shù)據(jù)存儲(chǔ)在Session中，每次提交表單時(shí)檢查Session中是否存在該數(shù)據(jù)，如果存在則拒絕處理。

實(shí)現(xiàn)步驟

標(biāo)注控制器：在控制器類上使用??@SessionAttributes??注解，指定需要存儲(chǔ)在Session中的屬性。

檢查Session：在處理表單提交的方法中，檢查Session中是否已經(jīng)存在該屬性。

示例代碼

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.SessionAttributes;
 
@Controller
@SessionAttributes("formData")
public class FormController {
 
    @GetMapping("/form")
    public String showForm(Model model) {
        model.addAttribute("formData", new FormData());
        return "form";
    }
 
    @PostMapping("/submit")
    public String submitForm(FormData formData, BindingResult result, Model model) {
        if (model.containsAttribute("formData")) {
            // 表單數(shù)據(jù)已存在，拒絕處理
            return "error";
        }
        // 處理表單數(shù)據(jù)
        model.addAttribute("formData", formData);
        return "success";
    }
}
 
class FormData {
    private String name;
 
    // getters and setters
}

4.方法補(bǔ)充

防止表單重復(fù)提交是Web開發(fā)中一個(gè)重要的問題，本文介紹了三種在SpringMVC框架中實(shí)現(xiàn)這一功能的方法：

使用Token機(jī)制。
使用JavaScript禁用提交按鈕。
使用SpringMVC的??@SessionAttributes??注解。

在Web開發(fā)中，防止表單重復(fù)提交是一個(gè)常見的需求，尤其是在處理敏感操作如訂單提交、用戶注冊等場景時(shí)尤為重要。Spring MVC提供了多種方法來防止表單重復(fù)提交，下面我將介紹幾種常用的方法，并提供相應(yīng)的示例代碼。

方法一：使用Token（令牌）

生成Token：在用戶訪問表單頁面時(shí)生成一個(gè)唯一的Token，并將其存儲(chǔ)在Session中。

驗(yàn)證Token：在表單提交時(shí)，將Token作為隱藏字段傳遞到服務(wù)器端進(jìn)行驗(yàn)證，如果驗(yàn)證通過，則處理表單數(shù)據(jù)并從Session中移除該Token；如果驗(yàn)證不通過或Token已不存在，則拒絕處理表單數(shù)據(jù)。

示例代碼

Controller代碼：

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
 
import javax.servlet.http.HttpSession;
import java.util.UUID;
 
@Controller
public class FormController {
 
    @GetMapping("/form")
    public String showForm(Model model, HttpSession session) {
        // 生成Token
        String token = UUID.randomUUID().toString();
        session.setAttribute("token", token);
        model.addAttribute("token", token);
        return "form";
    }
 
    @PostMapping("/submit")
    public String submitForm(@RequestParam("token") String clientToken, HttpSession session) {
        // 獲取Session中的Token
        String serverToken = (String) session.getAttribute("token");
        
        if (serverToken != null && serverToken.equals(clientToken)) {
            // Token驗(yàn)證通過，處理表單邏輯
            // 處理完成后移除Token
            session.removeAttribute("token");
            return "success";
        } else {
            // Token驗(yàn)證失敗，提示錯(cuò)誤信息
            return "error";
        }
    }
}

form.html (Thymeleaf模板)：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Form</title>
</head>
<body>
<form th:action="@{/submit}" method="post">
    <input type="hidden" name="token" th:value="${token}"/>
    <label for="username">Username:</label>
    <input type="text" id="username" name="username" required/>
    <br/>
    <label for="password">Password:</label>
    <input type="password" id="password" name="password" required/>
    <br/>
    <button type="submit">Submit</button>
</form>
</body>
</html>

方法二：使用重定向

另一種簡單有效的方法是在處理完表單后使用重定向，這樣可以避免用戶刷新頁面導(dǎo)致的重復(fù)提交問題。

示例代碼

Controller代碼：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
 
@Controller
public class FormController {
 
    @GetMapping("/form")
    public String showForm() {
        return "form";
    }
 
    @PostMapping("/submit")
    public String submitForm(RedirectAttributes redirectAttributes) {
        // 處理表單邏輯
        // ...
 
        // 添加成功消息
        redirectAttributes.addFlashAttribute("message", "Form submitted successfully!");
        return "redirect:/result";
    }
 
    @GetMapping("/result")
    public String showResult() {
        return "result";
    }
}

form.html (Thymeleaf模板)：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Form</title>
</head>
<body>
<form th:action="@{/submit}" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username" required/>
    <br/>
    <label for="password">Password:</label>
    <input type="password" id="password" name="password" required/>
    <br/>
    <button type="submit">Submit</button>
</form>
</body>
</html>

result.html (Thymeleaf模板)：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Result</title>
</head>
<body>
<h1 th:text="${message}"></h1>
<a href="/form" rel="external nofollow" >Back to form</a>
</body>
</html>

這兩種方法都可以有效地防止表單重復(fù)提交，具體選擇哪種方法可以根據(jù)實(shí)際需求和項(xiàng)目復(fù)雜度來決定。

在Web開發(fā)中，防止用戶重復(fù)提交表單是一個(gè)常見的需求，尤其是在處理諸如訂單、支付等關(guān)鍵操作時(shí)。Spring MVC框架提供了幾種有效的方法來防止表單的重復(fù)提交，包括使用Token機(jī)制、重定向策略以及JavaScript前端控制等。下面我將詳細(xì)介紹這些方法及其代碼實(shí)現(xiàn)。

1. 使用Token機(jī)制

原理：在用戶訪問頁面時(shí)生成一個(gè)唯一的Token，并將其存儲(chǔ)在服務(wù)器端（如Session）和客戶端（如隱藏字段）。當(dāng)用戶提交表單時(shí)，服務(wù)端會(huì)驗(yàn)證這個(gè)Token的有效性。如果Token有效，則處理表單并刪除或更新該Token；如果無效，則拒絕處理。

實(shí)現(xiàn)步驟：

生成Token：在Controller中生成Token，并將其添加到Model中以便在視圖中使用。

@GetMapping("/form")
public String showForm(Model model, HttpSession session) {
    String token = UUID.randomUUID().toString();
    session.setAttribute("token", token);
    model.addAttribute("token", token);
    return "form";
}

表單頁面：在表單中包含一個(gè)隱藏的Token字段。

<form action="/submit" method="post">
    <input type="hidden" name="token" value="${token}">
    <!-- 其他表單字段 -->
    <button type="submit">Submit</button>
</form>

驗(yàn)證Token：在處理表單提交的Controller方法中驗(yàn)證Token。

@PostMapping("/submit")
public String handleForm(@RequestParam String token, HttpSession session) {
    String sessionToken = (String) session.getAttribute("token");
    if (sessionToken != null && sessionToken.equals(token)) {
        // 處理表單邏輯
        session.removeAttribute("token"); // 防止重復(fù)提交
        return "success";
    } else {
        return "error"; // Token無效或已過期
    }
}

2. 使用重定向策略

原理：在處理完表單提交后，通過重定向到另一個(gè)頁面來避免用戶刷新頁面導(dǎo)致的重復(fù)提交。

實(shí)現(xiàn)步驟：

處理表單提交：在處理完表單邏輯后，重定向到成功頁面。

@PostMapping("/submit")
public String handleForm(/* 表單參數(shù) */) {
    // 處理表單邏輯
    return "redirect:/success";
}

成功頁面：顯示成功信息的頁面。

@GetMapping("/success")
public String success() {
    return "success";
}

3. 使用JavaScript前端控制

原理：在用戶點(diǎn)擊提交按鈕時(shí)，通過JavaScript禁用提交按鈕，防止用戶多次點(diǎn)擊。

實(shí)現(xiàn)步驟：

表單頁面：添加JavaScript代碼來禁用提交按鈕。

<form id="myForm" action="/submit" method="post">
    <!-- 表單字段 -->
    <button type="submit" id="submitButton">Submit</button>
</form>
 
<script>
document.getElementById('myForm').addEventListener('submit', function() {
    document.getElementById('submitButton').disabled = true;
});
</script>

總結(jié)

以上三種方法都可以有效地防止表單的重復(fù)提交，具體選擇哪種方法取決于你的應(yīng)用場景和需求。Token機(jī)制是最常用且最安全的方法，重定向策略簡單有效，而JavaScript前端控制則可以提供更好的用戶體驗(yàn)。在實(shí)際開發(fā)中，通常會(huì)結(jié)合多種方法來確保系統(tǒng)的健壯性和安全性。

到此這篇關(guān)于SpringMVC實(shí)現(xiàn)防止重復(fù)提交表單的方法詳解的文章就介紹到這了,更多相關(guān)SpringMVC防止重復(fù)提交表單內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: