[2주차] Mission 해결 일지 (1)

⛳️ 장바구니 구현

🌟 품목 추가

1️⃣ 조건 확인

⛳️ API : GET /cart/add/{productId}

⛳️ 요구사항
✔️ 상품이 곧 도서이다.
✔️ 도서를 장바구니에 담을 수 있다.

2️⃣ 장바구니 Entity 추가 및 컬럼별 관계 정의 (기본 구현)

➡️ Member(회원) 가 존재해야 Product(상품) 이 존재하고, 둘이 존재해야 CartItem(장바구니 폼목) 이 존재할 수 있다. 

① CartItem Entity 생성

@Entity
@Getter
@SuperBuilder
@ToString(callSuper = true)
@NoArgsConstructor(access = PROTECTED)
public class CartItem extends BaseEntity {
    @ManyToOne
    private Member member;
    @ManyToOne
    private Product product;

    private Long index_unique;

    public CartItem (Member member, Product product) {
        this.member = member;
        this.product = product;
        this.index_unique = Long.parseLong("%d%d".formatted(member.getId(), product.getId()));
    }
}

index_unique 의도대로 들어감

➡️ 장바구니에 상품이 담기면, Member 도 그 리스트를 알고 있어야함. 장바구니 리스팅 구현 때 생각하고 시작 (품목 리스트의 2️⃣-②)

➡️ 회원이 같은 상품을 두번 장바구니에 담는 경우의 예외 처리 (🛠 리팩토링 필요)

② addCart 로직 작성

@Controller
@RequiredArgsConstructor
@RequestMapping("/cart")
public class CartController {
//		(생략)
    @PreAuthorize("isAuthenticated()")
    @PostMapping("/add/{productId}")
    public String addCart (@PathVariable Long productId, Principal principal) {
        Member member = memberService.findByUsername(principal.getName()).orElse(null);
        if (member == null) {
            throw new NotFoundException();
        }

        Product product = productService.findById(productId).orElse(null);
        if (product == null) {
            throw  new NotFoundException();
        }
        cartService.addCart(member, product);
        return "redirect:/";
    }
}

@Service
@RequiredArgsConstructor
public class CartService {
    private CartRepository cartRepository;

    public void addCart(Member member, Product product) {
        CartItem cartItem = new CartItem(member, product);
        cartRepository.save(cartItem);
    }
}

③ Test Case 작성 (CartServiceTests)

@SpringBootTest
@Transactional
@ActiveProfiles("test")
public class CartServiceTests {
//		(생략)
    @Test
    @DisplayName("상품 추가")
    void t1 () {
        Member member = memberService.findByUsername("user1").get();
        Product product = productService.findById(3L).get();

        CartItem cartItem = cartService.addCart(member, product);

        assertThat(cartItem.getId()).isEqualTo(3L);
        assertThat(cartItem.getMember()).isEqualTo(member);
        assertThat(cartItem.getProduct()).isEqualTo(product);
    }
}

➡️ 강사님의 Rq.getId 써도 좋을 듯

테스트 통과

④ DevInitData 에 CartItem 도 추가

@Configuration
@Profile({"dev", "test"})
public class NotProdInitData {
    private boolean initDataDone = false;
    
    @Bean
    CommandLineRunner initData(
            MemberService memberService,
            PostService postService,
            ProductService productService,
            CartService cartService
    ) {
        return args -> {
 //		(생략)
            CartItem cartItem1 = cartService.addCart(member2, product3);
            CartItem cartItem2 = cartService.addCart(member1, product2);
        };
    }
}

 

⑤ 실제 작동 확인

<!-- 연결 -->
<a th:href="@{|/cart/add/${product.id}|}" methods="POST" class="btn btn-sm">
    <i class="fa-solid fa-cart-plus"></i>
    <span class="ml-2">장바구니</span>
</a>

정상적으로 추가됨

🌟 품목 리스트

1️⃣ 조건 확인

⛳️ API : GET /cart/list

⛳️ 요구사항
✔️ 장바구니에서 도서를 제거할 수 있다.

2️⃣ 기본 구현

① UI 추가

② 기본 구현

public class CartController {
//		(생략)
    @PreAuthorize("isAuthenticated()")
    @GetMapping("/list")
    public String showCartItemList(Model model) {
        List<CartItem> cartItemsList = cartService.findAllByMemberId(rq.getId());
        model.addAttribute("cartItemsList", cartItemsList);
        return "cart_list";
    }
}

public class CartService {
//		(생략)
    public List<CartItem> findAllByMemberId(long id) {
        return cartRepository.findAllByMemberId(id);
    }
}

③ Test Case 작성 (CartServiceTests)

@Test
@DisplayName("상품 목록 확인")
void t2() {
    List<CartItem> cartItemList = cartService.findAllByMemberId(2L);

    assertThat(cartItemList.size()).isEqualTo(1);
    assertThat(cartItemList.get(0).getIndex_unique()).isEqualTo(23);
}

테스트 통과

④ 실제 작동 확인