상품 등록

구현할 내용

  1. 컨트롤러 : ItemController 클래스 컨트롤러는 서비스에 서비스를 요청한다. ① GetMapping

    @GetMapping("/items/new")
public String createForm(Model model){
    model.addAttribute("form",new BookForm());
    return "items/createItemForm";
}

    ② PostMapping setter를 다 제거하고 static 생성자 메서드를 만들어서 생성자 주입, 파라미터로 넘기는 것이 더 좋은 설계다. 상품 저장이 끝나면 상품 목록 화면( redirect:/items )으로 리다이렉트한다!

    @PostMapping("/items/new")
public String create(BookForm form){
    Book book = new Book();
    book.setName(form.getName());
    book.setPrice(form.getPrice());
    book.setStockQuantity(form.getStockQuantity());
    book.setAuthor(form.getAuthor());
    book.setIsbn(form.getIsbn());

    itemService.saveItem(book);
    return "redirect:/items";
}

  2. 타임리프 템플릿 : createItemForm.html <form action=@{/items/new}" ... : 상품 등록 폼에서 데이터를 입력하고 Submit 버튼을 클릭하면 /items/new 를 POST 방식으로 요청

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/header :: header" />
<body>
<div class="container">
    <div th:replace="fragments/bodyHeader :: bodyHeader"/>
    <form th:action="@{/items/new}" th:object="${form}" method="post">
        <div class="form-group">
            <label th:for="name">상품명</label>
            <input type="text" th:field="*{name}" class="form-control"
                   placeholder="이름을 입력하세요"> </div>
        <div class="form-group">
            <label th:for="price">가격</label>
            <input type="number" th:field="*{price}" class="form-control" placeholder="가격을 입력하세요">
        </div>
        <div class="form-group">
            <label th:for="stockQuantity">수량</label>
            <input type="number" th:field="*{stockQuantity}" class="form-
control" placeholder="수량을 입력하세요"> </div>
        <div class="form-group">
            <label th:for="author">저자</label>
            <input type="text" th:field="*{author}" class="form-control"
                   placeholder="저자를 입력하세요"> </div>
        <div class="form-group">
            <label th:for="isbn">ISBN</label>
            <input type="text" th:field="*{isbn}" class="form-control"
                   placeholder="ISBN을 입력하세요"> </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
    <br/>
    <div th:replace="fragments/footer :: footer" />
</div> <!-- /container -->
</body>
</html>

상품 등록 확인

Previous회원 목록 조회Next상품 목록

Last updated

Was this helpful?