상품 수정하기

상품 등록 후, insert into item 쿼리문이 실행됨
여기서 item_id는 1!

이 상품 아이디로 수정 페이지에 진입

상품 조회

• 상품을 수정하려면 해당 상품을 불러와야 함
• 따라서, ItemService에 상품 조회 메서드 추가 (조회 기능이라 읽기 전용)
• item 엔티티와 image 정보 엔티티를 itemFormDto 객체로 변환 후 반환하는 조회 기능

   @Transactional(readOnly = true)
    public ItemFormDto getItemDtl(Long itemId) {
        List<ItemImage> itemImageList = itemImageRepository.findByItemIdOrderByIdAsc(itemId);
        List<ItemImageDto> itemImageDtos = new ArrayList<>();

        for (ItemImage itemImage : itemImageList) {
            ItemImageDto itemImageDto = ItemImageDto.of(itemImage);
            itemImageDtos.add(itemImageDto);
        }

        Item item = itemRepository.findById(itemId)
                .orElseThrow(EntityNotFoundException::new);
        ItemFormDto itemFormDto = ItemFormDto.of(item);
        itemFormDto.setImageDtos(itemImageDtos);

        return itemFormDto;
    }

상품 수정 페이지 Controller

• 상품 등록 페이지를 동일하게 사용

  <div th:if="${#strings.isEmpty(itemFormDto.id)}" style="text-align: center">
      <button th:formaction="@{/admin/item/new}" type="submit" class="btn" style="background-color: #c58876; color: white; width: 30%;">저장</button>
    </div>
    <div th:unless="${#strings.isEmpty(itemFormDto.id)}" style="text-align: center">
      <button th:formaction="@{'/admin/item/' + ${itemFormDto.id}}" type="submit" class="btn" style="background-color: #c58876;color: white; width: 30%;">수정</button>
    </div>

로 저장 버튼 → 수정 버튼 변경

<p class="h1 pageName" th:text="${pageName}">
</p>

로 페이지 이름 바꿔줌

• 해당 상품을 조회한 뒤, itemFormDto 객체를 기반으로 상품 수정 페이지 생성 및 반환

  @GetMapping(value = "/admin/item/{itemId}")
    public String itemDtl(@PathVariable("itemId") Long itemId, Model model) {
        try {
            ItemFormDto itemFormDto = itemService.getItemDtl(itemId);
            model.addAttribute("itemFormDto", itemFormDto);
            model.addAttribute("pageName", "상품수정");
        } catch (EntityNotFoundException e) {
            model.addAttribute("errorMessage", "존재하지 않는 상품입니다.");
            model.addAttribute("itemFormDto", new ItemFormDto());
            model.addAttribute("pageName", "상품등록");
            return "items/itemForm";
        }
        return "items/itemForm";
    }

ItemImageService 수정

• 상품 이미지를 수정한 경우, 기존의 이미지 정보 객체를 불러옴 (조회)
• 기존 이미지 파일이 존재한다면 삭제
• 수정한 이미지 파일을 fileService.uploadFile() 로 저장
• itemImageRepository.save() 로 저장하는 것이 아님!
  🙋‍♀️ savedItemImage 엔티티는 현재 영속 상태이므로 데이터를 변경하는 것만으로 변경 감지 기능이 동작하여 트랜잭션이 끝날 때 update 쿼리가 실행됨

public void updateItemImage(Long itemImageId, MultipartFile itemImageFile) throws IOException {
        if (!itemImageFile.isEmpty()) {
            ItemImage savedItemImage = itemImageRepository.findById(itemImageId)
                    .orElseThrow(EntityNotFoundException::new);

            // 기존 이미지 삭제
            if (!StringUtils.isEmpty(savedItemImage.getImageName())) {
                fileService.deleteFile(itemImageLocation + "/" + savedItemImage.getImageName());
            }


            String originalImageName = itemImageFile.getOriginalFilename();
            String imageName = fileService.uploadFile(itemImageLocation, originalImageName, itemImageFile.getBytes());
            String imageUrl = "/images/item/" + imageName;

            savedItemImage.updateItemImage(originalImageName, imageName, imageUrl);
        }
    }

상품 업데이트 로직

• Item Entity 클래스에 업데이트 로직 생성
• 엔티티 클래스에 로직을 추가한다면, 좀 더 객체지향적이고, 코드를 재활용이 가능, 또한 변경 포인트를 한군데에서 관리 가능

    public void updateItem(ItemFormDto itemFormDto) {
        this.itemName = itemFormDto.getItemName();
        this.price = itemFormDto.getPrice();
        this.itemDetail = itemFormDto.getItemDetail();
        this.type = itemFormDto.getType();
        this.itemSellStatus = itemFormDto.getItemSellStatus();
    }

• 상품을 업데이트할 때도 변경 감지 기능을 사용
• public Long updateItem(ItemFormDto itemFormDto, List<MultipartFile> itemImageFileList) throws IOException { Item item = itemRepository.findById(itemFormDto.getId()) .orElseThrow(EntityNotFoundException::new); item.updateItem(itemFormDto); List<Long> itemImageIds = itemFormDto.getItemImageIds(); for (int i = 0; i < itemImageFileList.size(); i++) { itemImageService.updateItemImage(itemImageIds.get(i), itemImageFileList.get(i)); } return item.getId(); }

상품 수정 Controller

• 등록 controller 와 거의 동일