순서 1. 업로드 UI 추가 2. 선택한 파일 접근하기(JavaScript) 3. 파일 체크(JavaScript) 1. 업로드 UI 추가 사용자가 이미지를 추가할 수 있는 인터페이스를 추가해줬습니다. 'insertProduct.jsp' 페이지에서 상품 카테고리 선택 부분의 상단에 새로운 항목 공간을 추가해줍니다. 위에서 추가한 태그는 1개의 파일만 추가할 수 있는 형식입니다. 만약 여러 개의 파일을 추가하고 싶다면 'multiple' 속성을 부여해줍니다. 서버를 구동시켜서 '상품 등록' 페이지로 이동을 하면 다음과 같이 출력된 것을 볼 수 있습니다. 2. 선택한 파일 접근하기 사용자가 선택한 파일을 서버에 전송을 하기 위해서 선택된 파일에 접근하는 방법을 알아야 합니다. 먼저 파일 정보가 어떠한 형태로 ..
순서 1. Mapper 메서드 2. Service 메서드 3. Controller 메서드 4. View 처리 4.1 버튼 동작 4.2 유효성 검사 적용 4.3 '상품 관리(목록) 페이지' 4.4 테스트 1. Mapper 메서드 수정 쿼리를 수행하는 Mapper, Service, Controller 메서드를 만들었습니다. 먼저 Mapper 단계의 메서드부터 작업했습니다. AdminMapper.java 상품 정보 수정 쿼리를 실행하는 메서드 선언부를 작성합니다. /* 상품 수정 */ public int productsModify(SwanVO vo); AdminMapper.xml 앞서 작성한 메서드가 실행할 태그와 쿼리문을 작성합니다. update product set product_title = #{prod..
상품 정보 수정에서 상품 카테고리 상품 카테고리는 '상품 조회' 페이지에서 처럼 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 속성을 동작시키기 위해서
