쇼핑몰 프로젝트(8) 상품 등록

아래의 보여지는 상품 등록 화면의 CATEGORY select 박스에는 현재 사용중인 카테고리만 가지고 와야 함.

상품 등록 페이지로 이동할 때 이전에 작성한 사용중인 카테고리 목록 조회 메소드 사용

메소드 사용을 위해 AdminController에 itmeService 의존성 주입 후 메소드 실행

	//상품 등록 페이지						
	@GetMapping("/regItem")				
	public String regItemForm(Model model, AdminSubMenuVO adminSubMenuVO) {
		//사용중인 카테고리 목록 조회
		model.addAttribute("categoryList", itemService.getCateListInUse());
		
		return "content/admin/reg_item";
	}

reg_item.html의 카테고리 선택하는 select 박스에서 for문 사용

         <div class="col-3">
            <label for="" class="form-label">CATEGORY</label> 
            <select id="" name="cateCode" class="form-select">
               <th:block th:each="category : ${categoryList}">
               	<option th:value="${category.cateCode}">[[${category.cateName}]]</option>
               </th:block>
            </select>
         </div>

 

 

상품 등록 기능

 

itemVO 작성

상품 등록 쿼리 작성.

상품등록은 관리자 권한이기 때문에 admin-mapper에 작성.

itemCode는 추후에 등록될 itemCode 조회하는 쿼리 따로 작성해서 처리.

	<!-- 상품 등록 -->
	<insert id="regItem">
		INSERT INTO SHOP_ITEM (
			ITEM_CODE
			, CATE_CODE
			, ITEM_NAME
			, ITEM_PRICE
			, ITEM_STOCK
			, ITEM_INTRO
			, ITEM_STATUS
		) VALUES (
			#{itemCode}
        	, #{cateCode}
        	, #{itemName}
        	, #{itemPrice}
        	, #{itemStock}
        	, #{itemIntro}
        	, #{itemStatus}
		)
	</insert>

 

AdminService 메소드 생성

	//상품 등록
	void insertItem(ItemVO itemVO);

AdminServiceImpl 메소드 구현

	//상품 등록
	@Override
	public void insertItem(ItemVO itemVO) {
		sqlSession.insert("adminMapper.insertItem", itemVO);
		
	}

 

다음에 올 itemCode 조회 쿼리 작성.

	<!-- 다음에 올 itemCode 조회 -->
	<select id="getNextItemCode" resultType="String">
		SELECT 'ITEM_'||LPAD(NVL(MAX(TO_NUMBER(SUBSTR(ITEM_CODE, 6))), 0) + 1, 3, '0') 
        FROM SHOP_ITEM
	</select>

AdminService 메소드 생성

	//다음 등록될 상품 코드 조회
	String getNextItemCode();

AdminServiceImpl 메소드 구현

	//다음 상품 코드 조회
	@Override
	public String getNextItemCode() {
		
		return sqlSession.selectOne("adminMapper.getNextItemCode");
	}

 

reg_item.html에서 form 타고 입력한 데이터로 상품 등록되어야 함.

등록 버튼 submit으로 수정하고 form 태그 속성 넣어서 실제로 상품 등록하는 AdminController로 이동.

