20_공동구매 게시물 상세보기 ① 게시물정보/참여자목록

공동구매 목록을 다 띄웠으니 할 게 또 완전 많은 공동구매 게시물 상세보기....스타트......ㅎㅅㅎ

 

먼저 예시화면으로 만들어놓은 걸 보면서 해야 할 것들 정리를 해보자면,,!

① 공동구매에 관련된 정보들 가져오기

    (메인사진, 상품링크, 카테고리, 제목, 작성자프로필사진, 닉네임, 가격..., 상세내용, 거래위치..등등.....)

② 참여자목록 (참여자들 프로필사진 및 닉네임)

③ 댓글(등록, 수정, 삭제, 고정 처리)

④ 신고팝업, 신고처리(게시물, 댓글)

⑤ 찜(♡) 

⑥ 버튼 관련

버튼 종류는 아래와 같이 나눠진다.

공동구매 상태	대상	대상 상태	버튼
모집	비회원, 회원	참여 X	<참여하기>
	참여자	참여 O	<추가 참여> <참여 취소>
	진행자	<추가 참여> <수정> <진행 취소>
진행	<진행 중인 공동구매>
완료/모집마감/취소	<마감된 공동구매>

 

 

---

 

① 공동구매에 관련된 정보들 가져오기

    (메인사진, 상품링크, 카테고리, 제목, 작성자프로필사진, 닉네임, 가격..., 상세내용, 거래위치..등등.....)

 

🔥 NumberFormatException 이 발생할 일이 없는데 계ㅔㅔㅔ속 예외 발생하고, 모든 값이 NULL 로 넘어왔다...ㅎㅎ

    지금까지 했던 게 거의 ArrayList 형태로 받아서 너무 자연스럽게 이번에도 ArrayList를 사용했던 것,,,

    이번에는 그냥 해당 공동구매 한 개의 내용을 받아오는 거라 returnType이 BuypostDTO 여서 값이 넘어와지지 않았다.

    BuypostDTO로 고치니 제대로 잘 넘어옴,,,ㅎㅅㅎ

 

저거 예외 발생했던 거 말고 문제가 되는 부분은 없었다!

아 사진은 원래 여러 장 업로드 가능하게 하려고 테이블을 따로 만들어뒀는데...지금은 일단 그냥 한 장만...!....하는 걸로...

 

▶ 첫 번째 공동구매 관련 정보 예시를 보면,

- 상품 썸네일 사진이 옆에도 보여진다. 그리고 그 아래 <상품링크>를 클릭하면, 해당 상품을 판매하는 사이트로 이동한다.

  그 사이트에서 상품 상세보기 및 설명을 볼 수 있음!

- 우측 메인카테고리(밀키트/간편식/냉동)와 서브카테고리(냉동) 은 각각 클릭 시, 메인카테고리/서브카테고리 공동구매

  목록으로 이동한다.

- 그 아래는 순서대로 『진행자가 입력한 제목, 진행자의 프로필사진, 진행자의 닉네임

  상품 개당 참여가격, 유통기한(유통기한 모른다고 입력했을 경우, '모름'이라고 뜸)

  현재 구매 상품개수/목표 상품 개수 (막대바를 통해서 목표까지의 퍼센트를 시각적으로 확인 가능),

  거래위치 주소, 거래희망일, 마감까지 남은 시간』 정보이다.

 

<상품링크> 클릭 시, 사용자가 입력해놓은 링크로 이동한 화면이다.

 

지도API를 이용해서 지도이미지로 정확한 위치를 보여준다. (확대 가능)

지도 아래 내용은 사용자가 입력한 내용이다. (사진이 있다면 사진도 뜸)

 

▶ 두 번째 공동구매 관련 정보 예시를 보면, 이번에는 내용에 사진이 있는 경우 & 유통기한 모름이라고 뜨는 경우

유통기한에는 '모름'이라고 적혀있고, 목표한 상품개수만큼 다 구매해서 상태바도 가득 채워져있다.

이럴 경우에는 나중에 버튼 작업 시, 참여하기 버튼에 작업할 예정이다.

거래위치와 주소도 지도에 잘 뜨고!

사용자가 올린 사진과 내용도 잘 뜬다.

 

 

 

② 참여자목록 (참여자들 프로필사진 및 닉네임)

참여자목록은 아래 사진에서 [참여자목록] 탭을 클릭 시, 볼 수 있다.

참여자 테이블에 있는 회원코드를 통해서 닉네임과 매너레벨에 해당하는 사진정보를 가져오면 된다.

닉네임, 사진정보 가져오는건 많이해서 빠르게 진행했다.

현재 이 딸기 게시물의 참여자 목록이다. (DB)

참여자 목록에서 진행자가 제일 앞에 뜬다.

닉네임과 사진이름에 맞는 사진이 제대로 뜨는 거 확인 가능!

---

나머지는 다음 게시물에서 진행,,,,ㅎ!