'form submit 방지'에 해당되는 글 1건

#PGR 패턴 : en.wikipedia.org/wiki/Post/Redirect/Get

 

Post/Redirect/Get - Wikipedia

Diagram of a double POST problem encountered in user agents. Diagram of the double POST problem above being solved by PRG. Post/Redirect/Get (PRG) is a web development design pattern that lets the page shown after a form submission be reloaded, shared, or

en.wikipedia.org

Post / Redirect / Get ( PRG )은 양식 제출 후 표시되는 페이지를 다른 시간에 양식을 제출하는 것과 같은 악영향없이 다시로드, 공유 또는 북마크 할 수 있는 웹 개발 디자인 패턴 입니다 .

HTTP POST 요청을 통해 웹 양식이 서버에 제출 될 때 서버 응답을 새로 고치려고하면 원래 POST의 콘텐츠가 다시 제출되어 중복 웹 구매 와 같은 원치 않는 결과가 발생할 수 있습니다 . 

이 문제를 방지하기 위해 많은 웹 개발자 는 웹 페이지를 직접 반환하는 대신 PRG 패턴 [2]을 사용합니다 . POST는 리디렉션을 반환합니다. HTTP 1.1 사양은 HTTP 303 ( "기타보기") 응답 코드를 도입 하여이 상황에서 브라우저가 초기 POST 요청을 다시 제출하지 않고도 서버 응답을 안전하게 새로 고칠 수 있도록합니다.

PRG 패턴은 중복 양식 제출의 모든 시나리오를 다룰 수는 없습니다. 예를 들어, 서버 지연으로 인해 초기 제출이 완료되기 전에 웹 사용자가 새로 고치는 경우 특정 사용자 에이전트에서 중복 POST가 발생합니다.


# controller 부분 

package com.example.demo.junitFormTest;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.ObjectError;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.*;

import java.util.ArrayList;
import java.util.List;

@Controller
@RequestMapping("junitForm")
public class FormController {
    List<Event> eventList = new ArrayList<>();

    /**
     * 이벤트 등록 화면 컨트롤러
     * @param model
     * @return
     */
    @GetMapping("/formEvent")
    public String formEvent(Model model) {
        // formEvent 화면에 Event 그릇 내려 주기
        model.addAttribute("event", new Event());
        // 이벤트 등록 페이지
        return "/junit/FormTest/formEvent";
    }

    /***
     * 이벤트 정보 확인
     * @param event
     * @param bindingResult
     * @return
     */
//    @PostMapping("/regEvent")
//    @ResponseBody
//    public Event regEvent(
//            @ModelAttribute Event event,
//            // 값을 바인딩 할 수 없는 경우네는 BindingResult 4000 에러
//            // 이벤트 변수 타입이 맞지 않은 경우 null 처리
//            BindingResult bindingResult) {
//        if(bindingResult.hasErrors()){
//            // binding 에러가 된 경우, 에러 종류 찍기
//            for (ObjectError allError : bindingResult.getAllErrors()) {
//                System.out.println(allError.toString());
//            }
//        }
//        return event;
//    }

    @PostMapping("/regEvent")
    public String regEvent(
            @Validated  @ModelAttribute Event event,
            BindingResult bindingResult) {
        if(bindingResult.hasErrors()){
            // binding 에러가 된 경우, 에러 종류 찍기
            for (ObjectError allError : bindingResult.getAllErrors()) {
                System.out.println(allError.toString());
            }
            // 에러가 발생했음으로 form으로 되돌아가기 만들기
            return "/junit/FormTest/formEvent";
        }
        eventList.add(event);
        // 에러가 발생하지 않은 경우 리다이렉트로 통한 getmapping 처리
        return "redirect:/junitForm/events/list";
    }

    @GetMapping("/events/list")
    public String getEvents(Model model){
        // getmapping으로 리스트가 처리된 페이지는 form 이벤트가 재발생하지 않는다.
        model.addAttribute(eventList);
        // 이벤트 리스트 보여줄 페이지 리턴
        return "/junit/FormTest/eventList";
    }
}

# Event.java

package com.example.demo.junitFormTest;


        import javax.validation.constraints.Min;
        import javax.validation.constraints.NotBlank;

public class Event {

    @NotBlank
    private String eventName;

    @NotBlank
    private String eventDescription;

    @Min(0)
    private Integer eventCount;

    public Integer getEventCount() {
        return eventCount;
    }

    public void setEventCount(Integer eventCount) {
        this.eventCount = eventCount;
    }

    public String getEventName() {
        return eventName;
    }

    public void setEventName(String eventName) {
        this.eventName = eventName;
    }

    public String getEventDescription() {
        return eventDescription;
    }

    public void setEventDescription(String eventDescription) {
        this.eventDescription = eventDescription;
    }
}
/*
*  validation 사용하기 위해서는 pom.xml 추가 요소
<dependency>
    <groupId>org.hibernate.validator</groupId>
    <artifactId>hibernate-validator</artifactId>
    <version>6.0.7.Final</version>
</dependency>
* */

# /junit/FormTest/formEvent -  formEvent.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>New Events</title>
</head>
<body>
<form action="#" th:action="@{/junitForm/regEvent}" method="post" th:object="${event}">
    <p th:if="${#fields.hasErrors('eventName')}" th:errors="*{eventName}">eventName Error</p>
    <p th:if="${#fields.hasErrors('eventDescription')}" th:errors="*{eventDescription}">eventDescription Error</p>
    <p th:if="${#fields.hasErrors('eventCount')}" th:errors="*{eventCount}">eventCount Error</p>

    <label for="eventName">eventName</label>
    <input type="text" id="eventName" th:title="eventName" th:field="*{eventName}">
    <br>
    <label for="eventDescription">eventDescription</label>
    <input type="text" id="eventDescription" th:title="eventDescription" th:field="*{eventDescription}">
    <br>
    <label for="eventCount">eventCount</label>
    <input type="text" id="eventCount" th:title="eventCount" th:field="*{eventCount}">
    <br>
    <input type="submit" value="Create">
</form>
</body>
</html>

# /junitForm/events/list -  eventList.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Event List</title>
</head>
<body>
<a th:href="@{/junitForm/formEvent}">Create New Event</a>
<div th:unless="${#lists.isEmpty(eventList)}">
    <ul th:each="event:${eventList}">
        <p th:text="${event.eventName}">eventName</p>
        <p th:text="${event.eventDescription}">eventDescription</p>
        <p th:text="${event.eventCount}">eventCount</p>
    </ul>
</div>
</body>
</html>

 

블로그 이미지

미나미나미

,