[강의] 실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발 3

 

와아앙 끝

 

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-JPA-%ED%99%9C%EC%9A%A9-1/dashboard

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발 - 인프런 | 강의

 

7. 웹 계층 개발

- 홈 화면과 레이아웃

//HomeController.java
@Controller
@Slf4j // log사용
public class HomeController {

    @RequestMapping("/")
    public String home(){
        log.info("home controller");
        return "home";
    }
}

를 만들고 home.html, footer, header, bodyheader 등 html 파일들 만들어서 넣어줌

https://getbootstrap.com/docs/5.1/getting-started/download/

Download

여기서 

이거 받아서

 

static 하위에 복사 붙여넣기 해준다. 적용 안되는 경우 빌드 다시하기

그리고 강사님이 주신 css코드까지 추가해주면 된다.

무언가 잘못되었지만 수업엔 큰 지장이 없는 것 같아 넘어가기로 한다.

 

- 회원 등록

@NotEmpty를 사용하기 위해서는 이 문구를 build.gradle에 추가해줘야 한다.
implementation 'org.springframework.boot:spring-boot-starter-validation'

//MemberForm.java
@Getter@Setter
public class MemberForm {

    @NotEmpty(message = "회원 이름은 필수 입니다.")
    private String name;

    private String city;
    private String street;
    private String zipcode;

}

//MemberController.java
@Controller
@RequiredArgsConstructor
public class MemberController {
    private final MemberService memberService;

    @GetMapping("/members/new")
    public String createForm(Model model){
        model.addAttribute("memberForm", new MemberForm());
        return "members/createMemberForm";
    }

    @PostMapping("/members/new")
    public String create(@Valid MemberForm form, BindingResult result){

        if(result.hasErrors()){
            return  "members/createMemberForm";
        }

        Address address = new Address(form.getCity(), form.getStreet(), form.getZipcode());

        Member member = new Member();
        member.setName(form.getName());
        member.setAddress(address);

        memberService.join(member);
        return "redirect:/";
    }
}

error validation

Member를 쓰지 않고 Formdata를 쓰는 이유

: Member가 지저분해지는 것을 방지하고, 전부 수정할 이유는 없기에 필요한것만

엔티티가 화면 종속화가 되고, 유지 보수가 힘들어진다.

 

- 회원 목록 조회

역시 html은 복붙으로 넣어주고

//MemberController.java
@Controller
@RequiredArgsConstructor
public class MemberController {

	...
    
    @GetMapping("/members")
    public String list(Model model){
        List<Member> members = memberService.findMembers();
        model.addAttribute("members", members);
        return "members/memberList";
    }
}

하.. 여기 form이라고 써서 오류 한참찾았네

- 상품 등록

//ItemController.java
@RequiredArgsConstructor
@Controller
public class ItemController {

    private final ItemService itemService;

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

    @PostMapping(value = "/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:/";
    }

}

역시 html파일 추가 후 잘된다!

 

- 상품 목록

//ItemController.java
@RequiredArgsConstructor
@Controller
public class ItemController {

	...

    @GetMapping(value = "/items")
    public String list(Model model) {
        List<Item> items = itemService.findItems();
        model.addAttribute("items", items);
        return "items/itemList";
    }
}

아까랑 다른 데이터를 넣어서 데이터는 다르다

- 상품 수정

//ItemController.java
@RequiredArgsConstructor
@Controller
public class ItemController {

	...

    @GetMapping(value = "/items/{itemId}/edit")
    public String updateItem(@ModelAttribute("itemId") Long itemId, Model model) {
        Book book = (Book) itemService.findOne(itemId);

        BookForm form = new BookForm();
        form.setId(book.getId());
        form.setName(book.getName());
        form.setPrice(book.getPrice());
        form.setStockQuantity(book.getStockQuantity());
        form.setAuthor(book.getAuthor());
        form.setIsbn(book.getIsbn());

        model.addAttribute("form", form);
        return "items/updateItemForm";
    }

    @PostMapping(value = "/items/{itemId}/edit")
    public String updateItem(@ModelAttribute("form") BookForm form) {

        Book book = new Book();
        book.setId(form.getId());
        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";
    }
}

수정 시 파라미터로 넘어온 item 엔티티 인스턴스는 준영속 상태이다. 영속성 컨테스트라 할 수 없고 수정해도 변경감지가 동작하지 않는다.

 

- 변경감지와 병합

준영속 엔티티

영속성 컨텍스트가 관리하지 않는 엔티티

ex ) 위의 book 객체, DB에 한번 갔다 왔기에 식별자가 존재한다

 

준영속 엔티티 수정하는 법

1) 변경 감지 기능

@Transactional
//itemParam: 파리미터로 넘어온 준영속 상태의 엔티티
void update(Item itemParam) { 
    //같은 엔티티를 조회한다.
    Item findItem = em.find(Item.class, itemParam.getId());  
    //데이터를 수정한다.
    findItem.setPrice(itemParam.getPrice());
}

트랜잭션 커밋 시점에 변경 감지 Dirty Checking

 

2) 병합 사용

@Transactional
void update(Item itemParam) { 
	Item mergeItem = em.merge(item);
}

merge 보단 변경감지. null로 업데이트 될 위험이 있음

 

 

- 주문 목록 검색, 취소

//OrderController.java
@Controller
@RequiredArgsConstructor
public class OrderController {

    private final OrderService orderService;
    private final MemberService memberService;
    private final ItemService itemService;

    @GetMapping(value = "/order")
    public String createForm(Model model) {
        List<Member> members = memberService.findMembers();
        List<Item> items = itemService.findItems();
        model.addAttribute("members", members);
        model.addAttribute("items", items);
        return "order/orderForm";
    }

    @PostMapping(value = "/order")
    public String order(@RequestParam("memberId") Long memberId,
                        @RequestParam("itemId") Long itemId, @RequestParam("count") int count) {
        orderService.order(memberId, itemId, count);
        return "redirect:/orders";
    }

    @GetMapping(value = "/orders")
    public String orderList(@ModelAttribute("orderSearch") OrderSearch
                                    orderSearch, Model model) {
        List<Order> orders = orderService.findOrders(orderSearch);
        model.addAttribute("orders", orders);
        return "order/orderList";
    }

    @PostMapping(value = "/orders/{orderId}/cancel")
    public String cancelOrder(@PathVariable("orderId") Long orderId) {
        orderService.cancelOrder(orderId);
        return "redirect:/orders";
    }
}