순서 1. 전체적 방향 2. 라이브러리 추가 3. web.xml 4. multipartResolver 등록 1. 전체적 방향 '상품 등록 페이지'에서 사용자가 이미지를 선택을 하고 다른 상품 정보를 다 작성한 뒤 '등록 버튼'을 눌렀을 때 상품 이미지를 업로드하고, 업로드 이미지 정보를 DB 저장을 하는 방식으로 구현했습니다. 해당 방식으로 했을 때 동작 방식은 다음과 같습니다. (뷰) 사용자가 이미지를 선택 => (뷰) 선택된 이미지 서버로 전송 => (서버) 전송받은 이미지 저장 후, 저장 한 이미지 정보 뷰로 재전송 => (뷰) 전송받은 데이터를 활용하여 이미지 미리 보기, 태그에 데이터 저장 => (뷰) '등록 버튼' 클릭 => (서버) 이미지 정보 DB 저장 서버에서 첨부 파일을 처리하기 위해서..
순서 1. Mapper 메서드 2. Service 메서드 3. Controller 메서드 4. View 처리 1. Mapper 메서드 상품 정보 삭제 쿼리를 수행하는 메서드를 AdminMapper.java 인터페이스에 추가합니다. /* 상품 정보 삭제 */ public int productsDelete(int product_id); AdminMapper.xml 앞서 선언한 메서드가 실행해야 할 태그와 쿼리문을 작성합니다. delete from product where product_id = #{product_id} 2. Service 메서드 AdminService.java 삭제 Mappper 메서드를 호출하는 Service 메서드를 작성했습니다. AdminService.java에 아래의 메서드 선언부를 ..
상품 정보 수정에서 상품 카테고리 상품 카테고리는 '상품 조회' 페이지에서 처럼 DB에 저장된 카테고리가 출력이 되면서, '상품 등록' 페이지와 같이 대분류 선택에 따라 중분류가 초기화 및 변경되도록 해야 합니다. 따라서 '상품 조회', '상품 등록' 페이지에서의 사용한 상품 카테고리 관련 코드를 활용하여 작성했습니다. 먼저 DB에 저장된 카테고리가 선택된 상태로 출력시킬 코드를 추가해줍니다. 아래의 코드는 $(document). ready(function(){}) 메서드 내부에 반드시 작성해 주어야 합니다. /* 카테고리 */ let cateList = JSON.parse('${cateList}'); let cate1Array = new Array(); let cate2Array = new Array(..
순서 1. 수정 페이지 이동 2. 수정 페이지 출력 1. 수정 페이지 이동 수정 페이지로 이동할 수 있는 인터페이스인 버튼과 페이지 이동에 사용될 URL 매핑 메서드를 작성하겠습니다. 더불어 '상품 목록 페이지(admin.jsp)' 이동 버튼 기능도 구현을 합니다. product_detail.jsp 먼저 'product_detail.jsp'는 상품 등록 페이지 코드를 긁어 왔기 때문에 태그와 태그가 있습니다. 해당 코드를 아래의 코드로 각각 수정해줍니다. 태그의 button 속성을 동작시키기 위해서