js에서 ajax 사용하여 json 데이터 자바로 넘기기 데이터 넘기기 테스트를 위해 json_test.html 생성 ajax contentType : default 방식 데이터 받기 ajax contentType : json 방식, 커맨드 객체로 데이터 받기 ajax contentType : json 방식, map으로 데이터 받기 ajax contentType : json 방식, 자바스크립트의 객체 배열을 넘기고 리스트로 받기 ajax contentType : default 방식, 자바스크립트의 객체 배열을 넘기고 리스트로 받기(오류-데이터 안 넘어옴) ajax contentType : json 방식, 자바스크립트의 객체 배열을 넘기고 map으로 받기 ajax contentType : json 방식, ..

화면 상단의 MY PAGE 눌렀을 때 회원이 보면 화면창 구성 personal_layout.html 생성 personal_side.html 생성 두 html 연결 fragment로 화면 구성 장바구니 목록 구매 내역 개인정보수정 MY PAGE 누르면 장바구니 목록 화면으로 이동 header.html의 MY PAGE a태그 감싸서 controller 이동 MY PAGE controller 작성. 페이지 이동 경로 설정 //장바구니 페이지 @GetMapping("/cartList") public String cartList() { return "content/cart/cart_list"; } cart_list.html 생성 personal_layout과 같이 열리기 때문에 fragment 설정 장바구니 목록..

상품 상세 화면에서 장바구니 버튼 클릭 시 장바구니 등록 item_detail.html에서 장바구니 버튼에 함수 작성하여 js로 이동. 장바구니 기능은 로그인한 경우(회원만) 사용 가능. js로 이동할 때 id 정보 필요 > 로그인 정보를 가져가기. 매개변수로 넘김 방법1. loginInfo 전체 가져가기 (불필요한 데이터도 가져감, memId 따로 뽑아야 함.) 방법2. memId만 가져가기 (삼항연산자 사용, oginInfo null인지 체크해야 함.) item_detail.js 생성 item_detail.html에 js 연결 코드 작성. item_detail.js에 regCart 함수 작성. 장바구니 버튼을 눌렀을 때 로그인 여부 체크 하는 if문 작성 로그인 X 경우, confirm 창 띄워서 확..

bootstrap 사용하여 상품 목록 화면 구성. Components탭의 card 소스 복사 상품 메인 이미지, 상품명, 가격 표시. 상품 가격 화폐 단위로 표시하는 타임리프 문법 : [[${#numbers.formatCurrency(10000)}]] 상품 목록 조회 쿼리 작성 SELECT ITEM.ITEM_CODE , ITEM_NAME , ITEM_PRICE , IMG_CODE , ATTACHED_FILE_NAME FROM SHOP_ITEM ITEM, ITEM_IMG IMG WHERE ITEM.ITEM_CODE = IMG.ITEM_CODE AND IS_MAIN = 'Y' ItemService 메소드 생성 //사용자 상품 목록 조회 List getItemListForUser(); ItemServiceIm..

상품 목록 조회 쿼리에서 검색 기능 추가해서 기능 설정. 검색 기능 전용 VO 작성. 방법1. ItemVO에 SearchItemVO 상속 방법2. ItemVO에 SearchItemVO 변수 추가. -방법 2 사용 private SearchItemVO searchItemVO; //ItemVO 하나는 검색VO 하나를 가짐. 검색 영역 form문 속성 작성 검색 input 태그들 name 속성 작성. name속성 작성할 때 주의 itemVO안에 어떤 VO가 있으면 아래처럼 name 속성 줘야 데이터 받아온다. AdminController 작성 상품관리 페이지는 서브 메뉴를 클릭해서 get 방식으로 들어올 수 있고, 검색 기능 사용 시 form 태그를 타고 post 방식으로도 들어올 수 있어야 된다. 하나의 페..

상품 기본(상세) 정보 화면에서 수정 버튼 클릭 시 상품 정보 수정 기능.(ajax 사용 x) 상품 수정 쿼리 UPDATE SHOP_ITEM SET CATE_CODE = #{cateCode} , ITEM_NAME = #{itemName} , ITEM_PRICE = #{itemPrice} , ITEM_INTRO = #{itemIntro} , ITEM_STATUS = #{itemStatus} , ITEM_STOCK = #{itemStock} WHERE ITEM_CODE = #{itemCode} AdminService //상품 수정(관리자페이지) void updateItem(ItemVO itemVO); AdminServiceImpl //상품 수정( @Override public void updateItem(I..