날아라쩡글이의 블로그입니다.

중앙 2106기 2조 세미프로젝트 (협업) -옷판매웹사이트 본문

하루 story/프로젝트

중앙 2106기 2조 세미프로젝트 (협업) -옷판매웹사이트

날아라쩡글이 2021. 12. 10. 08:23
반응형

ppt

 

 

 

사용기법 

  • back-end
    • java, jsp, Oracle SQL
  • front-end
    • Bootstrap5, javascript, html5, css3 ,Jquery

프로젝트 기간 

  • 2021.11.17일 첫 회의를 기준으로 1시간씩만 회의를 함 총 3시간
  • 구현 : 2021.11.25~2021.12.08 (15일)
  • 총 소요시간 15일 3시간

basic 형태로 둔 웹 사이트 

https://common-unique.com/

 

커먼유니크

PLEASE SELECT THE DESTINATION COUNTRY AND LANGUAGE : SHIPPING TO : 가나(GHANA) SHIPPING TO : 가봉(GABON) SHIPPING TO : 가이아나(GUYANA) SHIPPING TO : 감비아(GAMBIA) SHIPPING TO : 과테말라(GUATEMALA) SHIPPING TO : 그레나다(GRENADA) SHIPPI

common-unique.com

그러나 우리는 메인만 비슷하게 형태만 비슷하게 진행하였다.

내가 맡은 담당

  • navbar담당하기
  • 내주문내역 확인하기 
  • 리뷰
    • 리뷰 등록하기 
    • 리뷰 수정하기 
    • 리뷰 삭제하기 
    • 리뷰 좋아요하기 
      • 상품에 리뷰 작성 후 총 갯수, 평점 구현하기
      • 좋아요 10개 이상인 경우 추천리뷰 표시하기 
  • 문의 사항 게시판
    • 문의사항 등록하기 
    • 문의사항 수정하기 
    • 문의사항 삭제하기 
    • 문의사항 매니저가 댓글 달기 
      • 문의사항의 내용이 답변완료로 수정
    • 문의사항 매니저가 댓글 삭제하기 
      • 문의사항의 내용이 답변미완료로 수정
    • 문의사항 답변 미완료 확인하기 
  • 관리자 게시판 구현하기
    • 사용자에게 관리자 권한 부여하기 

목적

  • 애자일 조직 방식으로 팀원들과 다양한 의견 공유와 수정이 나오면 긍정적인 모습으로 수긍하고 변경한다. 
  • 현재까지 배운 java, JSP, Oracle SQL, html5, css3을 이용하여 개발한다. 
  • CRUD의 기초적인 4가지 쿼리형식을 이용하여 개발한다. 

