본문 바로가기
728x90

웹 개발/쇼핑몰 프로젝트(개인)

 (14)
쇼핑몰 만들기를 마치며 다이어리 이후의 두번째 개인프로젝트를 마쳤다순수하게 html,css와 jsp로 웹을 만들었고 CRUD기능을 사용했다 코드로 구현하면 구현할수록 추가되고, 수정되어야 할게 늘어났다.그럴때마다 처음 설계할 때 제대로 해야겠다는 생각이 들었다.물론 100% 완벽한 설계는 없고, 구현하다보면 분명 추가할 것들이 생길 것이다.그러나 설계서같은 문서나, 마인드맵 등 기초 작업을 잘 해놓는다면 크게 어려움 없이 추가 및 수정이 가능할것 같다고 생각이 들었다. 마무리를 조금 더 빨리 적었어야 했는데, 세미 팀 프로젝트를 하는 바람에 텀이 좀 길어진 거같다. 앞으로 Spring, MyBatis, JPA, JavaScript와 같은 웹개발 필수 요소들을 배우는 대로쇼핑몰 프로젝트나 다이어리 프로젝트에 적용 해보고자 한다!
쇼핑몰 만들기(13)-고객 페이지(구매확정, 리뷰 기능, pw히스토리 테이블 생성) 이번에는 고객이 구매를 확정하는 기능,리뷰를 작성하는 기능을 구현하고자한다.또한 비밀번호를 변경 할 경우 이전에 사용했던 비밀번호를 관리하기위해(이전에 사용했던 pw 사용못하게 하는 등) pw히스토리 테이블을 만들고 만들었던 기능을 좀 변경하도록 하겠다 리뷰를 작성하기 위해 따로 리뷰 테이블을 생성한다.리뷰 테이블의 기본키를 주문 테이블의 주문 번호로 설정해서, 주문 번호 하나당 리뷰 하나를 작성 할 수 있도록 한다.그리고 상품 상세페이지에 들어갈때 해당 리뷰도 같이 출력하게 할것이다 아래는 리뷰 테이블을 생성한 것이다.orders_no는 주문테이블의 기본키이고 리뷰테이블에서는 기본키이자 외래키이다. 리뷰 테이블을 생성했으니 구매확정 기능을 통해 구매확정을 하고, 리뷰를 작성하는 기능을 구현하겠다. up..
쇼핑몰 만들기(12)-관리자 페이지(주문관리, 주문 상태 변경, 주문취소) 이번에는 emp가 고객의 주문상태를 변경하는 기능, 고객의 주문을 취소하는 기능을 만들어보 그 전에 앞서 관리자 페이지에 주문관리 페이지를 만들었다.주문관리 페이지는 고객들의 주문이 리스트로 보여진다. empOrdersList.jsp> ordersList = OrdersDAO.selectTotalOrdersList(startRow, rowPerPage);%> 전체 고객 주문 목록 상품정보 주문일자 주문고객 주문번호 주문금액 주문상태 m : ordersList) { // 이미지를 출력하기 위해 상품 데이터를 가져오는 메서드 실행 String imgName = (String)GoodsDAO.select..
쇼핑몰 만들기(11)-고객 페이지(주문하기) 이번에는 고객이 상품을 주문할 수 있도록 해보겠다단 몇가지 조건을 두고 구현하고자 한다.일단 상품은 한가지씩만 구매할 수 있다. 개수는 여러개가 가능하다장바구니 없이 바로 구매하게된다.상품을 선택하면 상품 상세 페이지로 이동하게 되고, 주문하기 버튼을 누르면 주문 폼으로 이동한다 주문을 하게되면 [DB]shop.orders로 데이터가 insert된다.아래에 orders의 테이블 구조이다주문번호와, 고객의 id, 상품번호, 전체 수량 및 가격, 주소, 상태(결제완료, 배송중, 구매확정), 수정일, 생성일로 구성돼있다. 그럼 주문 폼의 코드를 보겠다.customerOrdersForm.jsp loginCustomer = (HashMap)session.getAttribute("loginCustomer");%> ..
쇼핑몰 만들기(10)-고객 페이지(상품 상세페이지, 고객 마이페이지(회원정보 수정 및 탈퇴) 쇼핑몰 만들기(9)-고객 페이지(쇼핑몰 메인페이지)쇼핑몰 만들기(8)-고객 페이지 쇼핑몰 만들기(7)-카테고리 관리 쇼핑몰 만들기(6)-상품 관리(상품 수정, 삭제) 쇼핑몰 만들기(5)-상품 관리 쇼핑몰 만들기(4)-관리자 상세보기, 부트스트랩 적용 2024.0broad-backend.tistory.com 상품의 이미지나 이름을 누르면 해당 상품의 상세 정보 및 구매를 할 수 있는 페이지를 만들었다.  recentViewdGoods = null; if(session.getAttribute("recentViewdGoods") == null) { recentViewdGoods = new HashSet(); } else { recentViewdGoods = (HashSet)session.getAttribu..
쇼핑몰 만들기(9)-고객 페이지(쇼핑몰 메인페이지, 회원가입) 쇼핑몰 만들기(8)-고객 페이지쇼핑몰 만들기(7)-카테고리 관리 쇼핑몰 만들기(6)-상품 관리(상품 수정, 삭제) 쇼핑몰 만들기(5)-상품 관리 쇼핑몰 만들기(4)-관리자 상세보기, 부트스트랩 적용 2024.04.05 - [웹 개발] - 쇼핑몰 만들broad-backend.tistory.com 메인페이지를 구현해봤다. customerGoodsList.jsp> goodsCntPerCategory = GoodsDAO.selectGoodsCntPerCategory();%>> goodsList = GoodsDAO.selectGoodsList(startRow, rowPerPage, category);%> 카테고리 전체() " class="w3-bar-item w3-button"> ..
쇼핑몰 만들기(8)-고객 페이지 쇼핑몰 만들기(7)-카테고리 관리쇼핑몰 만들기(6)-상품 관리(상품 수정, 삭제) 쇼핑몰 만들기(5)-상품 관리 쇼핑몰 만들기(4)-관리자 상세보기, 부트스트랩 적용 2024.04.05 - [웹 개발] - 쇼핑몰 만들기(3)-관리자 리스트, 관리자 메뉴,broad-backend.tistory.com  이제부터는 고객이 보는 페이지를 구현하려고 한다.아래의 마인드 맵에 따라 페이지 및 기능을 구현하고자 한다일단 가장 첫 페이지로는 쇼핑몰의 메인페이지이다. 메인페이지 왼쪽에는 사이드바로 카테고리를 표시할 것이고, 오른쪽에 상품들의 리스트를 바로 보여줄것이다.상단에는 쇼핑몰 홈으로가는 페이지 버튼, 최근 본 상품 목록, 주문목록(비회원은 누르면 로그인폼), 고객 마이페이지, 로그아웃버튼(회원일 경우에만 표시)..
쇼핑몰 만들기(7)-카테고리 관리 쇼핑몰 만들기(6)-상품 관리(상품 수정, 삭제)쇼핑몰 만들기(5)-상품 관리 쇼핑몰 만들기(4)-관리자 상세보기, 부트스트랩 적용 2024.04.05 - [웹 개발] - 쇼핑몰 만들기(3)-관리자 리스트, 관리자 메뉴, 권한 변경 쇼핑몰 만들기(3)-관리자 리스트,broad-backend.tistory.com 이번에는 카테고리를 관리하는 기능을 만들것이다.어떤 카테고리가 있는지 보여주는 categoryList와 카테고리 추가 , 삭제 기능을 만들것이다. 일단 카테고리 목록부터 구현할것이다.categoryList.jsp ArrayList) ArrayList> categoryList = new ArrayList>(); while(getCategoryRs.next()) { HashMap m = new Ha..
728x90

티스토리툴바