<th:block layout:fragment="content">
<div class="row">
   <div class="col-12">
      <form id="" class="row g-3" th:action="@{/admin/regItem}" method="post">
         <div class="col-3">
            <label for="" class="form-label">CATEGORY</label> 
            <select id="" name="cateCode" class="form-select">
               <th:block th:each="category : ${categoryList}">
               	<option th:value="${category.cateCode}">[[${category.cateName}]]</option>
               </th:block>
            </select>
         </div>
         <div class="col-9">
            <label for="" class="form-label">ITEM NAME</label> 
            <input type="text" class="form-control" id="" name="itemName">
         </div>
         <div class="col-6">
            <label for="" class="form-label">ITEM PRICE</label> 
            <input type="text" class="form-control" id="" name="itemPrice">
         </div>
         <div class="col-6">
            <label for="" class="form-label">ITEM STOCK</label> 
            <input type="number" class="form-control" value="10" min="10" max="100" id="" name="itemStock">
         </div>
         <div class="col-12">
            <label for="" class="form-label">ITEM INTRODUCTION</label> 
            <textarea rows="5" class="form-control" name="itemIntro"></textarea>
         </div>
         <div class="col-6">
            <label for="" class="form-label">MAIN IMAGE</label> 
            <input type="file" class="form-control" id="" name="">
         </div>
         <div class="col-6">
            <label for="" class="form-label">MAIN IMAGE</label> 
            <input type="file" class="form-control" id="" name="">
         </div>
         <div class="col-12">
            <div class="form-check form-check-inline">
               <input class="form-check-input" value="1" type="radio" id="" name="itemStatus" checked>
               <label class="form-check-label" for="">판매중</label>
            </div>
            <div class="form-check form-check-inline">
               <input class="form-check-input" value="2" type="radio" id="" name="itemStatus">
               <label class="form-check-label" for="">준비중</label>
            </div>
            <div class="form-check form-check-inline">
               <input class="form-check-input" value="3" type="radio" id="" name="itemStatus">
               <label class="form-check-label" for="">품절</label>
            </div>
         </div>
         <div class="col-3">
            <button id="" type="submit" class="btn btn-primary">REGISTRATION ITEM</button>
         </div>
      </form>
   </div>
</div>
</th:block>

AdminController 작성.

상품 등록 전에 등록될 상품 코드 조회하는 메소드 먼저 실행

