🦁 Python Online Store 만들기 19편 - 상품 구매결과 조회

🎈 Front End Developer 의 Back End 도전기 ! 🎈

이 글은 PROJECT LION : 호코치 강사님의 강의를 들으며 참고한 글입니다.

작업 중, 개발과정 정리 및 issue가 되었던 부분들을 공유 및 기록하고자 작성하게 되었습니다.

1. 구매결과 조회

✍ 사용자가 구매를 완료하였다면, 구매를 완료한 상품의 목록 및 상세페이지가 필요할 것이다.

우선, 주문완료 상품의 목록부터 확인이 가능하도록 구성해 보겠다.

1. 주문완료 controller 생성

📍 blueprint 생성 = order 주소를 가진 blueprint controller 생성

---

📍 controllers > order.py 생성
= blueprint order 추가 및 order 사용

---

📍 app.py > order blueprint 등록
= order import 및 prefix는 order는 이용

---

2. 구매 완료한 상품 목록 API 생성(controllers > order.py)
   = 구매완료된 리스트이므로 당연히 로그인 된 상태에서 확인이 가능하므로 check_login을 사용하여 로그인 유무 체크를 먼저 진행한다.

그 후, 주문목록을 가져와야 하는데, find 함수를 사용하여 가져오도록 하겠다

---

3. find 함수 생성(models > order.py)
   = db의 orders에 있는 모든 document를 가져와서 orders 변수에 저장시켜주고 orders를 return 시켜준다.

---

4. orders 사용
   = import 및 models > order.py에서 return 받아온 orders 사용한다.
   이 정보를 가지고 html에서 보여주어야 한다.(orders.html 생성 및 orders 정보 html file에 던져줌)

---

5. orders.html file 생성(구매한 주문 목록)
   
   = 여기서 유의할 부분은 render_template 생성 후 product가 아닌 orders를 넘겨주었기 때문에,
   {% for order in orders %} = 넘겨준 orders 값을 order로 받아서 order의 product를 타고 해당 값을 가져온다.
   

   order > product > ___

---

= 주문목록 페이지 결과화면

---

우선 주문한 상품의 목록 페이지는 끝이났다.
다음으로는 주문한 상품의 상세페이지를 확인해보겠다.

1. 상세 페이지 API 생성
   = 주문 목록과 유사하나, 상품 상세 페이지는 어떤 order인지가 필요하므로 order_id 고유값을 가져온다.

상세페이지도 동일하게 로그인이 필요하여 check_login으로 체크했으며, order_id 하나만 찾으면 되므로, find_one으로 order_id를 주소값에서 받아서 넘겨줄 것이다.

---

2. 넘긴 order_id를 find_one으로 찾기(models > order.py)
   = 넘어온 order_id 값을 _id 주소로(db안의 _id를 찾는것) document를 찾는다.
   그 후 order를 return 시킨다.

🔖 ObjectId를 받아온 이유는 db안의 id값이 ObjectID값으로 설정되어 있어 맞춰주었다.

---

3. order.html file 생성(주문완료 상세 페이지)
   = 유의할 점은 주문목록과 동일하게 order의 product 안에 가져올 data들이 있다는 점이다.

---

4. 주문목록 페이지에서 상세페이지 이동 링크
   = orders의 order_id 고유값으로 던져준다(이동) -> order controllers 안의 상세 페이지로 이동되는 부분이 작동된다.
   

---

5. 배송지 / 주문자정보 추가
   = order 안의 각자 해당되는 data값을 가져온다.
   

이렇게 주문완료된 목록 및 상세페이지를 구현해 보았다.
직접 사용자 및 상품의 data를 넘기고, 그 넘겨진 값을 받아서 db에서 확인 후 직접 뿌려지는 과정까지 구현해 보니 front와는 또 다른 재미가 있는 것 같다. 😎

다음 시간에는 드디어 결제 모듈을 연동시켜 보겠다!!!!🎉