상품 등록 폼
package jpabook.jpashop.controller;
import lombok.Getter;
import lombok.Setter;
@Getter
@Setter
public class BookForm {
private Long id;
private String name;
private int price;
private int stockQuantity;
private String author;
private String isbn;
}
상품 등록 컨트롤러
package jpabook.jpashop.controller;
import jpabook.jpashop.domain.item.Book;
import jpabook.jpashop.service.ItemService;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
@Controller
@RequiredArgsConstructor
public class ItemController {
private final ItemService itemService;
@GetMapping("/items/new")
public String createForm(Model model) {
model.addAttribute("form", new BookForm());
return "items/createItemForm";
}
@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:/";
}
}
상품 등록 뷰(templates/items/createItemForm.html)
<!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="formcontrol"
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>
주의 : PDF에서 html 파일을 복사할 때 줄바꿈 때문에 form-control이 formcontrol이라고 붙는 경우가 있다. 이 경우 form-control로 수정해야 한다.
상품 등록
- 상품 등록 폼에서 데이터를 입력하고 submit 버튼을 클릭하면 /items/new를 POST 방식으로 요청
- 상품 저장이 끝나면 상품 목록 화면(redirect:/items)로 리다이렉트
'Backend' 카테고리의 다른 글
| [실전! 스프링부트와 JPA활용] 웹계층 개발 - 상품 수정 (0) | 2025.04.14 |
|---|---|
| [실전! 스프링부트와 JPA활용] 웹계층 개발 - 상품 목록 조회 (0) | 2025.04.13 |
| [실전! 스프링부트와 JPA활용] 웹계층 개발 - 회원 목록 조회 (0) | 2025.04.12 |
| [실전! 스프링부트와 JPA활용] 웹계층 개발 - 회원 등록 (0) | 2025.04.11 |
| [실전! 스프링부트와 JPA활용] 웹계층 개발 - 홈화면과 레이아웃 (0) | 2025.04.10 |