ItemVO에 데이터 세팅해준 후 상품 등록 메소드 실행.

	//상품 등록
	@PostMapping("/regItem")
	public String regItem(ItemVO itemVO) {
		//등록될 상품코드 조회
		String itemCode = adminService.getNextItemCode();
		itemVO.setItemCode(itemCode);
		
		//상품 등록 쿼리
		adminService.insertItem(itemVO);
					//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}

상품 등록 후 다시 regItem controller로 이동하면 서브메뉴인 상품등록에 색이 사라짐.

페이지 이동할 때 강제로(? subMenuCode 가져가게 함.

 

 

 

 

상품 이미지 파일 업로드

 

첨부파일도 form 태그 submit 버튼으로 가져가야함.

itemVO에는 이미지 변수 없음

실무에서도 이미지파일은 상품과 테이블, VO 등 분리함

> 상품이 등록될 때 이미지는 여러개 등록되기 때문에 분리하는 것.

 

mainImg는 1개 subImg는 여러개 파일 등록 가능하게 설정.

input 태그에 multiple 속성을 주면 하나의 input에 여러개 사진 업로드 가능

         <div class="col-6">
            <label for="" class="form-label">MAIN IMAGE</label> 
            <input type="file" class="form-control" id="" name="mainImg">
         </div>
         <div class="col-6">
            <label for="" class="form-label">SUB IMAGE</label> 
            <input type="file" class="form-control" id="" name="subImg" multiple>
         </div>

이미지 감싸고 있는 form 태그에 enctype="multipart/form-data 속성 꼭 넣어줘야 첨부파일 데이터 가져감!

<form id="" class="row g-3" th:action="@{/admin/regItem}" method="post" enctype="multipart/form-data">

controller에서 상품 등록을 할 때 이미지 외 다른 데이터는 itemVO 커맨드 객체가 처리함

itemVO는 이미지 파일 안 받아옴.

이미지 파일을 처리하는 객체 따로 필요!

 

파일첨부 시 파일명이 중복되면 안됨.

원본파일명을 받아와서 서버에 올라갈 파일명을 생성해줌.

원본파일명이 abc.jpg > 랜덤문자열.jpg의 형식으로 생성

원본파일명에서 확장자 추출하여 랜덤문자열과 붙여주면 됨.

문자열 추출 코드 subString과 문자열 순서 알 수 있는 indexOf 코드 사용.

//상품 등록
	@PostMapping("/regItem")			//이미지 받아오는 객체, 변수명은 mainImg input태그의 name , subImg는 안 받아옴.
	public String regItem(ItemVO itemVO, MultipartFile mainImg) {
		//---파일 첨부---
	
		//원본파일명 받아오기
		String originFileName = mainImg.getOriginalFilename();
		
		//서버에 올라갈(첨부될) 파일명 생성(파일명이 중복되지 않게) 
		//UUID : 중복X 랜덤한 문자열을 생성 
		String uuid = UUID.randomUUID().toString();
		
		//원본파일명이 abc.jpg > 랜덤문자열.jpg의 형식으로 첨부될 파일명을 생성
		//첨부된 파일의 확장자 추출
		String extension = originFileName.substring(originFileName.lastIndexOf("."));  //마지막 "."문자에서 끝까지
		
		//서버에 올릴(첨부될) 파일명
		String attachedFileName = uuid + extension;
		
		System.out.println("원본파일명 : " + originFileName);
		System.out.println("첨부될 파일명 : " + attachedFileName);
		
		//등록될 상품코드 조회
		String itemCode = adminService.getNextItemCode();
		itemVO.setItemCode(itemCode);
		
		//상품 등록 쿼리
		adminService.insertItem(itemVO);
						//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}

 

첨부파일이 등록될 경로 설정.

static 폴더 밑에 이미지 업로드할 폴더 upload 생성

upload 폴더 경로 찾아가는 법

프로젝트 - 오른쪽 마우스 - properties 아래 사진의 체크 버튼 누르면 폴더 뜸

폴더에서 upload 폴더 찾아가서 경로 복사해오면 됨.

사진 폴더 경로는 웬만하면 변하지 않음 > 상수로 줌.

상수는 클래스 따로 만들어서 관리함.

util 패키지 - ConstVariable 클래스 생성

첨부 파일 경로 넣어줌.

package com.study.shop.util;

public class ConstVariable {
	//첨부 파일 경로 
	//접근하기 위해 public 꼭 붙이고 전역변수(공용)로 static 붙이기
	//파일 업로드 위치  
	//바뀌면 안되는 값에 final 붙여서 상수로 만들어줌.
	//상수는 다른 변수와 구분을 위해 대문자로 작성하고 상수들끼리 클래스로 따로 관리
																//""에 경로 붙여넣으면 \\ 2개 생김.
	public static final String UPLOAD_PATH = "D:\\dev\\workspaceSTS\\Shop\\src\\main\\resources\\static\\upload\\";
	
	//클래스명으로 접근 > static 변수
	//System.out.println(ConstVariable.UPLOAD_PATH);

}

 

 

상품 등록시 첨부 파일 없으면 오류 

> 첨부 파일 있을 때만 파일 업로드 코드 실행되게 if문에 감싸주기.

@PostMapping("/regItem")			//이미지 받아오는 객체, 변수명은 mainImg input태그의 name , subImg는 따로 넣어줘야함.
	public String regItem(ItemVO itemVO, MultipartFile mainImg) {
		//---파일 첨부---
		//메인 이미지 업로드
		//첨부 됐으면(true) 파일 업로드 코드 실행.
		if(!mainImg.isEmpty()) {
			
			//원본파일명 받아오기
			String originFileName = mainImg.getOriginalFilename();
			
			//서버에 올라갈(첨부될) 파일명 생성(파일명이 중복되지 않게) 
			//UUID : 중복X 랜덤한 문자열을 생성 
			String uuid = UUID.randomUUID().toString();
			
			//원본파일명이 abc.jpg > 랜덤문자열.jpg의 형식으로 첨부될 파일명을 생성
			//첨부된 파일의 확장자 추출
			String extension = originFileName.substring(originFileName.lastIndexOf("."));  //마지막 "."문자에서 끝까지
			
			//서버에 올릴(첨부될) 파일명
			String attachedFileName = uuid + extension;
			
			System.out.println("원본파일명 : " + originFileName);
			System.out.println("첨부될 파일명 : " + attachedFileName);
			
			//파일 업로드			
			try {                    //경로\\이미지명.확장자로 나와야 함. \\필요 > 경로 변수 마지막에 \\추가
				File file = new File(ConstVariable.UPLOAD_PATH + attachedFileName);
				mainImg.transferTo(file);
			} catch (Exception e) {
				e.printStackTrace();
			}		
			
		}
			
		//등록될 상품코드 조회
		String itemCode = adminService.getNextItemCode();
		itemVO.setItemCode(itemCode);
		
		//상품 등록 쿼리
		adminService.insertItem(itemVO);
					//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}

 

현재 mainImg만 받아옴.

상품 등록 매개변수에 subImg도 추가

subImg는 첨부파일이 여러개 들어올 수 있음.

MultipartFile은 파일 하나만 들어올 수 있어서 배열인 MultipartFile[]로 만들어줘야함.

매개변수 추가 후 subImg 첨부 파일 업로드 코드도 작성.

배열이기 때문에 for문으로 subImg 하나씩 빼주면 됨.

//서브 이미지들 업로드 (subImg는 MultipartFile[]임. 거기서 img 하나 빼면 자료형 MultipartFile로 받아야 함.
		for(MultipartFile img : subImg) {
			if(!img.isEmpty()) {
				//원본 파일명
				String originFileName = img.getOriginalFilename();
				
				//서버에 올릴(첨부될) 파일명 생성
				String uuid = UUID.randomUUID().toString();
				String extension = originFileName.substring(originFileName.lastIndexOf("."));
				String attachedFileName = uuid + extension;
				
				try {
					File file = new File(ConstVariable.UPLOAD_PATH + attachedFileName);
					img.transferTo(file); //실제 업로드.
				} catch (Exception e) {
					e.printStackTrace();
				}	
			}
		}

 

위처럼 Controller에 파일 첨부 코드 작성해도 됨. 그러나 보기 복잡함.

** 사진 업로드 할 때마다 코드 작성 없이 메소드만 불러와서 사용할 수 있게 UploadUtil 클래스 생성.

package com.study.shop.util;

import java.io.File;
import java.util.UUID;

import org.springframework.web.multipart.MultipartFile;

public class UploadUtil {
	//static : 전역변수, 객체 생성없이 클래스명.메소드로 호출 가능!
	
	//단일 파일 업로드 메소드
	public static void uploadFile(MultipartFile img) {
		//첨부 됐으면(true) 파일 업로드 코드 실행.
		if (!img.isEmpty()) {

			// 원본파일명 받아오기
			String originFileName = img.getOriginalFilename();

			// 서버에 올라갈(첨부될) 파일명 생성(파일명이 중복되지 않게)
			// UUID : 중복X 랜덤한 문자열을 생성
			String uuid = UUID.randomUUID().toString();

			// 원본파일명이 abc.jpg > 랜덤문자열.jpg의 형식으로 첨부될 파일명을 생성
			// 첨부된 파일의 확장자 추출
			String extension = originFileName.substring(originFileName.lastIndexOf(".")); // 마지막 "."문자에서 끝까지

			// 서버에 올릴(첨부될) 파일명
			String attachedFileName = uuid + extension;

			System.out.println("원본파일명 : " + originFileName);
			System.out.println("첨부될 파일명 : " + attachedFileName);

			// 파일 업로드
			try { // 경로\\이미지명.확장자로 나와야 함. \\필요 > 경로 변수 마지막에 \\추가
				File file = new File(ConstVariable.UPLOAD_PATH + attachedFileName);
				img.transferTo(file);
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
	}
			
	//다중 파일 업로드 메소드
	public static void multiFileUpload(MultipartFile[] imgs) {
		for(MultipartFile img : imgs) {
			uploadFile(img); //매개변수로 첨부파일 하나 들어올 때 업로드 시켜주는 메소드
		}
	}
}

상품 등록 controller에서 메소드 호출하면 됨.

	//상품 등록
	@PostMapping("/regItem")			//이미지 받아오는 객체, 변수명은 mainImg input태그의 name , subImg는 따로 넣어줘야함.
	public String regItem(ItemVO itemVO, MultipartFile mainImg, MultipartFile[] subImg) {
		//---파일 첨부---
		//메인 이미지 업로드
		UploadUtil.uploadFile(mainImg);
		
		//서브 이미지들 업로드
		UploadUtil.multiFileUpload(subImg);
			
		//등록될 상품코드 조회
		//String itemCode = adminService.getNextItemCode();
		//itemVO.setItemCode(itemCode);
		
		//상품 등록 쿼리
		//adminService.insertItem(itemVO);
					//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}

 

첨부파일 용량 설정.

application.properties에 아래 코드 추가

#업로드용량 설정(기본 값 : 약 1MB)
spring.servlet.multipart.max-file-size=10MB
spring.servlet.multipart.max-request-size=10MB

 

 

현재까지 상품 이미지 spring에 업로드는 된 상태.

상품 이미지 DB insert 작업 필요.

**주의

상품 1개 insert 될 때 이미지는 여러개 insert 됨 > 다중 insert문 사용해야 함.

UNION ALL을 넣어서 SELECT 여러번

이미지 INSERT 쿼리 작성

	<!-- 상품 이미지 등록 -->
	<insert id="insertImgs">
		INSERT INTO ITEM_IMG (
			IMG_CODE
			, ORIGIN_FILE_NAME
			, ATTACHED_FILE_NAME
			, IS_MAIN
			, ITEM_CODE
		)								<!-- imgVO -->
		<foreach collection="imgList" item="img" separator="UNION ALL" index="i">
			SELECT (SELECT 'IMG_'||LPAD(NVL(MAX(TO_NUMBER(SUBSTR(IMG_CODE, 5))), 0) + 1 + #{i}, 3, '0') 
       				FROM ITEM_IMG)   		<!-- db에 IMG_002까지 있다면 이미지 insert 시 003, 그러나 한번에 여러개 첨부 하면 003으로 중복 됨 -->
				, #{img.originFileName}		<!-- db IMG_CODE 최대값 + 1 값에 또 첨부 수만큼 +1씩 증가해야 함 for문의 index 활용하여 i값 더해줌 -->
				, #{img.attachedFileName}
				, #{img.isMain}
				, #{itemCode}
			FROM DUAL
		</foreach>
	</insert>

ImgVO는 첨부된 파일 하나의 정보를 다 담음.

첨부파일 수만큼 ImgVO가 필요함.

상품 등록 시 여러개의 첨부 파일을 다 받아오려면 list로 데이터 받아와야 함.

> 첨부파일의 수만큼 반복 돌면서 ImgVO인 각각 하나의 첨부 파일 정보 빼야 함.

쿼리 빈값을 채우기 위해 controller에서 실제 첨부된 ImgVO 정보가 필요한 상태.

 

첨부파일 등록 하는 클래스를 수정하여 imgVO 정보를 controller에서 사용할 수 있게 함.

단일 파일 업로드 메소드 수정.

ImgVO 생성하여 첨부파일 등록 후 imgVO(이미지 정보)를 controller에 리턴시켜줌.

public class UploadUtil {
	//static : 전역변수, 객체 생성없이 클래스명.메소드로 호출 가능!
	
	//단일 파일 업로드 메소드
	public static ImgVO uploadFile(MultipartFile img) {
		//imgVO 리턴하기 위해 선언(controller에서 첨부된 파일 정보 사용하기 위함)
		ImgVO imgVO = null;
		
		//첨부 됐으면(true) 파일 업로드 코드 실행.
		if (!img.isEmpty()) {
			imgVO = new ImgVO(); //첨부파일이 있으면 imgVO 객체 생성

			// 원본파일명 받아오기
			String originFileName = img.getOriginalFilename();

			// 서버에 올라갈(첨부될) 파일명 생성(파일명이 중복되지 않게)
			// UUID : 중복X 랜덤한 문자열을 생성
			String uuid = UUID.randomUUID().toString();

			// 원본파일명이 abc.jpg > 랜덤문자열.jpg의 형식으로 첨부될 파일명을 생성
			// 첨부된 파일의 확장자 추출
			String extension = originFileName.substring(originFileName.lastIndexOf(".")); // 마지막 "."문자에서 끝까지

			// 서버에 올릴(첨부될) 파일명
			String attachedFileName = uuid + extension;

			System.out.println("원본파일명 : " + originFileName);
			System.out.println("첨부될 파일명 : " + attachedFileName);
			
			// 파일 업로드
			try { // 경로\\이미지명.확장자로 나와야 함. \\필요 > 경로 변수 마지막에 \\추가
				File file = new File(ConstVariable.UPLOAD_PATH + attachedFileName);
				img.transferTo(file); //실제 이미지 업로드
				
				//imgVO에 이미지 정보 저장
				imgVO.setOriginFileName(originFileName);
				imgVO.setAttachedFileName(attachedFileName);
				imgVO.setIsMain("Y"); //메인 이미지 : Y **subImg 넣을 때도 메소드 사용하기 때문에 subImg에서는 N로 바꿔줘야함
				
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		return imgVO; //이미지 정보 리턴
	}

다중 파일 업로드 메소드 수정.

첨부된 여러개의 이미지 정보를 담을 수 있는 list(통)을 생성하여

for문 돌 때 하나의 이미지 정보를 뽑아 그 데이터를 imgVO vo에 담아주고

vo를 첨부된 이미지 정보를 다 담을 수 있는 list에 데이터 세팅하여 controller로 리턴.

	//다중 파일 업로드 메소드
	public static List<ImgVO> multiFileUpload(MultipartFile[] imgs) {
		//첨부된 파일 정보를 다 담을 수 있는 통
		List<ImgVO> result = new ArrayList<>();
		
		for(MultipartFile img : imgs) {
			ImgVO vo = uploadFile(img); //매개변수로 첨부파일 하나 들어올 때 업로드 시켜주는 메소드
			vo.setIsMain("N");
			result.add(vo); 
		}
		return result;
	}

controller로 돌아와서 return된 이미지 정보들 받으면 됨.

return된 List<ImgVO>는 첨부된 모든 서브 이미지들의 정보를 담고 있음.

List<ImgVO> 에 첨부된 메인 이미지 정보를 추가로 데이터 세팅하면 List<ImgVO> imgList는 첨부된 모든 이미지 정보를 가지게 됨.

현재까지 controller에서 쿼리 빈 값 중 이미지 정보는 imgList에 세팅 되었고, itemCode만 세팅하면 됨.

itemCode값은 이전에 생성한 등록될 상품코드 조회 메소드를 사용하여 데이터 세팅 가능.

imgList를 for문 돌려서 하나의 img 데이터 빼서 각각 itemCode 값 세팅.

imgList에는 첨부된 모든 이미지 정보가 담겨있음.

//상품 등록
	@PostMapping("/regItem")			//이미지 받아오는 객체, 변수명은 mainImg input태그의 name , subImg는 따로 넣어줘야함.
	public String regItem(ItemVO itemVO, MultipartFile mainImg, MultipartFile[] subImg) {
		//---파일 첨부---
		//메인 이미지 업로드
		ImgVO attachedImgVO = UploadUtil.uploadFile(mainImg);
		//imgVO에 첨부 이미지 정보 저장되어있음. 쿼리 빈값 채우기 위함.
		
		//서브 이미지들 업로드
		List<ImgVO> attachedImgList = UploadUtil.multiFileUpload(subImg);
		
		//---상품 정보 DB 등록---
			
		//등록될 상품코드 조회
		String itemCode = adminService.getNextItemCode();
		itemVO.setItemCode(itemCode);
		
		//---상품 이미지 DB 등록---
		//상품 이미지 등록 쿼리 실행 시 모든 빈 값을 채워줄 데이터를 가진 리스트 (imgCode, itemCode 제외)
		List<ImgVO> imgList = attachedImgList; //다중으로 첨부된 파일 리스트(서브 이미지)
		imgList.add(attachedImgVO); //메인 이미지 첨부 정보를 추가로 리스트에 넣어줌.
		
		//itemCode 데이터 추가
		for(ImgVO img : imgList) {
			img.setImgCode(itemCode); //등록될 상품 코드 조회한 것으로 세팅.
		}
					//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}

 

상품 하나는 첨부한 여러개의 이미지(메인, 서브 이미지) 정보를 다 가진다.

즉, itemVO를 상품이미지 등록 할 때 매개변수로 사용할 수 있다.

정리하자면, 상품 등록 controller에서 itemVO 데이터를 매개변수로 넘겨서 상품을 등록하는데

상품 정보 등록, 이미지 등록은 1개의 상품을 등록을 할 때 같이 쓰이는 기능이기 때문에 imgList를 itemVO에 세팅하여 데이터 같이 넘겨줌.

데이터 세팅을 위해 itemVO에 List<ImgVO> 변수 추가.

private List<ImgVO> imgList; //상품 하나는 imgVO를 여러개 가지고 있음.

itemVO에 imgList 데이터 세팅.

//itemVO에 상품 등록할 때 필요한 모든 이미지 정보를 세팅
itemVO.setImgList(imgList);

 

상품, 이미지 등록 트랜젝션 처리

상품 정보 등록 , 이미지 등록은 1개의 상품 등록시 작동하는 기능이기 때문에 하나로 묶어주는 게 좋음.

둘 중 하나라도 업로드 실패 시 등록 기능 작동 안 하게 처리.

AdminService의 이미지 정보 메소드 생성한 것 삭제하고

AdminServiceImpl에서 상품 정보 등록 메소드 구현할 때 이미지 등록 메소드 같이 구현.

트랜젝션 처리를 위해 아래 어노테이션 달아주면 됨.

@Transactional(rollbackFor = Exception.class) 

	//상품 등록   @Transactional : 해당 메소드 내의 쿼리 실행은 트랜젝션 처리 
					//rollbackFor : 언제 롤백? (어떤 오류라도 발생하면 롤백)
	@Override
	@Transactional(rollbackFor = Exception.class)
	public void insertItem(ItemVO itemVO) {
		sqlSession.insert("adminMapper.insertItem", itemVO); //상품 등록
		sqlSession.insert("adminMapper.insertImgs", itemVO); //이미지 등록
		
	}

상품 등록 controller로 와서 맨 마지막에 상품 등록 쿼리 실행시켜주면 상품 등록 기능 완료.

	//상품 등록
	@PostMapping("/regItem")			//이미지 받아오는 객체, 변수명은 mainImg input태그의 name , subImg는 따로 넣어줘야함.
	public String regItem(ItemVO itemVO, MultipartFile mainImg, MultipartFile[] subImg) {
		//---파일 첨부---
		//메인 이미지 업로드
		ImgVO attachedImgVO = UploadUtil.uploadFile(mainImg);
		//imgVO에 첨부 이미지 정보 저장되어있음. 쿼리 빈값 채우기 위함.
		
		//서브 이미지들 업로드
		List<ImgVO> attachedImgList = UploadUtil.multiFileUpload(subImg);
		
		//---상품 정보 DB 등록---
			
		//등록될 상품코드 조회
		String itemCode = adminService.getNextItemCode();
		itemVO.setItemCode(itemCode);
		
		//---상품 이미지 DB 등록---
		//상품 이미지 등록 쿼리 실행 시 모든 빈 값을 채워줄 데이터를 가진 리스트 (imgCode, itemCode 제외)
		List<ImgVO> imgList = attachedImgList; //다중으로 첨부된 파일 리스트(서브 이미지)
		imgList.add(attachedImgVO); //메인 이미지 첨부 정보를 추가로 리스트에 넣어줌.
		
		//itemCode 데이터 추가
		for(ImgVO img : imgList) {
			img.setImgCode(itemCode); //등록될 상품 코드 조회한 것으로 세팅.
			
		}
		//itemVO에 상품 등록할 때 필요한 모든 이미지 정보를 세팅
		itemVO.setImgList(imgList);
		
		//상품 등록 쿼리(이미지 같이 등록)
		adminService.insertItem(itemVO);
						//상품 등록 후에 서브 메뉴에 색 주기 위해 subMenuCode 가져가기
		return "redirect:/admin/regItem?subMenuCode=SUB_MENU_002";
	}