구현한 모습

  • 홈버튼과 상품의 확인의 경우 로그인이 아닌 상태에서 구경이 가능하다. 
  • 나머지 페이지를 이용하기 위해서는 로그인이 필요하다. 
    • 로그인 시에는 일반 사용자와 매니저 사용자로 로그인이 된다. 
    • 손님이 알바나 직원으로 채용되는 경우가 존재하기 때문에 매니저의 권한을 주는 경우가 존재한다. 
  • navbar
    • 로그인 전의 형태를 갖추고 있다. 
    • 로그인 후 이모티콘과 로그아웃 버튼이 생성되었다. 
  • 마이페이지
    • 주문내역 확인하기와 
    • 매니저로 로그인시 cs 전체 게시물 확인하기, 매니저 메뉴 확인하기는 직접 구현을 진행하였다.
  • 주문내역 확인하기
  • 주문내역이 출력된다. 
  • 우리 2조는 리뷰작성시 실제 총 주문금액의 1%를 추가 적립받도록 설정하였다.

    리뷰작성은 1회만 진행이 되어야한다. 
    • 리뷰작성이 안된 경우 
    • 리뷰작성이 완료되면 적립되었다는 메세지와 리뷰의 게시물이 출력된다. 
    • 클릭시 내가 작성한 리뷰는 좋아요를 클릭할 수 없고, 수정과 삭제 , 내 리뷰보기가 출력된다.
    • 수정하기를 누르면 내가 이전에 작성한 리뷰의 내용이 작성되며 수정이 가능하다. 
      별점은 이미 한번 줬기 때문에 수정이 어렵게 만들었다. 
    • 수정이 완료 되었다. 리뷰 삭제도 가능하다.
    • 리뷰작성이 완료되면 상품확인하기와 나의 적립금 확인하기가 보여진다. 
    • 리뷰보기를 다시확인했을 때 갑자기 카티션 프로덕트가 일어났다
      • SQL 
        select 
        R.review_no, R.review_title, R.user_no, R.review_review_like_count, R.review_content, R.review_created_date, R.review_star_point, 
        U.user_id, U.user_password, U.user_name, U.user_age, U.user_gender, U.manager_check, 
        U.user_address, U.user_order_point, U.user_degree, U.user_created_date, U.user_delete_check, 
        P.product_no, P.category_no, P.product_name, P.product_price , P.product_discount_price, P.product_stock, P.product_on_sale, P.product_review_count, 
        P.product_star_point, P.product_date, P.product_picture 
        from review R, user_table U, product P, user_basket B 
        where R.user_no = U.user_no(+) 
        and U.user_no = B.user_no(+) 
        and P.product_no(+) = B.product_no
        and R.review_no = 172;
      • 원래 잘나왔던 부분이고, ERD에서도 장바구니는 product와 user이 연결 되어있는데 왜 그러지? 확인했더니 다른 팀원이 담당한 order에서 데이터를 아예 삭제했기 때문이었다. 
        수정후 확인하니 제대로 출력이 되었다. 
    • 여기서 팁!! 내가 거의 DB를 만들었기 때문에 나의 실수도 많이 크다.
      그래서 다음에는 컬럼을 추가해서 주문진행중 과 혹은 주문완료건으로 구성해서 
      장바구니의 데이터를 삭제하는것이 아닌 담기고 주문이 완료되면 주문완료건으로 장바구니에 표현되지 않게 하는 것이 중요하다고 생각이 들었다!! 파이널 때 보완하도록 해야겠다!! 
    • 그래서 
    • 리뷰의 갯수와 평균 별점도 잘 구현이 되었다. 
    • 다른 사용자로 들어왔을 경우 좋아요가 표시되고 나의 리뷰보기 표현된다. 
    • 좋아요가 10개 이상이면 추천리뷰로 클릭이 된다.
      그래서 발표는 무사히 진행된 부분으로 코드 수정은 직접 수정을 했다. 
    • Default의 값을 주문진행으로 두고, 장바구니도 구현되도록 수정을 하여,
    • 주문진행만 출력되고 주문완료되면 주문완료로 변경되어 주문진행건만 출력이 되게 만들었다. 
  • 문의사항게시판
    • 문의사항을 쓰기를 누르면 등록이 가능하다.
    • 작성후 등록하기를 누르면 다른사람들이 적은 답변 미완료 게시판 리스트가 출력된다. 
      작성자는 앞에 답변미완료된 리스트를 확인하고 어느정도 기다려야하는지 추측이 가능하다. 
    • 그리고 마이페이지의 나의 게시글을 클릭하면
    • 작성한 내역을 확인할 수 있다. 제목을 클릭하면 
    • 내가 작성한 문의사항은 수정하기와 삭제하기가 가능하다. 그리고 조회수가 올라가는 것을 확인할 수 있다. 
    • 이제 매니저 아이디로 들어가서 확인해보자.
    • Cs 전체 게시물 확인하기를 클릭하면
    • cs전체 게시물이 출력된다. 그리고 답변 완료와 미완료건이 출력된다. 
      답변이 완료되면 완료표시가 되고 미완료는 미완료로 변경된다. 
      매니저만 작성자의 이름을 확인할 수 있게하였고, 매니저가 댓글을 작성하면 등록버튼이 사라지고 
      매니저가 댓글을 달지 않으면 등록버튼이 생성되고 댓글을 삭제하면 댓글미완료로 변경되도록 완성하였다. 

    • 삭제 후 댓글이 미완료로 변경되었다. 
      그리고 댓글 미완료 버튼을 클릭하면 
    • 우선적으로 댓글을 달아야하는 순서로 리스트가 출력된다. 
  • 매니저 메뉴 확인하기 
    • 여기서 매니저 등록하기를 맡았다. 등록하기를 클릭하면 
    • 매니저 등록이 되지않은 회원의 아이디가 출력되고 매니저를 설정하면 매니저 권한이 부여되면서 매니저관리폼에서 사라진다 
    • 등록시 자바스크립트 경고창의 효과가 나타나도록 만들었다. 
       
    • 매니저로 변경 후 p10이 출력되지 않는 것을 알 수 있다. 
반응형
Comments