From b069e1d1be248d3030996ea4b3ec069c3f10e80c Mon Sep 17 00:00:00 2001
From: Kana <Kana@Desktop>
Date: Mon, 15 Jan 2024 18:00:19 +0900
Subject: [PATCH 1/6] add excel upload

---
 .../no1/wms/category/CategoryController.java  | 112 +++++++++++++----
 .../com/no1/wms/category/CategoryDto.java     |   4 +-
 .../java/com/no1/wms/excel/EgovWebUtil.java   |  17 +++
 ...xcelUtils.java => ExcelDownlodeUtils.java} |  54 +++++++-
 .../com/no1/wms/excel/ExcelManagerXlsx.java   | 110 +++++++++++++++++
 .../no1/wms/excel/ExcelRequestManager.java    |  86 +++++++++++++
 .../webapp/WEB-INF/views/category/list.jsp    |  65 +++++++++-
 .../webapp/WEB-INF/views/category/test.jsp    | 115 +++++++-----------
 src/main/webapp/WEB-INF/views/main.jsp        |  32 +++++
 .../excelform/카테고리 데이터 입력 서식.xlsx  | Bin 0 -> 7485 bytes
 10 files changed, 496 insertions(+), 99 deletions(-)
 create mode 100644 src/main/java/com/no1/wms/excel/EgovWebUtil.java
 rename src/main/java/com/no1/wms/excel/{ExcelUtils.java => ExcelDownlodeUtils.java} (54%)
 create mode 100644 src/main/java/com/no1/wms/excel/ExcelManagerXlsx.java
 create mode 100644 src/main/java/com/no1/wms/excel/ExcelRequestManager.java
 create mode 100644 src/main/webapp/WEB-INF/views/main.jsp
 create mode 100644 src/main/webapp/excelfiles/excelform/카테고리 데이터 입력 서식.xlsx

diff --git a/src/main/java/com/no1/wms/category/CategoryController.java b/src/main/java/com/no1/wms/category/CategoryController.java
index c30c745..9e7e4f3 100644
--- a/src/main/java/com/no1/wms/category/CategoryController.java
+++ b/src/main/java/com/no1/wms/category/CategoryController.java
@@ -1,23 +1,32 @@
 package com.no1.wms.category;
 
-import java.util.List;
 
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+
+import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
+import org.springframework.ui.ModelMap;
 import org.springframework.web.bind.annotation.DeleteMapping;
 import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.ModelAttribute;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.PutMapping;
-import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
-import org.springframework.web.servlet.ModelAndView;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
 
-import com.no1.wms.excel.ExcelUtils;
+import com.no1.wms.excel.ExcelRequestManager;
+import com.no1.wms.excel.ExcelDownlodeUtils;
 
 
 
@@ -28,16 +37,15 @@ public class CategoryController {
 	CategoryService categoryService;
 	
 	@Autowired
-	ExcelUtils excelUtils;
+	ExcelDownlodeUtils excelDownlodeUtils;
 	
 	//테스트
 	@GetMapping("/category/test")
-	public String testPage(Model m) {
-		List<CategoryDto> dto = categoryService.selectAllCategory();
-		m.addAttribute("dto", dto);
+	public String testPage(Model m, HttpServletRequest request) {
+		
 
 		return "category/test";
-	}
+	};
 	
 	// 카테고리 리스트 출력
 	@GetMapping("/category/list")
@@ -77,7 +85,7 @@ public class CategoryController {
 		//List<CategoryDto> dto = categoryService.categoryList(page);
 		//m.addAttribute("list", dto);
 		return "category/list";
-	}
+	};
 
 	// 상세페이지
 	@PostMapping("/category/read")
@@ -86,13 +94,13 @@ public class CategoryController {
 		CategoryDto dto = categoryService.selectByKanCode(kan_code);
 		m.addAttribute("dto", dto);
 		return "category/read";
-	}
+	};
 
 	// 생성 - 폼
 	@PostMapping("/category/create")
 	public String create() {
 		return "category/create";
-	}
+	};
 	
 	
 	// 생성 - Ajax
@@ -105,7 +113,7 @@ public class CategoryController {
 		} else {
 			return false;
 		}
-	}
+	};
 
 	// 수정 - 폼
 	@PostMapping("/category/update")
@@ -113,7 +121,7 @@ public class CategoryController {
 		CategoryDto dto = categoryService.selectByKanCode(kan_code);
 		m.addAttribute("dto", dto);
 		return "category/update";
-	}
+	};
 	// 수정 - Ajax
 
 	@PutMapping("/category/update_process")
@@ -126,7 +134,7 @@ public class CategoryController {
 		} else {
 			return false;
 		}
-	}
+	};
 
 	// 삭제
 	@DeleteMapping("/category/delete")
@@ -138,18 +146,18 @@ public class CategoryController {
 		} else {
 			return false;
 		}
-	}
+	};
 	
 	// 엑셀다운로드테스트
-	@GetMapping("/category/download")
-	public void downloadExcel(HttpServletResponse response) {
+	@GetMapping("/category/downloadTest")
+	public void downloadExcelTest(HttpServletResponse response) {
 		List<CategoryDto> dto = categoryService.selectAllCategory();
 		String excelFileName = "카테고리 테스트 파일";
 		String sheetName = "카테고리";
 		String[] columnName = {"KAN_CODE","대분류","중분류","소분류","세분류"};
-		excelUtils.downloadCategoryExcelFile(excelFileName, response, sheetName, columnName, dto);
+		excelDownlodeUtils.downloadCategoryExcelFile(excelFileName, response, sheetName, columnName, dto);
 		
-	}
+	};
 	
 	// KAN코드 중복확인 메서드
 	@PostMapping("/category/checkKancode")
@@ -157,7 +165,7 @@ public class CategoryController {
 	public String chackKancode(String kan_code) {
 		String checkkan = categoryService.kanCheck(kan_code);
 		return checkkan;
-	}
+	};
 	
 	//카테고리 검색 모달
 	@GetMapping("/category/categorysearch")
@@ -192,9 +200,67 @@ public class CategoryController {
 		m.addAttribute("p" , page);
 		
 		return "modal/categorysearch";
-	}
+	};
+	
+	@GetMapping("/category/downlodeCategoryForm")
+	public void downlodeCategoryForm (HttpServletResponse response) throws IOException{
+		String categoryFormName = "카테고리 데이터 입력 서식.xlsx";
+		excelDownlodeUtils.downlodeExcelForm(response, categoryFormName);		
+	};
 	
 	
+	@PostMapping("/category/uplodeExcel")
+	public String uploadExcel(@ModelAttribute("dto") CategoryDto dto , RedirectAttributes redirectAttributes,final MultipartHttpServletRequest multiRequest,
+	        HttpServletRequest request,ModelMap model) { 
+		
+		Map<String, Object> resMap = new HashMap<>();
+		
+		
+		try {
+	        
+			ExcelRequestManager em = new ExcelRequestManager();
+		
+			// 멀티파트 요청 객체에서 파일 맵을 가져옴
+	        final Map<String, MultipartFile> files = multiRequest.getFileMap();
+	        //초기화 
+	        List<HashMap<String,String>> apply =null;
+	        
+	        //엑셀파일 가져와서 저장 및 읽기
+	        //변수는 멀티파트 요청 객체의 파일맵, 저장할 엑셀파일명 이름에 추가할 숫자(그냥 0으로 해도 됨)
+	        //마찬가지로 엑셀파일 명 이름에 추가할 문자열, uplode폴더에 들어갈 폴더명(카테고리같은 파트 이름으로 해주세요)
+	        //폴더가 없으면 자동생성되게 해뒀습니다.
+	        //마지막으로 HttpServletRequest
+	        apply = em.parseExcelSpringMultiPart(files, "테스트파일", 0, "", "category", request);
+		
+	        for (int i = 0; i < apply.size(); i++) {
+
+	        	dto.setKan_code(apply.get(i).get("cell_0"));
+	        	dto.setCls_nm_1(apply.get(i).get("cell_1"));
+	        	dto.setCls_nm_2(apply.get(i).get("cell_2"));
+	        	dto.setCls_nm_3(apply.get(i).get("cell_3"));
+	        	dto.setCls_nm_4(apply.get(i).get("cell_4"));
+	        	dto.setActivation(true);
+	        	
+	        	categoryService.createProcess(dto);
+	        	
+			}
+ 
+	        resMap.put("res", "ok");
+	        resMap.put("msg", "업로드 성공");
+	    } catch (Exception e) {
+	        System.out.println(e.toString());
+	        resMap.put("res", "error");
+	        resMap.put("msg", "업로드 실패");
+	    }
+		
+		redirectAttributes.addFlashAttribute("resMap", resMap);
+		
+		return "redirect:/category/list";
+	};
+	
+	
+	
+
 	
 	
 	
diff --git a/src/main/java/com/no1/wms/category/CategoryDto.java b/src/main/java/com/no1/wms/category/CategoryDto.java
index dddabe6..47511b0 100644
--- a/src/main/java/com/no1/wms/category/CategoryDto.java
+++ b/src/main/java/com/no1/wms/category/CategoryDto.java
@@ -3,6 +3,7 @@ package com.no1.wms.category;
 import org.apache.ibatis.type.Alias;
 
 import lombok.AllArgsConstructor;
+import lombok.Builder;
 import lombok.Data;
 import lombok.NoArgsConstructor;
 
@@ -16,5 +17,6 @@ public class CategoryDto {
 	private String cls_nm_2;
 	private String cls_nm_3;
 	private String cls_nm_4;
-	private boolean activation;
+	@Builder.Default
+	private Boolean activation = true;
 }
diff --git a/src/main/java/com/no1/wms/excel/EgovWebUtil.java b/src/main/java/com/no1/wms/excel/EgovWebUtil.java
new file mode 100644
index 0000000..c647c1c
--- /dev/null
+++ b/src/main/java/com/no1/wms/excel/EgovWebUtil.java
@@ -0,0 +1,17 @@
+package com.no1.wms.excel;
+
+//../을 통해 부모디렉토리로 이동하는 방법을 막기 위한 보안
+public class EgovWebUtil {
+	public static String filePathBlackList(String value) {
+	    String returnValue = value;
+	    if (returnValue == null || returnValue.trim().equals("")) {
+	        return "";
+	    }
+	 
+	    returnValue = returnValue.replaceAll("\\.\\./", ""); 
+	    returnValue = returnValue.replaceAll("\\.\\.\\\\", "");
+	 
+	    return returnValue;
+	}
+	
+}
diff --git a/src/main/java/com/no1/wms/excel/ExcelUtils.java b/src/main/java/com/no1/wms/excel/ExcelDownlodeUtils.java
similarity index 54%
rename from src/main/java/com/no1/wms/excel/ExcelUtils.java
rename to src/main/java/com/no1/wms/excel/ExcelDownlodeUtils.java
index 32e5af0..0bd2d6d 100644
--- a/src/main/java/com/no1/wms/excel/ExcelUtils.java
+++ b/src/main/java/com/no1/wms/excel/ExcelDownlodeUtils.java
@@ -1,16 +1,21 @@
 package com.no1.wms.excel;
 
+import java.io.BufferedInputStream;
+import java.io.File;
+import java.io.FileInputStream;
 import java.io.IOException;
+import java.io.OutputStream;
 import java.io.UnsupportedEncodingException;
+import java.net.URLEncoder;
 import java.util.List;
 
 import javax.servlet.http.HttpServletResponse;
 
-import org.apache.poi.hssf.usermodel.HSSFWorkbook;
 import org.apache.poi.ss.usermodel.Cell;
 import org.apache.poi.ss.usermodel.Row;
 import org.apache.poi.ss.usermodel.Sheet;
 import org.apache.poi.ss.usermodel.Workbook;
+import org.apache.poi.xssf.usermodel.XSSFWorkbook;
 import org.springframework.stereotype.Service;
 
 import com.no1.wms.category.CategoryDto;
@@ -19,8 +24,12 @@ import com.no1.wms.category.CategoryDto;
 
 
 @Service
-public class ExcelUtils {
+public class ExcelDownlodeUtils {
 	
+	
+	
+	
+	//마지막 List<CategoryDto> dto 이부분을 수정해서 만들어야함.
 	public void downloadCategoryExcelFile(String excelFileName, HttpServletResponse response,
 			String sheetName, String[] columnName, List<CategoryDto> dto) {
 		String fileName = "";
@@ -32,7 +41,7 @@ public class ExcelUtils {
 		response.setContentType("ms-vnd/excel");
 		response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\";");
 		
-		Workbook workbook = new HSSFWorkbook();
+		Workbook workbook = new XSSFWorkbook();
 		Sheet sheet = workbook.createSheet(sheetName);
 		
 		Row row = null;
@@ -45,6 +54,7 @@ public class ExcelUtils {
 			cell.setCellValue(columnName[i]);	
 		}
 		rowNum += 1;
+		
 		//수정부분
 		makeCategoryBody(dto,row,sheet,cell,rowNum);
 		
@@ -77,5 +87,43 @@ public class ExcelUtils {
 		}
 	}
 
+	//엑셀 폼 파일 다운로드 
+	//엑셀 폼은 직접 만들어서 src/main/webapp/excelfiles/excelform 이 경로의 폴더안에 넣으면 됩니다.
+	//확장자는 .xlsx로 해주세요.
+	//매개변수는 HttpServletResponse response와 파일명 String을 넣으면 되고 파일명은 한글도 가능합니다.
+	public void downlodeExcelForm(HttpServletResponse response, String formName) throws IOException {
+		String excelfilesDirectory = "src/main/webapp/excelfiles/excelform/";
+		
+		
+		File file = new File(excelfilesDirectory+formName);
+		
+		try( FileInputStream fis = new FileInputStream(file);
+		        BufferedInputStream bis = new BufferedInputStream(fis);
+		        OutputStream out = response.getOutputStream()){
+			String encodedFilename = URLEncoder.encode(formName, "UTF-8").replaceAll("\\+", "%20");
+                    
+			response.addHeader("Content-Disposition", "attachment;filename=\""+encodedFilename+"\"");
+			response.setContentType("application/vnd.ms-excel");
+			// 응답 크기 명시
+	        response.setContentLength((int)file.length());
+	        int read = 0;
+	        while((read = bis.read()) != -1) {
+	            out.write(read);
+	        }
+	        
+	        
+		}catch(IOException e) {
+	        e.printStackTrace();
+	    }
+		
+		
+	}
+	
+	
+	
+	
+	
+	
+	
 	
 }
diff --git a/src/main/java/com/no1/wms/excel/ExcelManagerXlsx.java b/src/main/java/com/no1/wms/excel/ExcelManagerXlsx.java
new file mode 100644
index 0000000..53d08e8
--- /dev/null
+++ b/src/main/java/com/no1/wms/excel/ExcelManagerXlsx.java
@@ -0,0 +1,110 @@
+package com.no1.wms.excel;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Locale;
+
+import org.apache.poi.ss.usermodel.Cell;
+import org.apache.poi.ss.usermodel.CellType;
+import org.apache.poi.ss.usermodel.DateUtil;
+import org.apache.poi.ss.usermodel.Row;
+import org.apache.poi.xssf.usermodel.XSSFSheet;
+import org.apache.poi.xssf.usermodel.XSSFWorkbook;
+
+public class ExcelManagerXlsx {
+
+	private static ExcelManagerXlsx excelXlsxMng;
+
+	public ExcelManagerXlsx() {
+	}
+
+	public static ExcelManagerXlsx getInstance() {
+		if (excelXlsxMng == null) {
+			excelXlsxMng = new ExcelManagerXlsx();
+		}
+		return excelXlsxMng;
+	}
+
+	public List<HashMap<String, String>> getListXlsxRead(String excel) throws Exception {
+    	 
+    	List<HashMap<String, String>> list = new ArrayList<HashMap<String,String>>();
+    	File file = new File( excel );
+    	if( !file.exists() || !file.isFile() || !file.canRead() ) {
+    	throw new IOException( excel );
+    	}
+    	XSSFWorkbook wb = new XSSFWorkbook( new FileInputStream(file) );
+    	 
+    	//xls시 이용
+    	//HSSFWorkbook  wb = new HSSFWorkbook ( new FileInputStream(file) );
+    	 
+    	int sheetIndex = 0;
+    	 
+    	try {
+    	// 모든 시트 순회
+    	for( int i=0; i<1; i++ ) {  
+    		XSSFSheet sheet = wb.getSheetAt(sheetIndex);
+    	   for( Row row : sheet ) {
+    		   // 첫 번째 시트만 사용
+    	       if(row.getRowNum() == 0) {
+    	    	   continue;
+               }
+    	       
+    	       HashMap<String, String> hMap = new HashMap<String, String>();
+    	       String valueStr = ""; 
+    	       
+    	       int cellLength = (int) row.getLastCellNum();///
+    	       
+    	       for (int j = 0; j < row.getLastCellNum(); j++) {
+    	    	   Cell cell = row.getCell(j);
+    	       
+    	    	   if (cell == null || cell.getCellType() == CellType.BLANK) {
+		    	    valueStr = "";
+		    	  }else{
+		    	    switch(cell.getCellType()){
+		    	        case STRING :
+		    	            valueStr = cell.getStringCellValue();
+		    	            break;
+		    	        case NUMERIC : // 날짜 형식이든 숫자 형식이든 다 CELL_TYPE_NUMERIC으로 인식함.
+		    	            if(DateUtil.isCellDateFormatted(cell)){ // 날짜 유형의 데이터일 경우,
+		    	                SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd", Locale.KOREA);
+		    	                String formattedStr = dateFormat.format(cell.getDateCellValue());
+		    	                valueStr = formattedStr;
+		    	                break;
+		    	            }else{ //숫자 데이터일 경우,
+		    	                Double numericCellValue = cell.getNumericCellValue();
+		    	                if(Math.floor(numericCellValue) == numericCellValue){ // 소수점 이하를 버린 값이 원래의 값과 같다면,,
+		    	                    valueStr = numericCellValue.intValue() + ""; // int형으로 소수점 이하 버리고 String으로 데이터 담는다.
+		    	                }else{
+		    	                    valueStr = numericCellValue + "";
+		    	                }
+		    	                break;
+		    	            }
+		    	        case BOOLEAN :
+		    	            valueStr = cell.getBooleanCellValue() + "";
+		    	            break;
+		    	    }
+    	         
+	    	  }
+    	    	// 엑셀의 열 인덱스와 함께 값 매핑    
+    	    	   hMap.put("cell_"+j ,valueStr);
+	    	           
+	    	       }
+    	    // 결과 리스트에 추가
+	    	      list.add(hMap);
+	    	 }
+    	   	sheetIndex++;
+	    	}
+	    	 
+    	}catch(Exception ex){
+	    	ex.printStackTrace();
+	    	}
+
+	return list;
+	}
+
+}
diff --git a/src/main/java/com/no1/wms/excel/ExcelRequestManager.java b/src/main/java/com/no1/wms/excel/ExcelRequestManager.java
new file mode 100644
index 0000000..fa8cf26
--- /dev/null
+++ b/src/main/java/com/no1/wms/excel/ExcelRequestManager.java
@@ -0,0 +1,86 @@
+package com.no1.wms.excel;
+
+import java.io.File;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.Map.Entry;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.springframework.web.multipart.MultipartFile;
+
+public class ExcelRequestManager {
+	
+	public List<HashMap<String, String>> parseExcelSpringMultiPart
+	(Map<String, MultipartFile> files , String KeyStr, int fileKeyParam,String atchFileId ,String storePath,HttpServletRequest request) throws Exception{
+	    List<HashMap<String, String>> list = null;
+	    int fileKey = fileKeyParam;
+	    
+	    String storePathString = "";
+	    String atchFileIdString = "";
+	    
+	    String folder = request.getServletContext().getRealPath("/");
+	    
+	    if ("".equals(storePath) || storePath == null) {
+	        storePathString = folder+"/excelfiles/upload/";
+	    } else {
+	        storePathString = folder+"/excelfiles/upload/"+storePath;
+	    }
+	 
+	    if (!"".equals(atchFileId) || atchFileId != null) {
+	        atchFileIdString = atchFileId;
+	    } 
+	 
+	    File saveFolder = new File(EgovWebUtil.filePathBlackList(storePathString));
+	    
+	    //폴더 없으면 생성
+	    if (!saveFolder.exists() || saveFolder.isFile()) {
+	        saveFolder.mkdirs();
+	    }
+	    
+	    Iterator<Entry<String, MultipartFile>> itr = files.entrySet().iterator();
+	    MultipartFile file;
+	    String filePath = "";
+	 
+	    while (itr.hasNext()) {
+	    	//파일 이름을 가져오는데 파일이 여러개일 경우 
+	        Entry<String, MultipartFile> entry = itr.next();
+	        
+	        file = entry.getValue();
+	        String orginFileName = file.getOriginalFilename();
+	        
+	        if ("".equals(orginFileName)) {
+	        continue;
+	        }
+	  
+	        //파일의 확장자
+	        int index = orginFileName.lastIndexOf(".");
+	        String fileExt = orginFileName.substring(index + 1);
+	        //파일의 이름 정하기 지정한 KeyStr값과 시간 값과 fileKey를 넣어서 만듬
+	        String newName = KeyStr + getTimeStamp() + fileKey;
+	 
+	        if (!"".equals(orginFileName)) {
+	        filePath = storePathString + File.separator + newName+"."+fileExt;
+	        file.transferTo(new File(EgovWebUtil.filePathBlackList(filePath)));
+	        }
+	            list = ExcelManagerXlsx.getInstance().getListXlsxRead(filePath);
+	        
+	        fileKey++;
+	    }    
+	    return list;
+	}
+	
+	 private static String getTimeStamp() {
+	        long currentTimeMillis = System.currentTimeMillis();
+	        Date currentDate = new Date(currentTimeMillis);
+	        SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMdd_HHmmss");
+	        String formattedTimeStamp = dateFormat.format(currentDate);
+	        return formattedTimeStamp;
+	    }
+	 
+	 
+}
diff --git a/src/main/webapp/WEB-INF/views/category/list.jsp b/src/main/webapp/WEB-INF/views/category/list.jsp
index 7e1b41c..e65beb7 100644
--- a/src/main/webapp/WEB-INF/views/category/list.jsp
+++ b/src/main/webapp/WEB-INF/views/category/list.jsp
@@ -69,7 +69,9 @@
 			<div class="row row-buttons">
 				<div class="col-3 text-start">
 					<!-- <img alt="엑셀이미지" src="엑셀이미지"> -->
-					<button type="button" class="btn btn-success" id="uploadExcel">업로드</button>
+					<button type="button" class="btn btn-success" id="downlodeExcelForm">양식다운로드</button>
+
+					
 				</div>
 				<div class="col-6 d-flex justify-content-center">
 					<nav>
@@ -97,6 +99,28 @@
 					<button type="button" class="btn btn-primary" id="createButton">생성</button>
 				</div>	
 			</div><!-- row row-buttons -->
+			<div class="row row-buttons">
+				<form name="uplodeExcleForm" id="uplodeExcleForm" method="post" onsubmit="return _onSubmit();" action="/category/uplodeExcel"   enctype="multipart/form-data" class="form-horizontal">
+					<div class="col-4 text-start">
+						<table id="datatable-scroller" class="table table-bordered tbl_Form">
+							<tbody>
+								<tr>
+									<th class="active" style="text-align:right"><label class="control-label" for="">파일 업로드</label></th>
+									<td>
+										<input type="file" name="file" id="file" accept=".xlsx, .xls"/>
+									</td>
+								</tr>
+							</tbody>
+							
+						</table>
+					</div>
+					<div class="col-4 text-start">
+						<div class="d-flex justify-content-start align-items-center">
+			                <button type="submit" class="btn btn-success" id="uploadExcel">업로드</button>
+			            </div>
+					</div>
+				</form><!-- uplodeExcleForm -->
+			</div><!-- row row-buttons -->
 		</div>
 	</div>
 	
@@ -113,6 +137,16 @@
 			document.body.appendChild(form);
 			form.submit();
 		});
+		
+		$("#downlodeExcelForm").on("click",function(){
+			var form = document.createElement("form");
+			form.action = "/category/downlodeCategoryForm";
+			form.method = "GET";
+			document.body.appendChild(form);
+			form.submit();
+		});
+		
+		
 	
 		 $("body").on("click", ".detailTr", function(){
 		    var kan_code = $(this).data("kan_code");
@@ -166,8 +200,13 @@
 		});
 		
 		
-		 
+		
+		var msg = "${resMap.msg}";
+		if (msg != "") alert(msg);
+		
 	});//ready
+	
+	
 	function pagingFunction(clickedId){
 		var searchn1 = $("#searchn1").val();
 		var search1 = $("#search1").val();
@@ -196,7 +235,27 @@
 		
 		document.body.appendChild(form);
 		form.submit();
-	}
+
+	}//pagingFunction
+	
+	
+	 function _onSubmit(){
+	        
+	        if($("#file").val() == ""){
+	            alert("파일을 업로드해주세요.");
+	            $("#file").focus();
+	            return false;
+	        }
+	        
+	       
+	        
+	        return true;
+	    }
+	
+	
+	
+	
+	
 	</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/category/test.jsp b/src/main/webapp/WEB-INF/views/category/test.jsp
index 8a91481..3e72406 100644
--- a/src/main/webapp/WEB-INF/views/category/test.jsp
+++ b/src/main/webapp/WEB-INF/views/category/test.jsp
@@ -5,77 +5,54 @@
 <head>
 <meta charset="UTF-8">
 <title>test상세페이지</title>
-<style type="text/css">
-.col-centered{
-      margin: 0 auto;
-      float: none;
-    }
-.col-margin-left-32{
-	margin-left: 32%;
-}
-</style>
+
 </head>
-<body>
-	test success
-	<br>
-	<hr>
-	<c:forEach items="${dto }" var="item">
-${item.kan_code} : ${item.cls_nm_1} > ${item.cls_nm_2} > ${item.cls_nm_3} > ${item.cls_nm_4}<br>
-활성화 : ${item.activation}<br>
-		<hr>
-	</c:forEach>
-	코드테스트 버튼 :
-	<div class="input-group mb-3 w-40 col-centered">
-		<input type="text" name="kan_code" id="kan_code" class="form-control"
-			placeholder="KAN 분류코드" aria-label="KAN 분류코드"
-			aria-describedby="button-addon2">
-		<button class="btn btn-outline-secondary" id="checkKan"
-			style="background-color: #FF5E5E;" type="button" id="button-addon2">중복확인</button>
-	</div>
-	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-		<script>
-    $(document).ready(function() {
-        $("#checkKan").on("click", function() {
-            // 중복 클릭 방지를 위해 버튼을 비활성화
-            $("#checkKan").prop("disabled", true);
-
-            let kanCode = $("#kan_code").val();
-
-            if (!kanCode) {
-                alert("KAN 분류코드를 입력하세요.");
-                $("#kan_code").focus();
-                // 버튼 다시 활성화
-                $("#checkKan").prop("disabled", false);
-                return false;
-            }
-
-            $.ajax({
-            	url: "/category/checkKancode",
-            	type: "post",
-                data: {"kan_code": kanCode},
-            	datatype:"text"
-            }).done(function(data) {
-                if (data == "") {
-                    $("#checkKan").css("background-color", "#4CAF50"); // 파란색 배경으로 변경
-                    $("#checkKan").text("사용가능"); // 버튼 텍스트 변경
-                    
-                    $("#checkKan").append("<input type='hidden' id='kan_chack' value='1'>");
-                } else {
-                    $("#checkKan").css("background-color", "#FF5E5E"); // 원래의 빨간색 배경으로 변경
-                    $("#checkKan").text("사용불가"); // 버튼 텍스트 변경
-                }
-            }).fail(function() {
-                alert("오류가 발생했습니다.");
-            }).always(function() {
-                // Ajax 요청 완료 후 버튼 다시 활성화
-                $("#checkKan").prop("disabled", false);
-            });
-        });
-    });
-</script>
+<div class="row row-buttons">
+				<form name="uplodeExcleForm" id="uplodeExcleForm" method="post" onsubmit="return _onSubmit();" action="/category/uplodeExcel"   enctype="multipart/form-data" class="form-horizontal">
+					<div class="col-4 text-start">
+						<table id="datatable-scroller" class="table table-bordered tbl_Form">
+							<tbody>
+								<tr>
+									<th class="active" style="text-align:right"><label class="control-label" for="">파일 업로드</label></th>
+									<td>
+										<input type="file" name="file" id="file" accept=".xlsx, .xls"/>
+									</td>
+								</tr>
+							</tbody>
+							
+						</table>
+					</div>
+					<div class="col-4 text-start">
+						<div class="d-flex justify-content-start align-items-center">
+			                <button type="submit" class="btn btn-success" id="uploadExcel">업로드</button>
+			            </div>
+					</div>
+				</form><!-- uplodeExcleForm -->
+			</div><!-- row row-buttons -->
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>	
+	<script>
 	
-
-
+	
+	$(document).ready(function(){
+		
+		
+		var msg = "${resMap.msg}";
+		if (msg != "") alert(msg);
+		
+	});//ready
+		function _onSubmit(){
+			        
+			        if($("#file").val() == ""){
+			            alert("파일을 업로드해주세요.");
+			            $("#file").focus();
+			            return false;
+			        }
+			        
+			       
+			        
+			        return true;
+			    }
+</script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/main.jsp b/src/main/webapp/WEB-INF/views/main.jsp
new file mode 100644
index 0000000..e39f901
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/main.jsp
@@ -0,0 +1,32 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+<div class="container">
+    <div class="row">
+        <div class="col-md-6">
+            <!-- 첫 번째 공간 -->
+            달력
+        </div>
+        <div class="col-md-6">
+            <!-- 두 번째 공간 -->
+            로고
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-6">
+            <!-- 세 번째 공간 -->
+            부족한 재고
+        </div>
+        <div class="col-md-6">
+            <!-- 네 번째 공간 -->
+            개시판(공지사항)
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/excelfiles/excelform/카테고리 데이터 입력 서식.xlsx b/src/main/webapp/excelfiles/excelform/카테고리 데이터 입력 서식.xlsx
new file mode 100644
index 0000000000000000000000000000000000000000..6a42a08056ae7059847bffb1b8fed3536fd63188
GIT binary patch
literal 7485
zcmaKx1yGy&w#5U%HMq6K-HN+=akm0RQV1@=9ZGSxQrx8kFVfQD?$Sbo7H^BY^El_+
zcVByN`;y6*$z<j?nYDM;_up%4C<BoQ0Z0He002M@c!3e(`4j;F$VUPI2mp8hV;Lt$
zDA*BdrsM4lb~EAda<JFc!3H2YGmhf_?+ccq>e%@h6jp8FZA|}?qoRVQW^1fYjzuiU
zPCX*b()f|g*VBik8j)xi5sozUIo?Z|o0{^;?si`=Xvp_i#Mw}@g0)R41gg*bwu_rL
zv67)iMtgZH6q2J1s}uGF05U$2O0Q%sFA$<G5Y|13>I~JonjMs_cHs!o!4yJu5h0yN
zUpGNak4oV?_c}&;`xM@tGjl9NVNSG)$Cmgg@CgrWg&WB(MMZ~NPwh;wCrwk!T0b-v
z-AhKkS+KL;x({z|RNx6CIkr8ErB5omm8Y~XU#xf@mG=6QFly!HJAMpB%P(3W`n3+e
zEt&+nZmZ>)GxT?dcpQCuNrMa4JTrRFXlb|32q7Z-uJ%s0Sa?OfC{%A7=cg7I;9tMh
zCpXmY?-2`6ByY<a;}rPfRO93)3q@WZx*UAFS+RX8;WqfuzSzZDXsZeXf?4+Ca^MWM
zhA#3on_%L`ymv|Cm+IWb;T!GT*GUr*0KmMjj+rai-i?#vuj_wRB{r!;t?Mz?OEdaI
ze^mjx7vps%3`Gkda@=S5O|kG^O^ZBVUqt+nC*bW@-M7~l`i)nR2h$YA+d`xU`g}|n
zY1z22;LWM7?>IWdSU9LSR?8}6(*aHX1qj8*YomRY7<5*^Y{k|Y;kh{ZVIl>L_2RF*
z1u2%c?y_^1%0AjNO~N<N+q25!MkR&c@s&*prFGoZw?JBpfpas7A#5?@M^Vzf(@CVS
zP;N%c1I>5e&|p3J2F@Hg;SY4GP{4;Wm9aA#_2{@hS&<06A$GN=9CE*{Xs(31eVFvS
zDGsv1$B3H;GshhCDUAhm?gD?6sY^aCp6R}cS?*;5-OFU<WU1lm<m|?2?(F>A4$e+&
zyVnZTYu0nPD9ny8t+|2`Z14^Aj$(7t$kl$xQ<hzX0=J{P8wInvJJ+*aX*z`T{eq|X
z&F+zBkHwtPXDQiLlL70g7#?T%OfO71K-)xhR8U5%O7F7>(*;gKeHa_n+RzqImOF?|
z>cK|s8bv_@X0Q(s)(IhZ{sud!)lIQ_in+uq-&H*0$u5Y0#3n+7S6N^M5MZFYRt$A!
z!)ZjSdg+6YgL5_>7Z>)~^o+7s_bn!KD0T1=sB$9I-5cREF-^~5)0aLSvbvy|5iL1s
zLuiU;-hjf(4RK`Q)onfM<LRWiAVLBWZ0zD|pTMgCuWK*=OTPf-?tHNnT6rAhJN9og
zK3a|3?EM#lF5@4{tz7vYnT&2sZPN{%E}rd3-Q^hE0)CZQZ`XF#?q25cdztZmmf6zD
z75rPBW0U4=yQx6;J?WKO=39WRL<|Qz!Na7r;l>kROduAr3sZA5ueuzSnUV2&FK(`_
zd+oie-fW@u4$7}bFd)h0dC?ZZ*SBC#`#hQI;+Q)s<fY;`o@q9)aaU<Cl6rB)qO8)*
z_J^jZs>Yp;ej~ITI@93E^a?&~aj>-A@U!t~{^Cd<uG@vn#}v-^f~_VvO30~mxA;^Y
z%3F08Iu#RG_Yj&z{(xYZYaSkbvgIU+Ax?ABq0<q+Ov+;O!9ax|s@e#(q_NEuErSBg
zz94sna`I`Z4tX!B@X~&rNi<t+077nmF0OH1>m7id9bIfoF@_N4s6YHJHg`xb#H*Q5
zU8NT5iuqd53Dt6$Y0jHCIghkUWq(<C9px1e&zlmm>C@k;PN~06P6U;*d7!7HNUkT1
zHn2~%jn~s(>FX3I$!NuGmk%{fG8E1&fxaHU>LC(-EZuQa%2pOAKpk*qTxPBKV)=@Z
z?c;xxN;Rp+X6xQKI_^tFeqSmtd(MBn!_&#t&ceyb?yqwF-bY|b9ry13FCQ5i=cPs@
z;f-Xq#0AkiYELj|+Rt8|4oOnTNpDZC-WlKC44k^&eDYj*5eZ)=(vd?){D9tg5*reK
zGdIPGX0Zd?4N*V_;zyj=wsfhv?NZOk;|p~sBlbNY(MocewPTT%&1H30{IJ2MO<Ty1
zx{#NZx*n~viq$+qX#9rC!2#JqqFeO*Zd+pp)}i{i?~&LN8MTm`InH#sl%8`MNj(cU
z6B_lN_HaoN)uVU0?6($Ak1c~Xl@PMjY?g%9Y2$@@Pc5@9QUr6UANErpy3+>|54eG$
zkGzk(-#Go++X39nw-@(<&EEGn;Xi`8*_gY6t+b)85Jzjb-?w+Xm|FMWH^LU{hY6BQ
zPwJ$vrl_QVe05m^y;}CDV@T2pwFU5(alm#WkmukdMC(GrIoUbUZ;(a5BZiEo5(~~{
zO_9vQBg1YogLPL20p>tIgIp80mvjystk%@)PC;2C^+mCGkzwHIT6J$Foj&P2mJY?N
z7IOPnM57c+9hb4ra`{AT*|t~)_#~Q8dQqLEPIET*hc!UeZ0Vs7e%M5+d_g+QVzEJ|
zgn-YFtm5bau^`&F>nbh1T7#TIc9j8+&$uqT#@^`<o>IQw^_;u$qc3Rsuwu?@gXR~g
zhWc*d3i_<=CKG3VabAplH~q~jhCe~kHs!C{1wM>d0HXi^ldJ#$_P?})dfS74FWQcg
znbRCU=#C{s7;C4d+as+c(pX?<5{2|Jp<FV8FB51SAB<ist6M<8sD6dvyR<64c>2&o
zG>L&;Ic<l0<mD`9n&RSt*V%gsnv3tyH155Z#Nf{QM2XqGt4AY<j~KpKt=;*!*LrUI
z7E>82l8$Zlw-pxeWq%Cdqexqcn;3ef^%Wt$@&Pfe1ThWesSg-5m6CELT1s{-*Qyv9
zG-ENjs+odxjE!5uJR-Z7w<PhMC<PDUDBUFq=-I<=5N2$UV4T1Uj?x4rOOvA1>yoB;
zODP!)>XI@rD{-4~JkBg3DQEf+q|U>2h?_01esc35WH1iLUmdoe6`q&>qjbqz{bS%^
zQQ*yXvES`E;gWbolaqvci&snOt#fz$%-D5Kc6H~aclO(YEBTw2qiNxJB|DSv?z-r4
z-|@GU&aU2`NXbm$tE-EUToj1QsXo)m&8YrdIs;*-KG91vN-Yv-s@C!E=CRwN<!!K+
zev^>mBk&^jx}JtwC8MHMUp4fj53b;9n7&Fctwhx2dGf=@k>-}S^$*{Nf68uDihQn4
znt62=%q_w@P?d!y6}^pUDt6=No*wFJ4MK@^IGHVrey)}9zN6y^BO?X4r4h%)DUH^_
zFo~ss|A`4~&MVE-SU4QRl%zDz1r?Xwf6DD-U4a_Y0unV5pN<KZBdgtvZ|)4@_FyLH
zb<%XmsPB*TO7Jf#>~ChFl#;mAbkXJ1BJ503V&I7&IihJnCI6OB@OlE#Pltgw5vfi|
zsf14=dYsY3+}VUGi#8px^U~G3-i88k^kr%}uDagDfS+Uhn$UY+0oA^S=Jr-h=0SZJ
zNgl%{c7xqgfHWHXjHmF~-0{cd5EO3Bp+=YiLW3h#&{mnbr6ZI2%aO#pG0MQ(o0+|Y
z<+lYN4tULJ22$X<?b%aQo6Z}{s^t9GFRfL4`0<V(98*&lVZ=d;qiE@SN+BOf_6ZB5
zxz!A4c5BWxTE{GL)?+tF(=q84RTT9O6}N#v6U>t=@*+<*%o^O|BVOjRA`Z>58VpX3
za2t3NPlBPo-7ND%`O`@sg=p)paflK<F^3ysorPnUD2f=^)y$6B3Zh4W1l4fYrO2;g
z%_nS_hvuc8?qDU*TPv06@d$akLC$Gn3S_>01R28LJ!4>e`ljKHOkJcrON2B%Cbi94
zv_ZNT5s}>aRDJ=z=1iVj*AH^5RD<^@+32nH`RLwuAPW5Qrxfxt&z?nUe3Sq33|Eqk
zH@KcTT(a#wRZOhXzLHw_O`~wdY<^3?B#Jwh$;glhTDe~psP-k^-4Up+IWee0!6}v@
z285zZVHq~=BCBNCTx$aR+PnNwYEU83(jE}@4949d`Ta03)g=z45A~}iEt0)HBN9KB
zzXSP;3#-@Z21}ypMh7IW<vT_Yu*stqw;+WdfEwrPqy&wyg5Cj{4o0?pmh#1whtA=A
zplb@0{d0Qoi**w|lp22<vpT!^iX;z5p*wB|DMKRkcqY!42;(x4h}cw0MEs~wQ&mNF
zH2?dun+;z;DKB~{xbzbPetRI;Op>7`O%W)Q*@&n`&M*b#!qda3=^Y75Wr{6??*y&W
z@b3ZGN-v@)Z$!EjwVN@_UJ7_VRW91aknpg4zN)^JEORItL*ABaPZF_dzt*rlt2?CN
z&R~4d=vWF_+<G%kmJS)8C2lY;4Z(W4(AHoAg9qVM22oC&O^5DMkos5Op6o_pPJi#}
z1W&EIh)e~*WY98I_|e#&Y02yvdA?oPkxwvqdE(TbN@Ef&DbhUhLs|a^u91$O1kLA)
zRinyQ`dJ6F8jf@3rH*7nsa|J)m7Km2Tz_0Y&LX@FZWq422N!#5%=|~rWdi%Bt@Tt1
zrH#%NFoiaC$L99i#JlKLgb7{)JuMG4|Gd^0o*Wq~d`Lx|md^eJ+ekk=hql=Zy@;fi
zkrU@$@kC(;Wx6?MMWrP4ZiY`+J<y#b-7T0{0k)YGbq~?*q=a-KN61V2d%+nTQV5F$
zH|<|Pk50bL8*Jt`lILgWfk-VXYtjjsWL-SF7^cVeBId~Na|`!y7kYC`gPyViH^>74
zyx+9RgBqnjPmv-O(PGLL_AVdvl1^Jw=#`~%32u$silB{%wKOU{^kuX7Y9&ORmR}Rv
zfEmV_Hg-*<;l)N@CRKKbQA@aZU<zF9@xS5x^#)}g25jL+1^|$V{uy%bPeV`}umkv?
zE7x!D?L7u_j;s8j8zSkw$i1qE-G+pjDE>CVJq&WWki@!%eA!?ti%r;`{}$>o!F$RH
zvPCw-Co4}qW)KiF$Vb<QGsq@4DLsm*&Ypgg)_Y?G6;?s3)*6Vit$%Xc+#+m9Cre?(
z#bVW?KLDITzi@U@8&eroR(s}KJT}cT5L-Tm0?h8@{#07GLDV`_#8MtyZF}z%dPUb-
zC7$%v!_Pz?jG{(i+O{{0Mw1hYIDF%RzbY_xt|L^_e60-*L2P6;%MT%f7TS=dZoMlk
zV$-63J3I_wQKlSk_YDbPLqUCFqacU-7&Skop)7>J{eb-Ov-B2iQKl~*K<~w9m`<f0
z_qq{qI2~sv&!sPJ@LcNIJH0IKY&S=o<H#9VW-FheFA7ErQ;OMzG{^$HkH_&j_xplP
zC-4PxWPR>vf>u)}niDYGW7jr{sCyh0&ebHg;-wRPS@h6rk_L9Lmk=Hze?l>>Ov=BZ
z3ynTP5If3z;e9`{nLU>X$X#l8?E72-uPmHE&n}9FOgkaJ_%;aU&8%^swnnyjEgdtO
zUNU-N!}Z*aa}MMhFZQm!2P$oRh<%eBH}-?;_U#%hVM=1B-<s?SB4|HgOwB0qqd%Tx
z=p?J@{+r}n&$V>>v??G!cK%bsPYw#?1h2uSzJvos=Wq4>5LTj>uT3##LEd2u+=dw(
zLr*T{Dp<Y3Xl5U?T0FANnIN3KT#^V3ygB29zQ}R8?2pzFF!d@mHX16pBxX1@qMr13
z=AW)(oU8<`z(vt+GaEZ>nK3+&qno=%i604>ZSHSbLI$KrntUUYHpV*FW`tk}Wr?sK
zv8NRRucx(SAn<k51slS4{;C@5SFYjpB^#at^M^?3GS3UijkhS~1Vi%CSp+}NB9+||
zThc<m+t|_mcwMZ)+Ca)}RZT(8CeIsu{9+};oHtx3q9jtSd>PBd(}A-HSrdC~FNr2w
zyVpPN@vdW>Jik&fYhyIf)5rA%_!7$&+fG^M3dOFEt{mcc8PSsPp~;H*v7l9Nh?_xN
zfh}=qSwHclNN<&j7Dl~5=mt_e7#lM4iGf<je%T;{eBJBrwQW@@f4a^lM@QqhKaE_N
z&Y>w=cs=D_j}-#*jk$s3<sABoVXyX-ilHTPt(%#@Op52rH$So*28`y*#|T{o`*Ko2
zdN%b>O6mvj9f6fWN5fd<5!G<^&*^GMgy!q>!bI+B{!`u3m?vA^>|YCTPmR08B49I~
z6!XzCWOJSVr5dk4o!#a$<)ACl%qN~g4(Llq#@<+oHhC`-UA>sHw+}ucJA&F<t4LHP
z5iEHNe{;*eM4zAY-XAt}a+VeF{`|Vn#kF}paIeLo9KJK@@jwAboQq&SV9mgZ>f9nw
z@f8Yx&~X48dwR}p4O~<>Z=Z{!)mdW}eLmJp6mwKegvr*{HRLYOn}mgE{?zFKs=y)7
zcw)O;pOAVUPgZlSQVrK^L_hgPh%q!qTGw&@vYxDfSbhWnbIC_7+5@*;e(WQ{?19Y$
z|E9VW$F<^vaD)e#)WC!7W9}NUPWH+Lc%epUZ5Mu6G24T7n84{~)`q`+Rhwi1=hrkB
z#(8Xmnf;N^Qa4J$T;nWXLIVlm*yQi44$$He3oeIwv}ztgOFkA>zkl8mBk-Lbzgb4-
z4Tz7Hq|mXNim>(vk5p4=&(Nyg%;L(%;*qJZ+q^k@mmHg8<5|ha{^h#eO$t+A$;E>0
z;Eo!^R|P(p6$-M8xL@!z1D*PZcOm^WTF*TnSOMxu!b)YtSCy}YHdg|F^<CDO4B_Vc
z2{h{7dvX6641S(J|0}{OP8m_7-~#pC$1>UWX-UL-NJt2>bUMW;@yZ+odvuK}Z<`tg
z&~e*gxD(pyAKs>a)RI`tUtK^hpwiX(;BCFLG<<zSxkp)rF+#l6T30eQrIyaa+qp3~
ze0hEO-QF&phq8Sw57r^xCNuWsYsW2%v5`Qofrz#2V{tcs4jHC;x&vtogpZcWyvI(q
zCJ4de3v9Jh<@jC}a=Llw10GFR!Y*ah8XlawO4~0POr?h&vXzfY3s6yagrT;7rw5n`
zznE9<-Ul#Cl0BNsWQi4s<-i&|WG9@yxd6P~Pzl8?ZNYezY_(99(WpEh(^4T?l~N+M
zp!T}Nx7w?&YOcTb0b+^o!b7+ei}HKXMh*o}2T@zX7i}St^6E;0g+7Sy616cwo+rVR
zUkZv;_h41F2$WnhJQCc!FO6m{kCD1tS;oprpA)d{L*+z)m(m#**jp7NGM@3O_4-;D
zbEio{$t-<|MzhW(8k;18;jfWi8?|+p%Wy8~ZowxjBK1shfW$gtd<toxBZN=N^r|U(
z`Cm|VYq*}2-Y7<DOcYej@O9I|P(PDS(vZ_7DRxR*DQIHKe4kj7RI@eFZtdqs7M!$D
zuGH5SiP+7a1wsZ2*<DgkbI8gyIt`sl^JOAFPY#r%PC6!)DD5zKL{hToddfH3R5hT|
zgho<IC8$R(d!O7TU?5qiPWg-X_s-<Rh~$I@A4HmvI}EI?GMOCCn$<5(b6xU`9>;bT
zn+e!q)qH|+x0rk;@o8!-p)T5o4Tf$X?JO*+#n&@<#Mv?oFhMR~hSUaO2Z;H)m-zIk
zh&^xn7<lD>chEPZE+G*Z87g%o6jRunF+|8d|9A-kQ3oIxjjQnO_1y{Q_b49D_r763
z7&haO_!2vYFd&*m_G9H7KRAc)8xQkwkZnx%_;AySL~8+R;D2N<)rgCf_4i$$b>H=*
z|JU_yHefK+jq~rf-yb<*bsW^^9)oUK)7q-N?J_m+K!q}y-5{ec=i9>Ry`7OfS8&9(
z0P9kA=nuL}`jZc$o@b)gxn|-`uN~Tj!S9k73t#bU6_x8Wv0RLWXR0Gx<H+fwI|wsf
zU<!_MaE|6$8(Zc+1qQ`X2@BNIJAtkY35C8$vd;G(k0)01Hxel-ypK{bVMTYNoneQP
z7Q2YXve^XdEb>(_?jxuMAi?S^lw%ux07<bm&8S|tXhA>NBUn^wQ6XX9n{zo0_Sk8;
zm(?10uR7H;_xpWW<$zw3ufpD~=?`oVjS?INFwedNMoDlH4k6nlpb_DXkiEVowrxd$
z`HNdu_cmZM^UiyB_P^>b>g^z}Sc)R4myg#!^y|zZF^3E%H~G=dd)bIhAB><!+5+E`
zGY5J;D#*AJJI)=g(vmQ2pqK|f%3bVjK@Y*_Bbv5=9l*B~bj`I7>ovLKN}2f@-EJPw
zRp;qpPx5|Y5)!$@R(Vng<n=dvbB*u%86zqF;~WBitb%ur_3Ci^_P$&)=~}8?c*#QQ
zVr`&gzBw?8@f*@$TMO^S$5g7XPxJOMjOxJ+b2?)u1#ZVq{OD}TPN$vT6yFS8Nwzbi
zYfD`Swvr#w$OeeVDXI57rR<|Cwb<z6Iw&WF_nh5WDR50wj2tuU28^3lF2Ao~{UlTZ
z;elkzUo=NBCM)HXdM8?WKWX+zI4X+wfLmu1t;S52927A{*$a;d8I#k&ZddKM@DUTq
z;uT?V(s{~G-6MZ?z>L@rIb4r?Q`C#>HdfgWZS-&JaQ2w@9TzzK`T2}k{T_$!kj90B
z*M<$`)HS@kpDa>D>oNI=ea6{^eJ=~Us96Yor_8=KrK>N-k5SH)TGYqrOsM5}TcwVG
zt?R|7BR%G;dpLZi#L3R`{c40pwVG<0)N$#n;fM4493BCY1oKbpB=q}0?XL$FASn2+
z_unp;kpEdO{U_<y)yL1IocoCGmqo}Q2)}LxekSzX|2zMCNAL&Cuc`OX7`FSJ*}pOW
zmx2F*^J^sgGiT=BDE_~I_7A{cBg>zGXsCY!e-mK-0rhKw_cKcNeoc7)+uVN2^Zvm2
zb;$aev5xaM<G)9)KahSsHvCL7A^e;4>mlL~lwWQ5XNoq-zbU^l<$vRl?;}kB0OS4%
MzwZ}S^1nX)4|x9OZ~y=R

literal 0
HcmV?d00001


From 056e39dedcd8b83cfc08fbe836e6c9b858a85955 Mon Sep 17 00:00:00 2001
From: sungsu <psss226@naver.com>
Date: Mon, 15 Jan 2024 23:50:25 +0900
Subject: [PATCH 2/6] #update

/stock/create.jsp
/warehouse/create.jsp
/stock/list.jsp
/warehouse/list.jsp
/warehouse/read.jsp
StockController.java
StockDto.java
StockMapper.xml
StockMapper.java
StockService.java
VendorDto.java
WarehouseMapper.xml
WarehouseController.java

#insert

/vendor/create.jsp
/vendor/list.jsp
product_category_company_search.jsp
/stock/read.jsp
/vendor/read.jsp
/stock/update.jsp
/vendor/update.jsp
VendorController.java
VendorMapper.java
VendorMapper.xml
VendorService.java
warehouse_capacity_currentCapacity.jsp
---
 .../com/no1/wms/stock/StockController.java    | 184 +++++--
 src/main/java/com/no1/wms/stock/StockDto.java |  14 +-
 .../java/com/no1/wms/stock/StockMapper.java   |  32 +-
 .../java/com/no1/wms/stock/StockService.java  | 106 ++++-
 .../com/no1/wms/vendor/VendorController.java  | 124 +++++
 .../java/com/no1/wms/vendor/VendorDto.java    |  18 +-
 .../java/com/no1/wms/vendor/VendorMapper.java |  26 +
 .../com/no1/wms/vendor/VendorService.java     |  57 +++
 .../wms/warehouse/WarehouseController.java    |  25 +-
 src/main/resources/mappers/StockMapper.xml    | 231 +++++++--
 src/main/resources/mappers/VendorMapper.xml   | 106 +++++
 .../resources/mappers/WarehouseMapper.xml     |  30 +-
 .../modal/product_category_company_search.jsp | 157 ++++++
 .../warehouse_capacity_currentCapacity.jsp    | 163 +++++++
 .../webapp/WEB-INF/views/stock/create.jsp     | 224 ++++++---
 src/main/webapp/WEB-INF/views/stock/list.jsp  | 449 ++++++++++++++----
 src/main/webapp/WEB-INF/views/stock/read.jsp  | 190 ++++++++
 .../webapp/WEB-INF/views/stock/update.jsp     | 200 ++++++++
 .../webapp/WEB-INF/views/vendor/create.jsp    | 253 ++++++++++
 src/main/webapp/WEB-INF/views/vendor/list.jsp | 203 ++++++++
 src/main/webapp/WEB-INF/views/vendor/read.jsp | 181 +++++++
 .../webapp/WEB-INF/views/vendor/update.jsp    | 263 ++++++++++
 .../webapp/WEB-INF/views/warehouse/create.jsp |  55 ++-
 .../webapp/WEB-INF/views/warehouse/list.jsp   |  29 +-
 .../webapp/WEB-INF/views/warehouse/read.jsp   |   6 +-
 25 files changed, 3012 insertions(+), 314 deletions(-)
 create mode 100644 src/main/java/com/no1/wms/vendor/VendorController.java
 create mode 100644 src/main/java/com/no1/wms/vendor/VendorMapper.java
 create mode 100644 src/main/java/com/no1/wms/vendor/VendorService.java
 create mode 100644 src/main/resources/mappers/VendorMapper.xml
 create mode 100644 src/main/webapp/WEB-INF/views/modal/product_category_company_search.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/modal/warehouse_capacity_currentCapacity.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/stock/read.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/stock/update.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/vendor/create.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/vendor/list.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/vendor/read.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/vendor/update.jsp

diff --git a/src/main/java/com/no1/wms/stock/StockController.java b/src/main/java/com/no1/wms/stock/StockController.java
index c78764c..09eeaee 100644
--- a/src/main/java/com/no1/wms/stock/StockController.java
+++ b/src/main/java/com/no1/wms/stock/StockController.java
@@ -1,101 +1,223 @@
 package com.no1.wms.stock;
 
+
+import com.no1.wms.vendor.VendorDto;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.*;
+import org.springframework.web.servlet.ModelAndView;
 
 import java.util.List;
+import java.util.Map;
 
 @Controller
 @Slf4j
+@RequestMapping("/stock")
 public class StockController {
 
 	@Autowired
 	StockService service;
 	
-	// 재고 리스트 출력
-	@GetMapping("stock/list")
+	// 탭 1 재고 리스트 출력
+	@GetMapping("/list")
 	public String list(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
 					   @RequestParam(name = "search", defaultValue = "") String search,
 					   @RequestParam(name = "p", defaultValue = "1") int page, Model m) {
 		int count = service.count(searchn, search);
-		
+
 		int perPage = 10; // 한 페이지에 보일 글의 갯수
 		int startRow = (page - 1) * perPage;
-		
+
 		//스톡서비스로 재고 리스트 출력 메서트 작성
-		List<Object> dto = service.list(searchn, search, perPage);
-		m.addAttribute("list", dto);
-		
-		int pageNum = 4;//보여질 페이지 번호 수
+		List<Map<String, Object>> dto = service.list(searchn, search, startRow ,perPage);
+		m.addAttribute("slist", dto);
+
+		m.addAttribute("start", startRow + 1);
+
+		int pageNum = 5;//보여질 페이지 번호 수
 		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
-	
+
 		int begin = (page - 1) / pageNum * pageNum + 1;
 		int end = begin + pageNum - 1;
 		if (end > totalPages) {
 			end = totalPages;
 		}
+		m.addAttribute("searchn", searchn);
+		m.addAttribute("search", search);
 		m.addAttribute("begin", begin);
 		m.addAttribute("end", end);
 		m.addAttribute("pageNum", pageNum);
 		m.addAttribute("totalPages", totalPages);
+		m.addAttribute("p" , page);
+
+
 		
+		return "stock/list";
+	}
+
+
+	// 탭 2 재고 리스트 출력
+	@GetMapping("/list2")
+	public String list2(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
+					   @RequestParam(name = "search", defaultValue = "") String search,
+					   @RequestParam(name = "p2", defaultValue = "1") int page, Model m) {
+		int count = service.count(searchn, search);
+
+		int perPage = 10; // 한 페이지에 보일 글의 갯수
+		int startRow = (page - 1) * perPage;
+
+		//스톡서비스로 재고 리스트 출력 메서트 작성
+		List<Map<String, Object>> dto = service.list(searchn, search, startRow ,perPage);
+		m.addAttribute("slist2", dto);
+
+		m.addAttribute("start2", startRow + 1);
+
+		int pageNum = 5;//보여질 페이지 번호 수
+		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
+
+		int begin = (page - 1) / pageNum * pageNum + 1;
+		int end = begin + pageNum - 1;
+		if (end > totalPages) {
+			end = totalPages;
+		}
+		m.addAttribute("searchn2", searchn);
+		m.addAttribute("search2", search);
+		m.addAttribute("begin2", begin);
+		m.addAttribute("end2", end);
+		m.addAttribute("pageNum2", pageNum);
+		m.addAttribute("totalPages2", totalPages);
+		m.addAttribute("p2" , page);
+
+
+
 		return "stock/list";
 	}
 				
 	
 	// 재고 상세페이지
-	@PostMapping("stock/read/{id}")
-	public String read(@PathVariable String id, Model m) {
+	@PostMapping("/read")
+	public String read(@RequestParam String id, Model m) {
 		//스톡서비스로 재고 상세페이지 출력 메서드 작성
-		StockDto dto = service.stockOne(id);
+		Map<String, Object> dto = service.stockOne(id);
 		m.addAttribute("dto", dto);
-		return "stock/read/";
+		return "stock/read";
 	}
 
 	
 	// 수정 - 폼 
-	@GetMapping("/stock/update/{id}")
-	public String update(@PathVariable String id, Model m) {
-		StockDto dto = service.stockOne(id);
+	@PostMapping("/update")
+	public String update(String id, Model m) {
+		Map<String, Object>  dto = service.stockOne(id);
 		m.addAttribute("dto", dto);
 		return "stock/update";
 	}
 
 
 	// 수정 프로세스
-	@PutMapping("/board/update_process")
+	@PutMapping("/update_process")
 	@ResponseBody
-	public String updateProcess(StockDto dto) {
-		service.updateStock(dto);
-		return "redirect:list";
+	public boolean updateProcess(StockDto dto) {
+
+		int i = service.updateStock(dto);
+		if (i == 1) {
+			service.updateWarehouse(dto);
+			return true;
+		} else {
+			return false;
+		}
 	}
 
 
+
 	// 생성 폼
-	@GetMapping ("/stock/create")
-	public String create()
-	{
+	@PostMapping("/create")
+	public String create() {
 		return "stock/create";
 	}
 
 
-	// 생성 프로세스
-	@PostMapping("/stock/create_process")
+	// 생성 - Ajax
+	@PostMapping("/create_process")
 	@ResponseBody
-	public String createProcess(StockDto dto) {
-		service.createStock(dto);
-		return "redirect:list";// 글목록
+	public boolean createProcess(StockDto dto) {
+		int i = service.createStock(dto);
+		if (i != 0) {
+			service.updateWarehousePlus(dto);
+			return true;
+		} else {
+			return false;
+		}
 	}
 
 
 	// 삭제
-	@DeleteMapping("/stock/delete")
+	@DeleteMapping("/delete")
 	@ResponseBody
-	public int delete(String id) {
-		int i = service.deleteBoard(id);
+	public int delete(StockDto dto) {
+		System.out.println("데이터 :: " + dto);
+		int i = service.deleteStock(dto);
+		service.updateWarehouseDeleteStock(dto);
 		return i;
 	}
+
+
+
+	@PostMapping("/show_modal")
+	public ModelAndView showModal(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
+								  @RequestParam(name = "search", defaultValue = "") String search,
+								  @RequestParam(name = "p",  defaultValue = "1") int page,
+								  @RequestParam String name, ModelAndView mav){
+
+		int perPage = 5; // 한 페이지에 보일 글의 갯수
+		int startRow = (page - 1) * perPage;
+
+		List<Map<String, Object>> list = null;
+		int count = 0;
+
+		//테스트
+		System.out.println("name : " + name);
+		System.out.println("list : " + list);
+		System.out.println("count : " + count);
+		System.out.println("mav : " + mav);
+		//테스트
+
+		// 모달 선택
+		if(name.equals("product_category_company_search")){
+			list = service.productSelect(searchn, search, startRow, perPage);
+			count = service.productCount(searchn, search);
+		}else if(name.equals("warehouse_capacity_currentCapacity")) {
+			list = service.warehousesSelect(searchn, search, startRow, perPage);
+			count = service.warehouseCount(searchn, search);
+		}
+
+		mav.addObject("list", list);
+
+		mav.addObject("start", startRow + 1);
+
+		int pageNum = 5;//보여질 페이지 번호 수
+		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
+
+		int begin = (page - 1) / pageNum * pageNum + 1;
+		int end = begin + pageNum - 1;
+		if (end > totalPages) {
+			end = totalPages;
+		}
+		mav.addObject("begin", begin);
+		mav.addObject("end", end);
+		mav.addObject("pageNum", pageNum);
+		mav.addObject("totalPages", totalPages);
+		mav.addObject("p" , page);
+
+		mav.setViewName(name);
+
+		//테스트
+		System.out.println("name : " + name);
+		System.out.println("list : " + list);
+		System.out.println("count : " + count);
+		System.out.println("mav : " + mav);
+		//테스트
+		return mav;
+	}
 }
diff --git a/src/main/java/com/no1/wms/stock/StockDto.java b/src/main/java/com/no1/wms/stock/StockDto.java
index 7fb44bf..a7a7682 100644
--- a/src/main/java/com/no1/wms/stock/StockDto.java
+++ b/src/main/java/com/no1/wms/stock/StockDto.java
@@ -1,13 +1,23 @@
 package com.no1.wms.stock;
 
+import com.no1.wms.product.ProductDto;
+import com.no1.wms.warehouse.WarehouseDto;
+import lombok.AllArgsConstructor;
 import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.util.List;
 
 @Data
+@NoArgsConstructor
+@AllArgsConstructor
 public class StockDto {
 	
 	private String id;
-	private int warehouseId;
-	private int productId;
+	private String warehouseId;
+	private String productId;
 	private int quantity;
 	private boolean activation;
+
+	private int quantityAdjustment;
 }
diff --git a/src/main/java/com/no1/wms/stock/StockMapper.java b/src/main/java/com/no1/wms/stock/StockMapper.java
index 99238b5..79d8476 100644
--- a/src/main/java/com/no1/wms/stock/StockMapper.java
+++ b/src/main/java/com/no1/wms/stock/StockMapper.java
@@ -10,17 +10,37 @@ import java.util.Map;
 public interface StockMapper {
 	
 	int count(Map<String, Object> m);//검색 글 갯수
-	
-	List<Object> list(Map<String, Object> m);
-//	List<StockDto> list(Map<String, Object> m);
+
+	List<Map<String, Object>> list(Map<String, Object> m);
+
+
+	int count2(Map<String, Object> m);//검색 글 갯수
+
+	List<Map<String, Object>> list2(Map<String, Object> m);
+
 
 	int updateStock(StockDto dto);
+
+	int updateWarehouse(StockDto dto);
+
+	int updateWarehousePlus(StockDto dto);
+
+	int updateWarehouseDeleteStock(StockDto dto);
 	
 	int createStock(StockDto dto);
-	
-	StockDto stockOne(String id);
 
-	int deleteStock(String id);
+	Map<String, Object> stockOne(String id);
+
+	int deleteStock(StockDto dto);
+
+	List<Map<String, Object>> productSelect(Map<String, Object> m);
+
+	int productCount(Map<String, Object> m);//검색 글 갯수
+
+	List<Map<String, Object>> warehouseSelect(Map<String, Object> m);
+
+	int warehouseCount(Map<String, Object> m);//검색 글 갯수
+
 
 	
 	
diff --git a/src/main/java/com/no1/wms/stock/StockService.java b/src/main/java/com/no1/wms/stock/StockService.java
index 44f617e..03ef0ed 100644
--- a/src/main/java/com/no1/wms/stock/StockService.java
+++ b/src/main/java/com/no1/wms/stock/StockService.java
@@ -1,5 +1,6 @@
 package com.no1.wms.stock;
 
+import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
@@ -8,6 +9,7 @@ import java.util.List;
 import java.util.Map;
 
 @Service
+@Slf4j
 public class StockService {
 	@Autowired
 	StockMapper mapper;
@@ -19,13 +21,11 @@ public class StockService {
 		Map<String,Object> m = new HashMap<String, Object>();
 		m.put("searchn",searchn);
 		m.put("search", search);
-		m.put("start", 0);
-		m.put("perPage", 10000);
 		return mapper.count(m);
 	}
 
 	
-	public List<Object> list(int searchn, String search, int start){
+	public List<Map<String, Object>> list(int searchn, String search, int start, int perPage){
 		
 		System.out.println(searchn+search);
 		
@@ -33,14 +33,43 @@ public class StockService {
 		m.put("searchn",searchn);
 		m.put("search", search);
 		m.put("start", start);
-		m.put("perPage", 10);
+		m.put("perPage", perPage);
 
-		return mapper.list(m);
+		List<Map<String, Object>> result = mapper.list(m);
+		log.debug("warehouseOne테스트 :: " + result);
+		return result;
 		
 	}
+
+	public int count2(int searchn, String search) {
+
+		System.out.println(searchn+search);
+
+		Map<String,Object> m = new HashMap<String, Object>();
+		m.put("searchn",searchn);
+		m.put("search", search);
+		return mapper.count2(m);
+	}
+
+
+	public List<Map<String, Object>> list2(int searchn, String search, int start, int perPage){
+
+		System.out.println(searchn+search);
+
+		Map<String, Object> m = new HashMap<String, Object>();
+		m.put("searchn",searchn);
+		m.put("search", search);
+		m.put("start", start);
+		m.put("perPage", perPage);
+
+		List<Map<String, Object>> result = mapper.list2(m);
+		log.debug("warehouseOne테스트 :: " + result);
+		return result;
+
+	}
+
 	
-	
-	public StockDto stockOne(String id) {
+	public Map<String, Object> stockOne(String id) {
 		return mapper.stockOne(id);
 	}
 	
@@ -54,8 +83,65 @@ public class StockService {
 		return mapper.updateStock(dto);
 	}
 
-
-	public int deleteBoard(String id) {
-		return mapper.deleteStock(id);
+	public int updateWarehouse(StockDto dto){
+		return mapper.updateWarehouse(dto);
 	}
+
+	public int updateWarehousePlus(StockDto dto){
+		return mapper.updateWarehousePlus(dto);
+	}
+
+	public int updateWarehouseDeleteStock(StockDto dto){
+		return mapper.updateWarehouseDeleteStock(dto);
+	}
+
+	public int deleteStock(StockDto dto) {
+		return mapper.deleteStock(dto);
+	}
+
+
+	public List<Map<String, Object>> productSelect(int searchn, String search, int start, int perPage){
+		Map<String, Object> m = new HashMap<String, Object>();
+		m.put("searchn", searchn);
+		m.put("search", search);
+		m.put("start", start);
+		m.put("perPage", perPage);
+
+		List<Map<String, Object>> productresult = mapper.productSelect(m);
+
+		return productresult;
+	}
+
+	public int productCount(int searchn, String search) {
+
+
+		Map<String,Object> m = new HashMap<String, Object>();
+		m.put("searchn",searchn);
+		m.put("search", search);
+		return mapper.productCount(m);
+	}
+
+	public List<Map<String, Object>> warehousesSelect(int searchn, String search, int start, int perPage){
+		Map<String, Object> m = new HashMap<String, Object>();
+		m.put("searchn", searchn);
+		m.put("search", search);
+		m.put("start", start);
+		m.put("perPage", perPage);
+
+		List<Map<String, Object>> warehouseresult = mapper.warehouseSelect(m);
+
+		return warehouseresult;
+	}
+
+	public int warehouseCount(int searchn, String search) {
+
+
+		Map<String,Object> m = new HashMap<String, Object>();
+		m.put("searchn",searchn);
+		m.put("search", search);
+		return mapper.warehouseCount(m);
+	}
+
+
 }
+
diff --git a/src/main/java/com/no1/wms/vendor/VendorController.java b/src/main/java/com/no1/wms/vendor/VendorController.java
new file mode 100644
index 0000000..39d21ec
--- /dev/null
+++ b/src/main/java/com/no1/wms/vendor/VendorController.java
@@ -0,0 +1,124 @@
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+import java.util.Map;
+
+@Controller
+@Slf4j
+public class VendorController {
+
+	@Autowired
+	VendorService service;
+	
+	// 재고 리스트 출력
+	@GetMapping("vendor/list")
+	public String list(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
+					   @RequestParam(name = "search", defaultValue = "") String search,
+					   @RequestParam(name = "p", defaultValue = "1") int page, Model m) {
+
+		int count = service.count(searchn, search);
+		
+		int perPage = 10; // 한 페이지에 보일 글의 갯수
+		int startRow = (page - 1) * perPage;
+		
+		//스톡서비스로 재고 리스트 출력 메서트 작성
+		List<VendorDto> dto = service.list(searchn, search, startRow ,perPage);
+
+
+		m.addAttribute("vlist", dto);
+		m.addAttribute("start", startRow + 1);
+		
+		int pageNum = 5;//보여질 페이지 번호 수
+		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
+	
+		int begin = (page - 1) / pageNum * pageNum + 1;
+		int end = begin + pageNum - 1;
+		if (end > totalPages) {
+			end = totalPages;
+		}
+		m.addAttribute("searchn", searchn);
+		m.addAttribute("search", search);
+		m.addAttribute("begin", begin);
+		m.addAttribute("end", end);
+		m.addAttribute("pageNum", pageNum);
+		m.addAttribute("totalPages", totalPages);
+		m.addAttribute("p" , page);
+		
+		return "vendor/list";
+	}
+				
+	
+	// 재고 상세페이지
+	@PostMapping("vendor/read")
+	public String read(String id, Model m) {
+		//스톡서비스로 재고 상세페이지 출력 메서드 작성
+
+		VendorDto One = service.vendorOne(id);
+		System.out.println("one :: " + One);
+		log.debug("One테스트 :: " + One);
+
+		m.addAttribute("One", One);
+
+		return "vendor/read";
+	}
+
+	
+	// 수정 - 폼 
+	@PostMapping("/vendor/update")
+	public String update(String id, Model m) {
+		VendorDto dto = service.vendorOne(id);
+		m.addAttribute("dto", dto);
+		return "vendor/update";
+	}
+
+
+	// 수정 프로세스
+	@PutMapping("/vendor/update_process")
+	@ResponseBody
+	public boolean updateProcess(VendorDto dto) {
+
+		int i = service.updateVendor(dto);
+		if (i == 1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+
+	// 생성 폼
+	@PostMapping("/vendor/create")
+	public String create()
+	{
+		return "vendor/create";
+	}
+
+
+	// 생성 프로세스
+	@PostMapping("/vendor/create_process")
+	@ResponseBody
+	public boolean createProcess(VendorDto dto) {
+		int i = service.createVendor(dto);
+		if (i == 1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+
+	// 삭제
+	@DeleteMapping("/vendor/delete")
+	@ResponseBody
+	public int delete(String id) {
+		int i = service.deleteVendor(id);
+		return i;
+	}
+}
diff --git a/src/main/java/com/no1/wms/vendor/VendorDto.java b/src/main/java/com/no1/wms/vendor/VendorDto.java
index 06935a0..a32f249 100644
--- a/src/main/java/com/no1/wms/vendor/VendorDto.java
+++ b/src/main/java/com/no1/wms/vendor/VendorDto.java
@@ -8,20 +8,20 @@ import lombok.NoArgsConstructor;
 
 @Data
 @AllArgsConstructor
-@NoArgsConstructor
+
 @Alias("VendorDto")
 public class VendorDto {
 	
 	private String id;
 	private String name;
-	private String president_name;
+	private String presidentName;
 	private String address;
-	private String registration_number;
+	private String registrationNumber;
 	private String email;
-	private String president_telephone;
-	private String vendor_manager;
-	private String vendor_manager_telephone;
-	private String main_product;
-	private String manager_id;
-	private boolean activation;	
+	private String presidentTelephone;
+	private String vendorManager;
+	private String vendorManagerTelephone;
+	private String mainProduct;
+	private String managerId;
+	private boolean activation;
 }
diff --git a/src/main/java/com/no1/wms/vendor/VendorMapper.java b/src/main/java/com/no1/wms/vendor/VendorMapper.java
new file mode 100644
index 0000000..f8b0a86
--- /dev/null
+++ b/src/main/java/com/no1/wms/vendor/VendorMapper.java
@@ -0,0 +1,26 @@
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import org.apache.ibatis.annotations.Mapper;
+
+import java.util.List;
+import java.util.Map;
+
+
+@Mapper
+public interface VendorMapper {
+
+	List<VendorDto> list(Map<String, Object> m);
+
+	int count(Map<String, Object> m);//검색 글 갯수
+
+	VendorDto vendorOne(String id);
+
+	int updateVendor(VendorDto dto);
+	
+	int createVendor(VendorDto dto);
+
+	int deleteVendor(String id);
+
+	
+}
diff --git a/src/main/java/com/no1/wms/vendor/VendorService.java b/src/main/java/com/no1/wms/vendor/VendorService.java
new file mode 100644
index 0000000..f0793c5
--- /dev/null
+++ b/src/main/java/com/no1/wms/vendor/VendorService.java
@@ -0,0 +1,57 @@
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Slf4j
+public class VendorService {
+    @Autowired
+    VendorMapper mapper;
+
+    public int count(int searchn, String search) {
+
+        Map<String, Object> m = new HashMap<String, Object>();
+        m.put("searchn", searchn);
+        m.put("search", search);
+        return mapper.count(m);
+    }
+
+
+    public List<VendorDto> list(int searchn, String search, int start, int perPage) {
+
+        System.out.println(searchn + search);
+
+        Map<String, Object> m = new HashMap<String, Object>();
+        m.put("searchn", searchn);
+        m.put("search", search);
+        m.put("start", start);
+        m.put("perPage", perPage);
+
+        return mapper.list(m);
+    }
+
+    public VendorDto vendorOne(String id) {
+        return mapper.vendorOne(id);
+    }
+
+    public int updateVendor(VendorDto dto) {
+        return mapper.updateVendor(dto);
+    }
+
+
+    public int createVendor(VendorDto dto) {
+        return mapper.createVendor(dto);
+    }
+
+
+    public int deleteVendor(String id) {
+        return mapper.deleteVendor(id);
+    }
+}
diff --git a/src/main/java/com/no1/wms/warehouse/WarehouseController.java b/src/main/java/com/no1/wms/warehouse/WarehouseController.java
index c5edbab..84e25fd 100644
--- a/src/main/java/com/no1/wms/warehouse/WarehouseController.java
+++ b/src/main/java/com/no1/wms/warehouse/WarehouseController.java
@@ -33,6 +33,10 @@ public class WarehouseController {
 
 		m.addAttribute("wlist", dto);
 		m.addAttribute("start", startRow + 1);
+
+		//테스트
+		System.out.println("list" + dto);
+		//테스트
 		
 		int pageNum = 5;//보여질 페이지 번호 수
 		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
@@ -42,6 +46,8 @@ public class WarehouseController {
 		if (end > totalPages) {
 			end = totalPages;
 		}
+		m.addAttribute("searchn", searchn);
+		m.addAttribute("search", search);
 		m.addAttribute("begin", begin);
 		m.addAttribute("end", end);
 		m.addAttribute("pageNum", pageNum);
@@ -60,19 +66,16 @@ public class WarehouseController {
 		//스톡서비스로 재고 상세페이지 출력 메서드 작성
 
 		WarehouseDto One = service.One(id);
-		System.out.println("one :: " + One);
-		log.debug("Osne테스트 :: " + One);
-
 		m.addAttribute("One", One);
 
-		int warehouseOneCount = service.warehouseOneCount(searchn, search, id);
 
-		log.debug("warehouseOneCount테스트 :: " + warehouseOneCount);
+
 
 		int perPage = 5; // 한 페이지에 보일 글의 갯수
 		int startRow = (page - 1) * perPage;
 		m.addAttribute("start", startRow + 1);
 
+		int warehouseOneCount = service.warehouseOneCount(searchn, search, id);
 		List<Map<String, Object>> dto = service.warehouseOne(searchn, search, id, startRow, perPage);
 		m.addAttribute("wlist", dto);
 		System.out.println("list ::" + dto);
@@ -86,6 +89,8 @@ public class WarehouseController {
 		if (end > totalPages) {
 			end = totalPages;
 		}
+		m.addAttribute("searchn", searchn);
+		m.addAttribute("search", search);
 		m.addAttribute("begin", begin);
 		m.addAttribute("end", end);
 		m.addAttribute("pageNum", pageNum);
@@ -130,9 +135,13 @@ public class WarehouseController {
 	// 생성 프로세스
 	@PostMapping("/warehouse/create_process")
 	@ResponseBody
-	public String createProcess(WarehouseDto dto) {
-		service.createWarehouse(dto);
-		return "redirect:list";// 글목록
+	public boolean createProcess(WarehouseDto dto) {
+		int i = service.createWarehouse(dto);
+		if (i == 1) {
+			return true;
+		} else {
+			return false;
+		}
 	}
 
 
diff --git a/src/main/resources/mappers/StockMapper.xml b/src/main/resources/mappers/StockMapper.xml
index e27c9e1..dc43d41 100644
--- a/src/main/resources/mappers/StockMapper.xml
+++ b/src/main/resources/mappers/StockMapper.xml
@@ -3,55 +3,188 @@
 <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTO Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
 
 <mapper namespace="com.no1.wms.stock.StockMapper">
-   
-   <!-- select -->
-   <select id="count" parameterType="map" resultType="java.lang.Integer">
-   		select count(*) from stock left join warehouse on stock.warehouse_id = warehouse.id left join product on stock.product_id = product.id left join product_category on product.kan_code = product_category.kan_code
-   		<where>
-			<choose>
-				<when test="searchn == 0"> stock.activation = 1 and product.name like concat('%',#{search},'%')</when>
-				<when test="searchn == 1"> stock.activation = 1 and product_category.cls_Nm_4 like concat('%',#{search},'%') </when>
-			</choose>
-		</where> 
-   		order by stock.id desc limit #{start}, #{perPage}
-   </select>
 
-	<select id="list" parameterType="map" resultType="java.lang.Integer">
-		select * from stock left join warehouse on stock.warehouse_id = warehouse.id left join product on stock.product_id = product.id left join product_category on product.kan_code = product_category.kan_code
-		<where>
-			<choose>
-				<when test="searchn == 0"> stock.activation = 1 and product.name like concat('%',#{search},'%')</when>
-				<when test="searchn == 1"> stock.activation = 1 and product_category.cls_Nm_4 like concat('%',#{search},'%') </when>
-			</choose>
-		</where>
-		order by stock.id desc limit #{start}, #{perPage}
-	</select>
-   
-   <select id="stockOne" parameterType="String" resultType="com.no1.wms.stock.StockDto">
-   		selct * from stock where id = #{id}
-   </select>
-   <!-- select -->
-   
-   
-   <!-- update -->
-   <update id="updateStock" parameterType="com.no1.wms.stock.StockDto">
-   		update stock
-   		set quantity = #{dto.quantity}
-		where id = #{dto.id}
-   </update>
-   <!-- update -->
-   
-   
-   <!-- insert -->
-   <insert id="createStock" parameterType="com.no1.wms.stock.StockDto">
-   		insert into stock (id, warehouse_id, product_id, quantity, activation)
-   		values (#{dto.id}, #{dto.warehouse_id}, #{dto.product_id}, #{dto.quantity}, 1)
-   </insert>
-   <!-- insert -->
+    <!-- select -->
+    <select id="count" parameterType="Map" resultType="java.lang.Integer">
+        select count(s.id)
 
-	<!-- delete -->
-	<delete id="deleteStock" parameterType="String">
-		delete from stock where no = #{id}
-	</delete>
-	<!-- delete -->
+        from stock s
+        left join warehouse w on s.warehouse_id = w.id
+        left join product p on s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+
+        <where>
+            <choose>
+                <when test="searchn == 0">s.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1">s.activation = 1 and c.cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2">s.activation = 1 and s.quantity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+
+    <select id="list" parameterType="Map" resultType="Map">
+        select s.id as id, s.warehouse_id as warehouseId, s.product_id as productId, s.quantity, p.name as productName, p.kan_code, c.cls_nm_4, w.name as warehouseName
+
+        from stock s
+        left join warehouse w on s.warehouse_id = w.id
+        left join product p on s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+
+        <where>
+            <choose>
+                <when test="searchn == 0">s.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1">s.activation = 1 and c.cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2">s.activation = 1 and s.quantity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+        order by s.id desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="count2" parameterType="Map" resultType="java.lang.Integer">
+        select count(s.id)
+
+        from stock s
+        left join warehouse w on s.warehouse_id = w.id
+        left join product p on s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> quantity &lt;= 200 and s.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> quantity &lt;= 200 and s.activation = 1 and c.cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2"> quantity &lt;= 200 and s.activation = 1 and s.quantity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+
+    <select id="list2" parameterType="Map" resultType="Map">
+        select s.id as id, s.warehouse_id as warehouseId, s.product_id as productId, s.quantity, p.name as productName, p.kan_code, c.cls_nm_4, w.name as warehouseName
+
+        from stock s
+        left join warehouse w on s.warehouse_id = w.id
+        left join product p on s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> quantity &lt;= 200 and s.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> quantity &lt;= 200 and s.activation = 1 and c.cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2"> quantity &lt;= 200 and s.activation = 1 and s.quantity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+        order by s.id desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="stockOne" parameterType="Map" resultType="Map">
+        select s.id as id, s.warehouse_id as warehouseId, s.product_id as productId, s.quantity, p.name as productName, p.kan_code, c.cls_nm_4, w.name as warehouseName, p.company_name, w.address, w.capacity, w.current_capacity
+
+        from stock s
+        left join warehouse w on s.warehouse_id = w.id
+        left join product p on s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+
+        where s.id = #{id}
+    </select>
+
+    <select id="productSelect" parameterType="Map" resultType="Map">
+        SELECT p.id as productId, name, company_name, cls_Nm_4
+        FROM product p
+        LEFT JOIN stock s ON s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+        <where>
+            <choose>
+                <when test="searchn == 0"> s.id IS NULL and p.activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> s.id IS NULL and p.activation = 1 and cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2"> s.id IS NULL and p.activation = 1 and company_name like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+        order by name desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="productCount" parameterType="Map" resultType="java.lang.Integer">
+        SELECT count(name)
+        FROM product p
+        LEFT JOIN stock s ON s.product_id = p.id
+        left join product_category c on p.kan_code = c.kan_code
+        <where>
+            <choose>
+                <when test="searchn == 0"> s.id IS NULL and p.activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> s.id IS NULL and p.activation = 1 and cls_Nm_4 like concat('%',#{search},'%')</when>
+                <when test="searchn == 2"> s.id IS NULL and p.activation = 1 and company_name like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+
+    <select id="warehouseSelect" parameterType="Map" resultType="Map">
+        select w.id as warehouseId, w.name as warehouseName, capacity, current_capacity ,address
+        from warehouse w
+        left join stock s on s.warehouse_id = w.id
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> s.id IS NULL and w.activation = 1 and w.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> s.id IS NULL and w.activation = 1 and capacity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+        order by w.name desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="warehouseCount" parameterType="Map" resultType="java.lang.Integer">
+        select count(w.id)
+        from warehouse w
+        left join stock s on s.warehouse_id = w.id
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> s.id IS NULL and w.activation = 1 and w.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> s.id IS NULL and w.activation = 1 and capacity like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+    <!-- select -->
+
+
+    <!-- update -->
+    <update id="updateStock" parameterType="com.no1.wms.stock.StockDto">
+        update stock
+        set warehouse_id = #{warehouseId}, quantity = #{quantityAdjustment}
+        where id = #{id}
+    </update>
+
+    <update id="updateWarehousePlus" parameterType="com.no1.wms.stock.StockDto">
+        update warehouse w
+            left join stock s on w.id = s.warehouse_id
+            set w.current_capacity = w.current_capacity + #{quantity}
+        where w.id = #{warehouseId};
+    </update>
+
+    <update id="updateWarehouse" parameterType="com.no1.wms.stock.StockDto">
+        update warehouse w
+            left join stock s on w.id = s.warehouse_id
+            set w.current_capacity = w.current_capacity + (#{quantityAdjustment} - #{quantity})
+        where w.id = #{warehouseId};
+    </update>
+
+    <update id="updateWarehouseDeleteStock" parameterType="com.no1.wms.stock.StockDto">
+        update warehouse
+        set current_capacity = current_capacity - #{quantity}
+        where id = #{warehouseId};
+    </update>
+    <!-- update -->
+
+
+    <!-- insert -->
+    <insert id="createStock" parameterType="com.no1.wms.stock.StockDto">
+        insert into stock (id, warehouse_id, product_id, quantity, activation)
+        values (UUID(), #{warehouseId}, #{productId}, #{quantity}, #{activation})
+    </insert>
+    <!-- insert -->
+
+    <!-- delete -->
+    <delete id="deleteStock" parameterType="com.no1.wms.stock.StockDto">
+        delete
+        from stock
+        where id = #{id}
+    </delete>
+    <!-- delete -->
 </mapper>
\ No newline at end of file
diff --git a/src/main/resources/mappers/VendorMapper.xml b/src/main/resources/mappers/VendorMapper.xml
new file mode 100644
index 0000000..3e3f8b4
--- /dev/null
+++ b/src/main/resources/mappers/VendorMapper.xml
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTO Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="com.no1.wms.vendor.VendorMapper">
+
+
+    <select id="count" parameterType="map" resultType="java.lang.Integer">
+        select count(name)
+
+        from  vendor
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
+                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
+                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+
+    <select id="list" parameterType="map" resultType="VendorDto">
+        select id,
+               name,
+               president_name as presidentName,
+               address,
+               registration_number as registrationNumber,
+               email,
+               president_telephone as presidentTelephone,
+               vendor_manager as vendorManager,
+               vendor_manager_telephone as vendorManagerTelephone,
+               main_product as mainProduct,
+               manager_id as managerId,
+               activation
+
+        from  vendor
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
+                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
+                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+
+        order by name desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="vendorOne" parameterType="String" resultType="VendorDto">
+        select id,
+               name,
+               president_name as presidentName,
+               address,
+               registration_number as registrationNumber,
+               email,
+               president_telephone as presidentTelephone,
+               vendor_manager as vendorManager,
+               vendor_manager_telephone as vendorManagerTelephone,
+               main_product as mainProduct,
+               manager_id as managerId,
+               activation
+
+        from  vendor
+
+        where id = #{id}
+
+    </select>
+
+
+    <!-- select -->
+
+
+    <!-- update -->
+    <update id="updateVendor" parameterType="VendorDto">
+        update vendor
+        set name = #{name},
+            president_name = #{presidentName},
+            address = #{address},
+            registration_number = #{registrationNumber},
+            email = #{email},
+            president_telephone = #{presidentTelephone},
+            vendor_manager = #{vendorManager},
+            vendor_manager_telephone = #{vendorManagerTelephone},
+            main_product = #{mainProduct},
+            manager_id = #{managerId},
+            activation = #{activation}
+        where id = #{id}
+    </update>
+    <!-- update -->
+
+
+    <!-- insert -->
+    <insert id="createVendor" parameterType="VendorDto">
+        insert into vendor (id, name, president_name, address, registration_number, email, president_telephone, vendor_manager, vendor_manager_telephone, main_product, manager_id, activation)
+        values (UUID(), #{name}, #{presidentName}, #{address}, #{registrationNumber}, #{email}, #{presidentTelephone}, #{vendorManager}, #{vendorManagerTelephone}, #{mainProduct}, #{managerId}, #{activation})
+    </insert>
+    <!-- insert -->
+
+    <!-- delete -->
+    <delete id="deleteVendor" parameterType="String">
+        delete from vendor where id = #{id}
+    </delete>
+    <!-- delete -->
+</mapper>
\ No newline at end of file
diff --git a/src/main/resources/mappers/WarehouseMapper.xml b/src/main/resources/mappers/WarehouseMapper.xml
index 3988987..5d997a5 100644
--- a/src/main/resources/mappers/WarehouseMapper.xml
+++ b/src/main/resources/mappers/WarehouseMapper.xml
@@ -31,7 +31,15 @@
                 <when test="searchn == 2"> w.activation = 1 and w.current_capacity like concat('%',#{search},'%')</when>
             </choose>
         </where>
-        order by w.id desc limit #{start}, #{perPage}
+        order by w.name ASC limit #{start}, #{perPage}
+    </select>
+
+    <select id="One" parameterType="String" resultType="com.no1.wms.warehouse.WarehouseDto">
+        select w.id, w.name, w.capacity, w.current_capacity as currentCapacity, w.address
+
+        from  warehouse w
+
+        where w.id = #{id}
     </select>
 
     <select id="warehouseOne" parameterType="Map" resultType="Map">
@@ -43,8 +51,8 @@
 
         <where>
             <choose>
-                <when test="searchn == 0"> w.activation = 1 and p.name like concat('%',#{search},'%')</when>
-                <when test="searchn == 1"> w.activation = 1 and s.quantity like concat('%',#{search},'%') </when>
+                <when test="searchn == 0"> w.id = #{id} and w.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> w.id = #{id} and w.activation = 1 and s.quantity like concat('%',#{search},'%') </when>
             </choose>
         </where>
 
@@ -61,19 +69,12 @@
 
         <where>
             <choose>
-                <when test="searchn == 0"> w.activation = 1 and p.name like concat('%',#{search},'%')</when>
-                <when test="searchn == 1"> w.activation = 1 and s.quantity like concat('%',#{search},'%') </when>
+                <when test="searchn == 0"> w.id = #{id} and w.activation = 1 and p.name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> w.id = #{id} and w.activation = 1 and s.quantity like concat('%',#{search},'%') </when>
             </choose>
         </where>
     </select>
 
-    <select id="One" parameterType="String" resultType="com.no1.wms.warehouse.WarehouseDto">
-        select w.id, w.name, w.capacity, w.current_capacity as currentCapacity, w.address
-
-        from  warehouse w
-
-        where w.id = #{dto.id}
-    </select>
 
     <!-- select -->
 
@@ -84,13 +85,14 @@
         set capacity = #{capacity}, name = #{name}, address = #{address}
         where id = #{id}
     </update>
+
     <!-- update -->
 
 
     <!-- insert -->
     <insert id="createWarehouse" parameterType="com.no1.wms.warehouse.WarehouseDto">
-        insert into warehouse (id, name, capacity, current_capacity as currentCapacity, manager_id as managerId, address, activation)
-        values (UUID(), #{dto.name}, #{dto.capacity}, 0, #{dto.managerId}, #{dto.address}, 1)
+        insert into warehouse (id, name, capacity, current_capacity, manager_id, address, activation)
+        values (UUID(), #{name}, #{capacity}, #{currentCapacity}, #{managerId}, #{address}, #{activation})
     </insert>
     <!-- insert -->
 
diff --git a/src/main/webapp/WEB-INF/views/modal/product_category_company_search.jsp b/src/main/webapp/WEB-INF/views/modal/product_category_company_search.jsp
new file mode 100644
index 0000000..38aff74
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/modal/product_category_company_search.jsp
@@ -0,0 +1,157 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<script>
+
+    function onSelect(tag) {
+        const $tag = $(tag);
+
+        const tname = $tag.data('tname');
+        const tid = $tag.data('tid');
+        const tcategory = $tag.data('tcategory');
+        const tcompany_name = $tag.data('tcompany_name');
+
+        $("#stock_pro_name").val(tname);
+        $("#product_id").val(tid);
+        $("#stock_category_name").val(tcategory);
+        $("#stock_company_name_name").val(tcompany_name);
+
+        hideSearchModal();
+    }
+
+    $(document).ready(function () {
+        // 검색 기능
+        $("#searchBtn").on("click", function () {
+            var searchn = $("#searchn").val();
+            var search = $("#search").val();
+
+            $.ajax({
+                type: "POST",
+                url: "/stock/show_modal",
+                data: {
+                    searchn: searchn,
+                    search: search,
+                    p: 1,
+                    name: "product_category_company_search"
+                },
+                success : function(result) { // 결과 성공 콜백함수
+                    $("#search_modal_body").html(result);
+                    searchModalBootStrap.show();
+                },
+                error : function(request, status, error) {
+                    alert(error)
+                }
+            });
+        });
+    });
+
+
+    function pageingFunction(clickedId) {
+        var searchn = $("#searchn").val();
+        var search = $("#search").val();
+
+        $.ajax({
+            type: "POST",
+            url: "/stock/show_modal",
+            data: {
+                searchn: searchn,
+                search: search,
+                p: clickedId,
+                name: "product_category_company_search"
+            },
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    }
+</script>
+
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_product_category_company_search" class="text-end">
+                <div class="input-group mb-3 w-50 col-centered">
+                    <div class="w-30">
+                        <select class="form-select" name="searchn" id="searchn">
+                            <option value="0">제품명</option>
+                            <option value="1">카테고리</option>
+                            <option value="2">제조사</option>
+
+                        </select>
+                    </div>
+                    <input type="text" id="search" name="search" class="form-control" placeholder="검색어를 입력하세요">
+                    <button class="btn btn-info" type="button" id="searchBtn">검색</button>
+                    <!-- 페이징작업용 -->
+                    <input type="hidden" id="searchn1" value="${searchn}">
+                    <input type="hidden" id="search1" value="${search}">
+                    <!-- 페이징작업용 -->
+                </div>
+            </div>
+        </div>
+        <div class="col-12 col-centered">
+            <table class="table">
+                <thead class="table-dark">
+                <tr>
+                    <th class="col-1"></th>
+                    <th class="col-3">제품</th>
+                    <th class="col-3">카테고리</th>
+                    <th class="col-3">제조사</th>
+                    <th class="col-1"></th>
+                    <th class="col-1"></th>
+                </tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list }" var="dto">
+                    <tr>
+                        <td></td>
+                        <td>${dto.name }</td>
+                        <td>${dto.cls_Nm_4 }</td>
+                        <td>${dto.company_name }</td>
+                        <td>
+                            <button data-tid="${dto.productId}"
+                                    data-tname="${dto.name}"
+                                    data-tcategory="${dto.cls_Nm_4}"
+                                    data-tcompany_name="${dto.company_name}"
+                                    class="btn btn-primary" onclick="onSelect(this)">선택
+                            </button>
+                        </td>
+                        <td></td>
+                    </tr>
+                </c:forEach>
+                </tbody>
+            </table>
+        </div>
+        <div class="row row-buttons">
+
+            <div class="col-12 d-flex justify-content-center">
+                <nav>
+                    <ul class="pagination">
+
+                        <c:if test="${begin > pageNum }">
+                            <li class="page-item">
+                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)"
+                                   id="${begin - 1 }">&lt;</a>
+                            </li>
+                        </c:if>
+                        <c:forEach begin="${begin }" end="${end }" var="i">
+                            <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                                <a href="javascript:void(0);" class="page-link "
+                                   onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+                            </li>
+                        </c:forEach>
+                        <c:if test="${end < totalPages }">
+                            <li class="page-item">
+                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)"
+                                   id="${end + 1 }">&gt;</a>
+                            </li>
+                        </c:if>
+                    </ul>
+                </nav>
+            </div>
+
+        </div><!-- row row-buttons -->
+    </div>
+</div>
diff --git a/src/main/webapp/WEB-INF/views/modal/warehouse_capacity_currentCapacity.jsp b/src/main/webapp/WEB-INF/views/modal/warehouse_capacity_currentCapacity.jsp
new file mode 100644
index 0000000..bdf2f27
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/modal/warehouse_capacity_currentCapacity.jsp
@@ -0,0 +1,163 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<script>
+
+    function onSelect(tag) {
+        const $tag = $(tag);
+
+        const id = $tag.data('id');
+        const name = $tag.data('name');
+        const address = $tag.data('address');
+        const capacity = $tag.data('capacity');
+        const remainingcapacity = $tag.data('remainingcapacity');
+
+
+        $("#warehouse_id").val(id);
+        $("#warehouse_name").val(name);
+        $("#Address_name").val(address);
+        $("#Capacity_name").val(capacity);
+        $("#remainingcapacity").val(remainingcapacity);
+
+        hideSearchModal();
+    }
+
+
+
+    $(document).ready(function () {
+        // 검색 기능
+        $("#searchBtn").on("click", function () {
+            var searchn = $("#searchn").val();
+            var search = $("#search").val();
+
+            $.ajax({
+                type: "POST",
+                url: "/stock/show_modal",
+                data: {
+                    searchn: searchn,
+                    search: search,
+                    p: 1,
+                    name: "warehouse_capacity_currentCapacity"
+                },
+                success : function(result) { // 결과 성공 콜백함수
+                    $("#search_modal_body").html(result);
+                    searchModalBootStrap.show();
+                },
+                error : function(request, status, error) {
+                    alert(error)
+                }
+            });
+        });
+    });
+
+
+    function pageingFunction(clickedId) {
+        var searchn = $("#searchn").val();
+        var search = $("#search").val();
+
+        $.ajax({
+            type: "POST",
+            url: "/stock/show_modal",
+            data: {
+                searchn: searchn,
+                search: search,
+                p: clickedId,
+                name: "warehouse_capacity_currentCapacity"
+            },
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    }
+
+
+</script>
+
+<div class="container" id="pageingData">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_warehouse_capacity_currentCapacity" class="text-end">
+                <div class="input-group mb-3 w-50 col-centered">
+                    <div class="w-30">
+                        <select class="form-select" name="searchn" id="searchn">
+                            <option value="0">창고명</option>
+                            <option value="1">지역</option>
+                            <option value="2">용적</option>
+                        </select>
+                    </div>
+                    <input type="text" id="search" name="search" class="form-control" placeholder="검색어를 입력하세요">
+                    <button class="btn btn-info" type="button" id="searchBtn">검색</button>
+
+                </div>
+            </div>
+        </div>
+        <div class="col-12">
+            <table class="table">
+                <thead class="table-dark">
+                <tr>
+                    <th class="col-1"></th>
+                    <th class="col-2">창고명</th>
+                    <th class="col-2">지역</th>
+                    <th class="col-2">용적</th>
+                    <th class="col-2">잔여 용량</th>
+                    <th class="col-1"></th>
+                    <th class="col-1"></th>
+                </tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list }" var="dto">
+                    <tr>
+                        <td></td>
+                        <td>${dto.warehouseName }</td>
+                        <td>${dto.address }</td>
+                        <td>${dto.capacity }</td>
+                        <td>${dto.capacity - dto.current_capacity }</td>
+                        <td>
+                            <button data-id="${dto.warehouseId}"
+                                    data-name="${dto.warehouseName}"
+                                    data-address="${dto.address}"
+                                    data-capacity="${dto.capacity}"
+                                    data-remainingcapacity="${dto.capacity - dto.current_capacity }"
+                                    class="btn btn-primary" onclick="onSelect(this)">선택
+                            </button>
+                        </td>
+                        <td></td>
+                    </tr>
+                </c:forEach>
+                </tbody>
+            </table>
+        </div>
+        <div class="row row-buttons">
+
+            <div class="col-12 d-flex justify-content-center">
+                <nav>
+                    <ul class="pagination">
+
+                        <c:if test="${begin > pageNum }">
+                            <li class="page-item">
+                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)"
+                                   id="${begin - 1 }">&lt;</a>
+                            </li>
+                        </c:if>
+                        <c:forEach begin="${begin }" end="${end }" var="i">
+                            <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                                <a href="javascript:void(0);" class="page-link "
+                                   onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+                            </li>
+                        </c:forEach>
+                        <c:if test="${end < totalPages }">
+                            <li class="page-item">
+                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)"
+                                   id="${end + 1 }">&gt;</a>
+                            </li>
+                        </c:if>
+                    </ul>
+                </nav>
+            </div>
+
+        </div><!-- row row-buttons -->
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/stock/create.jsp b/src/main/webapp/WEB-INF/views/stock/create.jsp
index 22d012e..84baacf 100644
--- a/src/main/webapp/WEB-INF/views/stock/create.jsp
+++ b/src/main/webapp/WEB-INF/views/stock/create.jsp
@@ -1,68 +1,186 @@
-<%@ page contentType="text/html; charset=UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>재고 생성</title>
-    <style type="text/css">
-        .header {
-            text-align: center;
-        }
-    </style>
-</head>
-<body>
-<div class = "container" >
-    <div class="header">
-        <h1>재고 관리 생성</h1>
-    </div>
-    <hr>
-    <div class = "row">
-        <div class = "col-6">
-            <form>
-                <input type="text" name="search" maxlength="50" readonly/>
-                <input type="submit" class="btn btn-primary"  id = "search_modal_show_button" value="검색" />
-            </form>
-        </div>
-    </div>
+<div class="mt-5 mb-5 text-center">
+    <h1>재고 생성</h1>
 </div>
+<hr>
+<div class="container" style="text-align: center">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+
+                    <input type='hidden' id="activation" value="1">
+
+
+                    <!--제품 관련 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Product_label' class="input-group-text">제품</span>
+                        <input readonly id="stock_pro_name" type="text" class="form-control" placeholder="제품 검색">
+                        <input hidden name="ProductName" id="product_id" value="${dto.product_id}">
+                        <button id="product_search_button" class="btn-primary btn" onclick="showSearchModals('제품 검색','product_category_company_search')">검색</button>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Category_label' class="input-group-text">카테고리</span>
+                        <input readonly id="stock_category_name" type="text" class="form-control" placeholder="">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Company_name_label' class="input-group-text">제조사</span>
+                        <input readonly id="stock_company_name_name" type="text" class="form-control" placeholder="">
+                    </div>
+
+
+                    <!--창고 관련 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Warehouse_label' class="input-group-text">창고</span>
+                        <input readonly id="warehouse_name" type="text" class="form-control" placeholder="창고 검색">
+                        <input hidden name="product_id" id="warehouse_id" value="${dto.warehouse_id}">
+                        <button id="Warehouse_search_button" class="btn-primary btn" onclick="showSearchModals('창고 검색','warehouse_capacity_currentCapacity')">검색</button>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Address_label' class="input-group-text">주소</span>
+                        <input readonly id="Address_name" type="text" class="form-control" placeholder="">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Capacity_label' class="input-group-text">용적</span>
+                        <input readonly id="Capacity_name" type="text" class="form-control" placeholder="">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='RemainingCapacity_label' class="input-group-text">잔여 용량</span>
+                        <input readonly id="remainingcapacity" type="text" placeholder="" value="${dto.capacity - dto.current_capacity}" class="form-control">
+                    </div>
+
+
+                    <!--적재할 상품의 재고수-->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">재고량</span>
+                        <input type="text" name="quantity" id="quantity" class="form-control"
+                               placeholder="재고량을 입력하세요" aria-label="재고량" value="${dto.quantity }"
+                               aria-describedby="basic-addon1">
+                    </div>
 
 
 
-<div class="modal fade" id="search_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered modal-xl" >
-        <div class="modal-content" id="search_modal_content">
-            <div class="modal-header">
-                <h1 class="modal-title fs-5" id="searchModalLabel">재고명 검색</h1>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body" id="search_modal_body">
 
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-success" id="submitBtn">생성</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+
+                </div>
             </div>
         </div>
-    </div>
 </div>
-</body>
-<script src="utils.js" type="text/javascript"></script>
 <script>
 
-
-    //검색 팝업 모달 관련
-    const searchModalBootStrap = new bootstrap.Modal("#search_modal");
-    $("#search_modal_show_button").on("click", function(){
-        searchModalBootStrap.show();
-    });
-
-    /*
-    * 검색 팝업 모달 닫는 함수
-    */
-    function hideSearchModal(){
-        searchModalBootStrap.hide();
+    function showSearchModals(title, val){
+        $("#searchModalLabel").text(title);
+        const data = { name : val};
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/stock/show_modal',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
     }
 
 
-    //검색 팝업 모달 관련 끝
-</script>
+    $(document).ready(function () {
 
-</html>
\ No newline at end of file
+
+        $("#submitBtn").on("click", function () {
+            var product_id = $("#product_id").val();
+            var warehouse_id = $("#warehouse_id").val();
+            var quantity = $("#quantity").val();
+            var activation = $("#activation").val();
+            var remainingcapacity = $("#remainingcapacity").val();
+
+            if (!product_id) {
+                alert("제품을 선택해야 합니다.");
+                $("#product_id").focus();
+                return false;
+            }
+            if (!warehouse_id) {
+                alert("적재할 창고를 선택해야 합니다.");
+                $("#warehouse_id").focus();
+                return false;
+            }
+
+            if (!quantity) {
+                alert("재고량를 입력해야 합니다.");
+                $("#quantity").focus();
+                return false;
+            }
+
+            if (quantity > remainingcapacity) {
+                alert("적재 할 재고량이 잔여 용량을 넘을 수 없습니다.");
+                $("#quantity").focus();
+                return false;
+            }
+
+            $.ajax({
+                url: "/stock/create_process",
+                type: "post",
+                data: {
+                    "productId": product_id,
+                    "warehouseId": warehouse_id,
+                    "quantity": quantity,
+                    "activation": activation
+
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("재고 정보가 생성되었습니다.");
+
+                    var form = document.createElement("form");
+                    form.action = "/stock/read";
+                    form.method = "POST";
+                    document.body.appendChild(form);
+
+                    var input = document.createElement("input");
+                    input.type = "hidden";
+                    input.name = "name";
+                    input.value = name;
+                    form.appendChild(input);
+
+                    form.submit();
+
+                    window.location.href = "/stock/list";
+                } else {
+                    alert("재고 정보 생성에 실패하였습니다.");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        })
+
+        $("#cancelBtn").on("click", function () {
+            $(location).attr("href", "/stock/list");
+
+        })
+
+
+    });
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/stock/list.jsp b/src/main/webapp/WEB-INF/views/stock/list.jsp
index 817a95d..b7be395 100644
--- a/src/main/webapp/WEB-INF/views/stock/list.jsp
+++ b/src/main/webapp/WEB-INF/views/stock/list.jsp
@@ -1,121 +1,388 @@
 <%@ page contentType="text/html; charset=UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-
 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>재고 리스트</title>
-    <style type="text/css">
-        .header {
-            text-align: center;
-        }
-    </style>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <script src="base.js"></script>
+    <link rel="stylesheet" href="base.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>재고 관리</title>
 </head>
 <body>
-
-<div class="header">
-    <h1>재고 리스트</h1>
+<div class="mt-5 mb-5 text-center">
+    <h1>재고 관리</h1>
 </div>
 <hr>
-
 <div class="body">
-<!--탭키명 -->
-<ul class="nav nav-tabs" id="myTab" role="tablist">
-    <li class="nav-item" role="presentation">
-        <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">
-            재고
-        </button>
-    </li>
-    <li class="nav-item" role="presentation">
-        <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
-            부족한 재고
-        </button>
-    </li>
-</ul>
-<div class="tab-content" id="myTabContent">
-    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
-        <div id="search" align="center">
-            <form action="search">
-                <select name="searchn">
-                    <option value="0">제품명</option>
-                    <option value="1">카테고리</option>
-                </select>
-                <input type="text" name="search" maxlength="50"/>
-                <input type="submit" class="btn btn-primary" value="검색" />
-            </form>
-        </div>
 
-        <!--재고 리스트 -->
-        <c:if test="${count != 0 }">
-        <table align="center">
-            <tr>
-                <th>번호</th>
-                <th>제품명</th>
-                <th>창고명</th>
-            </tr>
-            <c:forEach items="${list}" var="stock">
-                <tr>
-                    <td><a href ="read/${stock.id}">${stock.id}</a></td>
-                    <td>${stock.product_name }</td>
-                    <td>${stock.warehouse_name }</td>
-                </tr>
-            </c:forEach>
-        </table>
+    <ul class="nav nav-tabs" id="myTab" role="tablist">
+        <li class="nav-item" role="presentation">
+            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">재고</button>
+        </li>
+        <li class="nav-item" role="presentation">
+            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">부족한 재고</button>
+        </li>
+    </ul>
+    <div class="tab-content" id="myTabContent">
+        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
+            <div class="container-fluid">
+                <div class="col-12">
+                    <form>
+                        <div class="input-group mb-3 w-30 col-centered">
+                            <div class="w-25">
+                                <select class="form-select" name="searchn" id="searchn">
+                                    <option value="0">제품명</option>
+                                    <option value="1">카테고리</option>
+                                    <option value="2">재고수</option>
+                                </select>
+                            </div>
+                            <input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+                            <button class="btn btn-info" type="button" id="searchBtn">검색</button>
 
-        <!-- 엑셀 다운로드-->
-        <div class="excelButton" align="left">
-            <button id="excelButton" value="excelButton">다운로드</button>
-        </div>
-        <div id="page" align="center">
-            <c:if test="${begin > pageNum }">
-                <a href="list?p=${begin-1 }">[<]</a>
-            </c:if>
-            <c:forEach begin="${begin }" end="${end}" var="i">
-                <a href="list?p=${i}">${i}</a>
-            </c:forEach>
-            <c:if test="${end < totalPages }">
-                <a href="list?p=${end+1}">[>]</a>
-            </c:if>
-        </div>
+                            <!-- 페이징작업용 -->
+                            <input type="hidden" id="searchn1" value="${searchn}">
+                            <input type="hidden" id="search1" value="${search}">
+                            <!-- 페이징작업용 -->
 
-        <div class="createButton" align="right">
-            <button id="createButton" href="create">생성</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row row-table">
+                    <div class="col-12">
+                        <table class="table">
+                            <thead class="table-dark">
+                            <tr>
+                                <th>번호</th>
+                                <th>제품명</th>
+                                <th>카테고리</th>
+                                <th>재고수</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <c:forEach items="${slist }" var="dto">
+                                <tr class="detailTr col-5" data-id="${dto.id}" >
+                                    <td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
+                                    <td class="col-1">${dto.productName }</td>
+                                    <td class="col-1">${dto.cls_nm_4 }</td>
+                                    <td class="col-1">${dto.quantity}</td>
+                                </tr>
+                            </c:forEach>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row row-buttons">
+                    <div class="col-3 text-start">
+                        <img width="50" height="50" src="https://img.icons8.com/color/48/ms-excel.png" alt="ms-excel"/>
+                        <button type="button" class="btn btn-success" id="download">다운로드</button>
+                    </div>
+                    <div class="col-6 d-flex justify-content-center">
+                        <nav>
+                            <ul class="pagination">
+
+                                <c:if test="${begin > pageNum }">
+                                    <li class="page-item">
+                                        <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+                                    </li>
+                                </c:if>
+                                <c:forEach begin="${begin }" end="${end }" var="i">
+                                    <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                                        <a href="javascript:void(0);" class="page-link " onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+                                    </li>
+                                </c:forEach>
+                                <c:if test="${end < totalPages }">
+                                    <li class="page-item">
+                                        <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
+                                    </li>
+                                </c:if>
+                            </ul>
+                        </nav>
+                    </div>
+                    <div class="col-3 text-end">
+                        <button type="button" class="btn btn-primary" id="createButton">생성</button>
+                    </div>
+                </div><!-- row row-buttons -->
+            </div>
         </div>
 
 
+        <!--탭내용 2-->
+        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
+            <div class="container-fluid">
+                <div class="col-12">
+                    <form>
+                        <div class="input-group mb-3 w-30 col-centered">
+                            <div class="w-25">
+                                <select class="form-select" name="searchn" id="searchn2">
+                                    <option value="0">제품명</option>
+                                    <option value="1">카테고리</option>
+                                    <option value="2">재고수</option>
+                                </select>
+                            </div>
+                            <input type="text" id="search2" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+                            <button class="btn btn-info" type="button" id="searchBtn2">검색</button>
+
+                            <!-- 페이징작업용 -->
+                            <input type="hidden" id="searchn22" value="${searchn2}">
+                            <input type="hidden" id="search22" value="${search2}">
+                            <!-- 페이징작업용 -->
+
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row row-table">
+                    <div class="col-12">
+                        <table class="table">
+                            <thead class="table-dark">
+                            <tr>
+                                <th>번호</th>
+                                <th>제품명</th>
+                                <th>카테고리</th>
+                                <th>재고수</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <c:forEach items="${slist2 }" var="dto">
+                                <tr class="detailTr col-5" data-id="${dto.id}" >
+                                    <td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
+                                    <td class="col-1">${dto.productName }</td>
+                                    <td class="col-1">${dto.cls_nm_4 }</td>
+                                    <td class="col-1">${dto.quantity }</td>
+                                </tr>
+                            </c:forEach>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="container-fluid">
+                <div class="row row-buttons">
+                    <div class="col-3 text-start">
+                        <img width="50" height="50" src="https://img.icons8.com/color/48/ms-excel.png" alt="ms-excel"/>
+                        <button type="button" class="btn btn-success" id="download2">다운로드</button>
+                    </div>
+                    <div class="col-6 d-flex justify-content-center">
+                        <nav>
+                            <ul class="pagination">
+
+                                <c:if test="${begin2 > pageNum2 }">
+                                    <li class="page-item">
+                                        <a href="javascript:void(0);" class="page-link" onclick="pageingFunction2(this.id)" id="${begin2 - 1 }">&lt;</a>
+                                    </li>
+                                </c:if>
+                                <c:forEach begin="${begin2 }" end="${end2 }" var="i">
+                                    <li class="page-item <c:if test="${p2 == i}"> active </c:if>">
+                                        <a href="javascript:void(0);" class="page-link " onclick="pageingFunction2(this.id); return false;" id="${i }">${i }</a>
+                                    </li>
+                                </c:forEach>
+                                <c:if test="${end2 < totalPages2 }">
+                                    <li class="page-item">
+                                        <a href="javascript:void(0);" class="page-link" onclick="pageingFunction2(this.id)" id="${end2 + 1 }">&gt;</a>
+                                    </li>
+                                </c:if>
+                            </ul>
+                        </nav>
+                    </div>
+                    <div class="col-3 text-end">
+                        <button type="button" class="btn btn-primary" id="createButton2">생성</button>
+                    </div>
+                </div><!-- row row-buttons -->
+            </div>
+        </div>
     </div>
 
-    </c:if>
-    </div>
-    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-        탭2 내용
-    </div>
-</div>
 </div>
 
-
-</body>
-
-<script src="utils.js" type="text/javascript"></script>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script>
 
 
+    $(document).ready(function(){
+        //POST방식으로 create폼화면 출력
 
-    /*엑셀 다운로드 클릭 펑션 */
-    $("#excelButton").click(function(){
-        const columns = [
-            {name: '번호', key: 'id'},
-            {name: '제품명', key: 'product_name'},
-            {name: '창고명', key: 'warehouse_name'},
-            {name: '재고수', key: 'quantity'},
-            {name: '카테고리', key: 'cls_Nm_4'}
+        //탭 1 생성 버튼
+        $("#createButton").on("click",function(){
+            var form = document.createElement("form");
+            form.action = "/stock/create";
+            form.method = "POST";
+            document.body.appendChild(form);
+            form.submit();
+        });
 
-        ];
+        //탭 2 생성 버튼
+        $("#createButton2").on("click",function(){
+            var form = document.createElement("form");
+            form.action = "/stock/create";
+            form.method = "POST";
+            document.body.appendChild(form);
+            form.submit();
+        });
 
-        exportExcel(e, 'sheet', columns, list, 'stock');
-    })
+        $("body").on("click", ".detailTr", function(){
+            var id = $(this).data("id");
+
+            var form = document.createElement("form");
+            form.action = "/stock/read";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        });
+
+        //탭 1 검색기능
+        $("#searchBtn").on("click",function(){
+
+            var searchn = $("#searchn").val();
+            var search = $("#search").val();
 
 
+            var form = document.createElement("form");
+            form.action = "/stock/list";
+            form.method = "get";
+
+            var input1 = document.createElement("input");
+            input1.type = "hidden";
+            input1.name = "searchn";
+            input1.value = searchn;
+            form.appendChild(input1);
+
+            var input2 = document.createElement("input");
+            input2.type = "hidden";
+            input2.name = "search";
+            input2.value = search;
+            form.appendChild(input2);
+
+            var input3 = document.createElement("input");
+            input3.type = "hidden";
+            input3.name = "p";
+            input3.value = 1;
+            form.appendChild(input3);
+
+            document.body.appendChild(form);
+            form.submit();
+
+        });
+
+
+        //탭 2 검색기능
+        $("#searchBtn2").on("click",function(){
+
+            var searchn = $("#searchn2").val();
+            var search = $("#search2").val();
+
+
+            var form = document.createElement("form");
+            form.action = "/stock/list2";
+            form.method = "get";
+
+            var input1 = document.createElement("input");
+            input1.type = "hidden";
+            input1.name = "searchn";
+            input1.value = searchn;
+            form.appendChild(input1);
+
+            var input2 = document.createElement("input");
+            input2.type = "hidden";
+            input2.name = "search";
+            input2.value = search;
+            form.appendChild(input2);
+
+            var input3 = document.createElement("input");
+            input3.type = "hidden";
+            input3.name = "p";
+            input3.value = 1;
+            form.appendChild(input3);
+
+            document.body.appendChild(form);
+            form.submit();
+
+        });
+
+
+
+    });//ready
+
+
+    //탭 1 페이징
+    function pageingFunction(clickedId){
+        var searchn1 = $("#searchn1").val();
+        var search1 = $("#search1").val();
+
+        var form = document.createElement("form");
+        form.action = "/stock/list";
+        form.method = "get";
+
+        var input1 = document.createElement("input");
+        input1.type = "hidden";
+        input1.name = "searchn";
+        input1.value = searchn1;
+        form.appendChild(input1);
+
+        var input2 = document.createElement("input");
+        input2.type = "hidden";
+        input2.name = "search";
+        input2.value = search1;
+        form.appendChild(input2);
+
+        var input3 = document.createElement("input");
+        input3.type = "hidden";
+        input3.name = "p";
+        input3.value = clickedId;
+        form.appendChild(input3);
+
+        document.body.appendChild(form);
+        form.submit();
+    }
+
+    //탭 2 페이징
+    function pageingFunction2(clickedId){
+        var searchn2 = $("#searchn22").val();
+        var search2 = $("#search22").val();
+
+        var form = document.createElement("form");
+        form.action = "/stock/list2";
+        form.method = "get";
+
+        var input1 = document.createElement("input");
+        input1.type = "hidden";
+        input1.name = "searchn";
+        input1.value = searchn2;
+        form.appendChild(input1);
+
+        var input2 = document.createElement("input");
+        input2.type = "hidden";
+        input2.name = "search";
+        input2.value = search2;
+        form.appendChild(input2);
+
+        var input3 = document.createElement("input");
+        input3.type = "hidden";
+        input3.name = "p";
+        input3.value = clickedId;
+        form.appendChild(input3);
+
+        document.body.appendChild(form);
+        form.submit();
+    }
 </script>
-</html>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/stock/read.jsp b/src/main/webapp/WEB-INF/views/stock/read.jsp
new file mode 100644
index 0000000..8fe410e
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/stock/read.jsp
@@ -0,0 +1,190 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+
+<div class="mt-5 mb-5 text-center">
+    <h1>재고 상세페이지</h1>
+    <div class="col-10" style="text-align: right">
+        <button type="button" class="btn btn-danger" id="yes_no_modal_show">삭제</button>
+    </div>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <div class="ulTag">
+        <div class="row">
+            <div class="col-12">
+
+                <input type="hidden" class="form-control" aria-label="id" id="id" value="${dto.id}" readonly>
+                <input type='hidden' id="activation" value="1">
+
+
+                <!--제품 관련 -->
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Product_label' class="input-group-text">제품</span>
+                    <input readonly id="stock_pro_name" type="text" class="form-control" placeholder="제품 검색" value="${dto.productName}">
+                    <input hidden name="ProductName" id="product_id" value="${dto.productId}">
+                    <%--                        <button id="product_search_button" class="btn-primary btn" onclick="showSearchModals('제품 검색','product_category_company_search')">검색</button>--%>
+                </div>
+
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Category_label' class="input-group-text">카테고리</span>
+                    <input readonly id="stock_category_name" type="text" class="form-control" placeholder="" value="${dto.cls_nm_4}">
+                </div>
+
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Company_name_label' class="input-group-text">제조사</span>
+                    <input readonly id="stock_company_name_name" type="text" class="form-control" placeholder="" value="${dto.company_name}">
+                </div>
+
+
+                <!--창고 관련 -->
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Warehouse_label' class="input-group-text">창고</span>
+                    <input readonly id="warehouse_name" type="text" class="form-control" placeholder="창고 검색" value="${dto.warehouseName}">
+                    <input hidden name="product_id" id="warehouse_id" value="${dto.warehouseId}">
+                    <%--                        <button id="Warehouse_search_button" class="btn-primary btn" onclick="showSearchModals('창고 검색','warehouse_capacity_currentCapacity')">검색</button>--%>
+                </div>
+
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Address_label' class="input-group-text">주소</span>
+                    <input readonly id="Address_name" type="text" class="form-control" placeholder="" value="${dto.address}">
+                </div>
+
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span id='Capacity_label' class="input-group-text">용적</span>
+                    <input readonly id="Capacity_name" type="text" class="form-control" placeholder="" value="${dto.capacity}">
+                </div>
+
+
+                <!--적재할 상품의 재고수-->
+                <div class="input-group mb-3 w-40 col-centered">
+                    <span class="input-group-text" id="basic-addon4">재고량</span>
+                    <input type="text" name="quantity" id="quantity" class="form-control"
+                           placeholder="재고량을 입력하세요" aria-label="재고량" value="${dto.quantity }"
+                           aria-describedby="basic-addon1" readonly>
+                </div>
+
+
+
+
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12 ">
+            <div class="w-40 col-centered" style="text-align: right">
+                <button type="button" class="btn btn-success" id="checkBtn">확인</button>
+                <button type="button" class="btn btn-secondary" id="modifyBtn">수정</button>
+
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="yes_no_modal_stock_delete" tabindex="-1" aria-labelledby="exampleModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="yesNoModalLabel">삭제 하시겠습니까?</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+                <button id="modal_yes_button_stock_delete" type="button" class="modal_yes btn btn-primary">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+
+    function showSearchModals(title, val){
+        $("#searchModalLabel").text(title);
+        const data = { name : val};
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/stock/show_modal',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    }
+
+
+    $(document).ready(function () {
+        $("#modifyBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var form = document.createElement("form");
+            form.action = "/stock/update";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        })
+
+        $("#checkBtn").on("click", function () {
+            $(location).attr("href", "/stock/list");
+
+        })
+
+        yesNoModal.yesFunction1 = deleteStockFunction;
+
+        function deleteStockFunction() {
+            var id = $("#id").val();
+            var warehouse_id = $("#warehouse_id").val();
+            var quantity = $("#quantity").val();
+
+            $.ajax({
+                url: "/stock/delete",
+                type: "delete",
+                data: {
+                    "id": id,
+                    "warehouseId": warehouse_id,
+                    "quantity" : quantity
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("삭제되었습니다.");
+                    $(location).attr("href", "/stock/list");
+                } else {
+                    alert("정상적으로 삭제되지 않았습니다..");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        }//deleteCategoryFunction
+
+        const yesNoModalBootStrap = new bootstrap.Modal("#yes_no_modal_stock_delete");
+
+        $("#yes_no_modal_show").on("click", function () {
+            yesNoModalBootStrap.show();
+        });
+
+        $("#modal_yes_button_stock_delete").on("click", function () {
+            console.log("삭제 버튼 클릭 이벤트 실행");
+            yesNoModal.yesFunction1();
+            yesNoModalBootStrap.hide();
+        });
+
+
+    });
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/stock/update.jsp b/src/main/webapp/WEB-INF/views/stock/update.jsp
new file mode 100644
index 0000000..a9982ff
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/stock/update.jsp
@@ -0,0 +1,200 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+
+
+<div class="mt-5 mb-5 text-center">
+    <h1>재고 수정</h1>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+
+                    <input type="hidden" class="form-control" aria-label="id" id="id" value="${dto.id }" readonly>
+                    <input type='hidden' id="activation" value="1">
+
+
+                    <!--제품 관련 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Product_label' class="input-group-text">제품</span>
+                        <input readonly id="stock_pro_name" type="text" class="form-control" placeholder="제품 검색" value="${dto.productName}">
+                        <input hidden name="ProductName" id="product_id" value="${dto.productId}">
+                        <%--                        <button id="product_search_button" class="btn-primary btn" onclick="showSearchModals('제품 검색','product_category_company_search')">검색</button>--%>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Category_label' class="input-group-text">카테고리</span>
+                        <input readonly id="stock_category_name" type="text" class="form-control" placeholder="" value="${dto.cls_nm_4}">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Company_name_label' class="input-group-text">제조사</span>
+                        <input readonly id="stock_company_name_name" type="text" class="form-control" placeholder="" value="${dto.company_name}">
+                    </div>
+
+
+                    <!--창고 관련 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Warehouse_label' class="input-group-text">창고</span>
+                        <input readonly id="warehouse_name" type="text" class="form-control" placeholder="창고 검색" value="${dto.company_name}">
+                        <input hidden name="product_id" id="warehouse_id" value="${dto.warehouseId}">
+                        <%--                        <button id="Warehouse_search_button" class="btn-primary btn" onclick="showSearchModals('창고 검색','warehouse_capacity_currentCapacity')">검색</button>--%>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Address_label' class="input-group-text">주소</span>
+                        <input readonly id="Address_name" type="text" class="form-control" placeholder="" value="${dto.address}">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='Capacity_label' class="input-group-text">용적</span>
+                        <input readonly id="Capacity_name" type="text" class="form-control" placeholder="" value="${dto.capacity}">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span id='RemainingCapacity_label' class="input-group-text">재고량 한도</span>
+                        <input readonly id="remainingcapacity" type="text" placeholder="" value="${dto.capacity - dto.current_capacity + dto.quantity}" class="form-control">
+                    </div>
+
+                    <!--적재할 상품의 재고수-->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">기존 재고량</span>
+                        <input type="text" name="quantity" id="quantity" class="form-control"
+                               placeholder="재고량을 입력하세요" aria-label="재고량" value="${dto.quantity }" readonly
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">수정 할 재고량</span>
+                        <input type="text" name="quantity" id="quantityAdjustment" class="form-control"
+                               placeholder="재고량을 입력하세요" aria-label="재고량"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+
+
+
+
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-success" id="updateBtn">수정 완료</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+
+                </div>
+            </div>
+        </div>
+</div>
+<script>
+
+
+
+    function showSearchModals(title, val){
+        $("#searchModalLabel").text(title);
+        const data = { name : val};
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/stock/show_modal',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    }
+
+
+    $(document).ready(function () {
+        $("#updateBtn").on("click", function () {
+            var product_id = $("#product_id").val();
+            var warehouse_id = $("#warehouse_id").val();
+            var quantity = $("#quantity").val();
+            var activation = $("#activation").val();
+            var remainingcapacity = $("#remainingcapacity").val();
+            var id = $("#id").val();
+            var quantityAdjustment = $("#quantityAdjustment").val();
+
+
+            if (!product_id) {
+                alert("제품을 선택해야 합니다.");
+                $("#product_id").focus();
+                return false;
+            }
+            if (!warehouse_id) {
+                alert("적재할 창고를 선택해야 합니다.");
+                $("#warehouse_id").focus();
+                return false;
+            }
+
+            if (!quantity) {
+                alert("재고량를 입력해야 합니다.");
+                $("#quantity").focus();
+                return false;
+            }
+
+            if (quantity > remainingcapacity) {
+                alert("적재 할 재고량이 재고량 한도를 넘을 수 없습니다.");
+                $("#quantity").focus();
+                return false;
+            }
+
+            $.ajax({
+                url: "/stock/update_process",
+                type: "put",
+                data: {
+                    "id": id,
+                    "warehouseId": warehouse_id,
+                    "quantity": quantity,
+                    "activation": activation,
+                    "quantityAdjustment": quantityAdjustment
+
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("재고 정보가 수정되었습니다.");
+
+                    var form = document.createElement("form");
+                    form.action = "/stock/read";
+                    form.method = "POST";
+                    document.body.appendChild(form);
+
+                    var input = document.createElement("input");
+                    input.type = "hidden";
+                    input.name = "name";
+                    input.value = name;
+                    form.appendChild(input);
+
+                    form.submit();
+
+                    window.location.href = "/stock/list";
+                } else {
+                    alert("재고 정보 수정에 실패하였습니다.");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        })
+
+        $("#cancelBtn").on("click", function () {
+            $(location).attr("href", "/stock/list");
+
+        })
+
+
+
+    });
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/vendor/create.jsp b/src/main/webapp/WEB-INF/views/vendor/create.jsp
new file mode 100644
index 0000000..2a931b4
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/vendor/create.jsp
@@ -0,0 +1,253 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>거래처 생성</title>
+    <style>
+        .body {
+            text-align: center;
+        }
+
+        .col-centered {
+            margin: 0 auto;
+            float: none;
+        }
+
+        .col-margin-left-32 {
+            margin-left: 32%;
+        }
+
+
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+    <h1>거래처 생성</h1>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+
+                    <%--                     세션 만들어지고 value 수정--%>
+
+                        <input type='hidden' id="managerId" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
+                        <input type='hidden' id="activation" value="1">
+
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" name="name" id="name" class="form-control"
+                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+                    <!-- 설명만 있는 입력 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" name="presidentName" id="presidentName" class="form-control"
+                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.presidentName }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" name="address" id="address" class="form-control"
+                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" name="registrationNumber" id="registrationNumber" class="form-control"
+                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registrationNumber }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" name="email" id="email" class="form-control"
+                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" name="presidentTelephone" id="presidentTelephone" class="form-control"
+                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.presidentTelephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" name="vendorManager" id="vendorManager" class="form-control"
+                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendorManager }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" name="vendorManagerTelephone" id="vendorManagerTelephone" class="form-control"
+                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendorManagerTelephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" name="mainProduct" id="mainProduct" class="form-control"
+                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.mainProduct }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-success" id="submitBtn">생성</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+
+                </div>
+            </div>
+        </div>
+    </form>
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script>
+        $(document).ready(function () {
+
+
+            $("#submitBtn").on("click", function () {
+                var managerId = $("#managerId").val();
+
+                var name = $("#name").val();
+                var presidentName = $("#presidentName").val();
+                var address = $("#address").val();
+                var registrationNumber = $("#registrationNumber").val();
+                var email = $("#email").val();
+                var presidentTelephone = $("#presidentTelephone").val();
+                var vendorManager = $("#vendorManager").val();
+                var vendorManagerTelephone = $("#vendorManagerTelephone").val();
+                var mainProduct = $("#mainProduct").val();
+                var activation = $("#activation").val();
+
+                if (!name) {
+                    alert("업체명을 입력해야 합니다.");
+                    $("#name").focus();
+                    return false;
+                }
+                if (!presidentName) {
+                    alert("대표자명을 입력해야 합니다.");
+                    $("#presidentName").focus();
+                    return false;
+                }
+
+                if (!address) {
+                    alert("주소를 입력해야 합니다.");
+                    $("#address").focus();
+                    return false;
+                }
+
+                if (!registrationNumber) {
+                    alert("사업자등록번호를 입력해야 합니다.");
+                    $("#registrationNumber").focus();
+                    return false;
+                }
+
+                if (!email) {
+                    alert("Email을 입력해야 합니다.");
+                    $("#email").focus();
+                    return false;
+                }
+
+                if (!presidentTelephone) {
+                    alert("대표번호를 입력해야 합니다.");
+                    $("#presidentTelephone").focus();
+                    return false;
+                }
+
+                if (!vendorManager) {
+                    alert("거래처 담당자 이름을 입력해야 합니다.");
+                    $("#vendorManager").focus();
+                    return false;
+                }
+
+                if (!vendorManagerTelephone) {
+                    alert("거래처 담당자 연락 번호를 입력해야 합니다.");
+                    $("#vendorManagerTelephone").focus();
+                    return false;
+                }
+
+                if (!mainProduct) {
+                    alert("주요품목을 입력해야 합니다.");
+                    $("#mainProduct").focus();
+                    return false;
+                }
+
+                $.ajax({
+                    url: "/vendor/create_process",
+                    type: "post",
+                    data: {
+                        "managerId": managerId,
+
+                        "name": name,
+                        "presidentName": presidentName,
+                        "address": address,
+                        "registrationNumber": registrationNumber,
+                        "email": email,
+                        "presidentTelephone": presidentTelephone,
+                        "vendorManager": vendorManager,
+                        "vendorManagerTelephone": vendorManagerTelephone,
+                        "mainProduct": mainProduct,
+                        "activation" : activation
+
+                    },
+                    datatype: "json"
+                }).done(function (data) {
+                    if (data == true) {
+                        alert("거래처가 생성되었습니다.");
+
+                        var form = document.createElement("form");
+                        form.action = "/vendor/read";
+                        form.method = "POST";
+                        document.body.appendChild(form);
+
+                        var input = document.createElement("input");
+                        input.type = "hidden";
+                        input.name = "name";
+                        input.value = name;
+                        form.appendChild(input);
+
+                        form.submit();
+
+                        window.location.href = "/vendor/list";
+                    } else {
+                        alert("거래처 생성에 실패하였습니다.");
+                    }
+                }).fail(function () {
+                    alert("오류가 발생했습니다.");
+                }).always(function () {
+                    //
+                });
+
+            })
+
+            $("#cancelBtn").on("click", function () {
+                $(location).attr("href", "/vendor/list");
+
+            })
+
+
+        });
+    </script>
+
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/vendor/list.jsp b/src/main/webapp/WEB-INF/views/vendor/list.jsp
new file mode 100644
index 0000000..9bd2736
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/vendor/list.jsp
@@ -0,0 +1,203 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>거래처 관리</title>
+</head>
+<body>
+	<div class="mt-5 mb-5 text-center">
+		<h1>거래처 관리</h1>
+	</div>
+	<hr>
+	<div class="body">
+		<div class="container-fluid">
+			<div class="col-12">
+				<form>
+					<div class="input-group mb-3 w-30 col-centered">
+						<div class="w-25">
+						<select class="form-select" name="searchn" id="searchn">
+							<option value="0">업체명</option>
+							<option value="1">대표번호</option>
+							<option value="2">거래처 담당자</option>
+							<option value="3">거래처 담당자 전화번호</option>
+						</select>
+						</div>
+						<input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+						<button class="btn btn-info" type="button" id="searchBtn">검색</button>
+						
+						<!-- 페이징작업용 -->
+						<input type="hidden" id="searchn1" value="${searchn}">
+						<input type="hidden" id="search1" value="${search}">
+						<!-- 페이징작업용 -->
+						
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="container-fluid">
+			<div class="row row-table">
+				<div class="col-12">	
+					<table class="table">
+						<thead class="table-dark">
+							<tr>
+								<th>번호</th>
+								<th>업체명</th>
+								<th>대표번호</th>
+								<th>거래처 담당자</th>
+								<th>거래처 담당자 전화번호</th>
+
+							</tr>
+						</thead>
+							<tbody>
+								<c:forEach items="${vlist }" var="dto">
+									<tr class="detailTr col-5" data-id="${dto.id}" >
+										<td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
+										<td class="col-1">${dto.name }</td>
+										<td class="col-1">${dto.presidentTelephone }</td>
+										<td class="col-1">${dto.vendorManager }</td>
+										<td class="col-1">${dto.vendorManagerTelephone }</td>
+									</tr>
+								</c:forEach>
+							</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+		<div class="container-fluid">
+			<div class="row row-buttons">
+				<div class="col-3 text-start">
+					<img width="50" height="50" src="https://img.icons8.com/color/48/ms-excel.png" alt="ms-excel"/>
+					<button type="button" class="btn btn-success" id="uploadExcel">업로드</button>
+					<button type="button" class="btn btn-success" id="download">다운로드</button>
+				</div>
+				<div class="col-6 d-flex justify-content-center">
+					<nav>
+						<ul class="pagination">
+							
+	                        <c:if test="${begin > pageNum }">
+	                            <li class="page-item">
+	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+	                            </li>
+	                        </c:if>
+	                        <c:forEach begin="${begin }" end="${end }" var="i">
+	                            <li class="page-item <c:if test="${p == i}"> active </c:if>">
+	                                <a href="javascript:void(0);" class="page-link " onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+	                            </li>
+	                        </c:forEach>
+	                        <c:if test="${end < totalPages }">
+	                            <li class="page-item">
+	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
+	                            </li>
+	                        </c:if>
+                    	</ul>
+					</nav>
+				</div>
+				<div class="col-3 text-end">
+					<button type="button" class="btn btn-primary" id="createButton">생성</button>
+				</div>	
+			</div><!-- row row-buttons -->
+		</div>
+	</div>
+	
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>	
+	<script>
+	
+	
+	$(document).ready(function(){
+		//POST방식으로 create폼화면 출력
+		$("#createButton").on("click",function(){
+			var form = document.createElement("form");
+			form.action = "/vendor/create";
+			form.method = "POST";
+			document.body.appendChild(form);
+			form.submit();
+		});
+	
+		 $("body").on("click", ".detailTr", function(){
+		    var id = $(this).data("id");
+			
+			var form = document.createElement("form");
+			form.action = "/vendor/read";
+			form.method = "POST";
+			document.body.appendChild(form);
+			
+			var input = document.createElement("input");
+			input.type = "hidden";
+			input.name = "id";
+			input.value = id;
+			form.appendChild(input);
+			
+			form.submit();
+
+		});
+		 
+		//검색기능
+		$("#searchBtn").on("click",function(){
+			
+			var searchn = $("#searchn").val();
+			var search = $("#search").val();
+			
+			var form = document.createElement("form");
+			form.action = "/vendor/list";
+			form.method = "get";
+			
+			var input1 = document.createElement("input");
+			input1.type = "hidden";
+			input1.name = "searchn";
+			input1.value = searchn;
+			form.appendChild(input1);
+			
+			var input2 = document.createElement("input");
+			input2.type = "hidden";
+			input2.name = "search";
+			input2.value = search;
+			form.appendChild(input2);
+			
+			var input3 = document.createElement("input");
+			input3.type = "hidden";
+			input3.name = "p";
+			input3.value = 1;
+			form.appendChild(input3);
+			
+			document.body.appendChild(form);
+			form.submit();
+
+		});
+		
+		
+		 
+	});//ready
+	function pageingFunction(clickedId){
+		var searchn1 = $("#searchn1").val();
+		var search1 = $("#search1").val();
+		
+		var form = document.createElement("form");
+		form.action = "/vendor/list";
+		form.method = "get";
+		
+		var input1 = document.createElement("input");
+		input1.type = "hidden";
+		input1.name = "searchn";
+		input1.value = searchn1;
+		form.appendChild(input1);
+		
+		var input2 = document.createElement("input");
+		input2.type = "hidden";
+		input2.name = "search";
+		input2.value = search1;
+		form.appendChild(input2);
+		
+		var input3 = document.createElement("input");
+		input3.type = "hidden";
+		input3.name = "p";
+		input3.value = clickedId;
+		form.appendChild(input3);
+		
+		document.body.appendChild(form);
+		form.submit();
+	}
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/vendor/read.jsp b/src/main/webapp/WEB-INF/views/vendor/read.jsp
new file mode 100644
index 0000000..3dcc24f
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/vendor/read.jsp
@@ -0,0 +1,181 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>거래처 상세페이지</title>
+    <style type="text/css">
+        .header {
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+
+    <div class="row">
+        <h1>거래처 상세페이지</h1>
+        <div class="col-10" style="text-align: right">
+            <button type="button" class="btn btn-danger" id="yes_no_modal_show">삭제</button>
+        </div>
+    </div>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+                    <input type="hidden" class="form-control" aria-label="id" id="id" value="${One.id }" readonly>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" class="form-control" aria-label="창고명" value="${One.name }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" class="form-control" aria-label="용적" value="${One.presidentName }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.address }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.registrationNumber }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.email }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.presidentTelephone }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendorManager }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendorManagerTelephone }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.mainProduct }" readonly>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+
+</div>
+</div>
+<div>
+    <hr>
+</div>
+<div class="col-10" style="text-align: right">
+    <button type="button" class="btn btn-primary" id="checkBtn">확인</button>
+    <button type="button" class="btn btn-warning" id="modifyBtn">
+        수정
+    </button>
+</div>
+<div class="modal fade" id="yes_no_modal_vendor_delete" tabindex="-1" aria-labelledby="exampleModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="yesNoModalLabel">삭제 하시겠습니까?</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+                <button id="modal_yes_button_vendor_delete" type="button" class="modal_yes btn btn-primary">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(document).ready(function () {
+        $("#checkBtn").on("click", function () {
+            $(location).attr("href", "/vendor/list");
+        })//checkBtn click
+
+        $("#modifyBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var form = document.createElement("form");
+            form.action = "/vendor/update";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        })//modifyBtn click
+
+
+        yesNoModal.yesFunction = deleteVendorFunction;
+
+
+        function deleteVendorFunction() {
+            var id = $("#id").val();
+            $.ajax({
+                url: "/vendor/delete",
+                type: "delete",
+                data: {
+                    "id": id
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("삭제되었습니다.");
+                    $(location).attr("href", "/vendor/list");
+                } else {
+                    alert("정상적으로 삭제되지 않았습니다..");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        }//deleteCategoryFunction
+
+        const yesNoModalBootStrap = new bootstrap.Modal("#yes_no_modal_vendor_delete");
+
+        $("#yes_no_modal_show").on("click", function () {
+            yesNoModalBootStrap.show();
+        });
+
+        $("#modal_yes_button_vendor_delete").on("click", function () {
+            yesNoModal.yesFunction();
+            yesNoModalBootStrap.hide();
+        });
+
+    });//ready
+
+
+</script>
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/views/vendor/update.jsp b/src/main/webapp/WEB-INF/views/vendor/update.jsp
new file mode 100644
index 0000000..39417ab
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/vendor/update.jsp
@@ -0,0 +1,263 @@
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>창고 정보 수정페이지</title>
+    <style>
+        .body {
+            text-align: center;
+        }
+
+        .col-centered {
+            margin: 0 auto;
+            float: none;
+        }
+
+        .col-margin-left-32 {
+            margin-left: 32%;
+        }
+
+
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+    <h1>창고 정보 수정페이지</h1>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12" style="text-align: center;">
+
+                    <input type="hidden" id="id" value="${dto.id }">
+                    <input type='hidden' id="managerId" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
+                    <input type='hidden' id="activation" value="1">
+
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" name="name" id="name" class="form-control"
+                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+                    <!-- 설명만 있는 입력 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" name="presidentName" id="presidentName" class="form-control"
+                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.presidentName }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" name="address" id="address" class="form-control"
+                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" name="registrationNumber" id="registrationNumber" class="form-control"
+                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registrationNumber }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" name="email" id="email" class="form-control"
+                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" name="presidentTelephone" id="presidentTelephone" class="form-control"
+                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.presidentTelephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" name="vendorManager" id="vendorManager" class="form-control"
+                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendorManager }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" name="vendorManagerTelephone" id="vendorManagerTelephone" class="form-control"
+                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendorManagerTelephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" name="mainProduct" id="mainProduct" class="form-control"
+                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.mainProduct }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-primary" id="updateBtn">수정 완료</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script>
+    $(document).ready(function () {
+        $("#updateBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var managerId = $("#managerId").val();
+
+            var name = $("#name").val();
+            var presidentName = $("#presidentName").val();
+            var address = $("#address").val();
+            var registrationNumber = $("#registrationNumber").val();
+            var email = $("#email").val();
+            var presidentTelephone = $("#presidentTelephone").val();
+            var vendorManager = $("#vendorManager").val();
+            var vendorManagerTelephone = $("#vendorManagerTelephone").val();
+            var mainProduct = $("#mainProduct").val();
+            var activation = $("#activation").val();
+
+            if (!name) {
+                alert("업체명을 입력해야 합니다.");
+                $("#name").focus();
+                return false;
+            }
+            if (!presidentName) {
+                alert("대표자명을 입력해야 합니다.");
+                $("#presidentName").focus();
+                return false;
+            }
+
+            if (!address) {
+                alert("주소를 입력해야 합니다.");
+                $("#address").focus();
+                return false;
+            }
+
+            if (!registrationNumber) {
+                alert("사업자등록번호를 입력해야 합니다.");
+                $("#registrationNumber").focus();
+                return false;
+            }
+
+            if (!email) {
+                alert("Email을 입력해야 합니다.");
+                $("#email").focus();
+                return false;
+            }
+
+            if (!presidentTelephone) {
+                alert("대표번호를 입력해야 합니다.");
+                $("#presidentTelephone").focus();
+                return false;
+            }
+
+            if (!vendorManager) {
+                alert("거래처 담당자 이름을 입력해야 합니다.");
+                $("#vendorManager").focus();
+                return false;
+            }
+
+            if (!vendorManagerTelephone) {
+                alert("거래처 담당자 연락 번호를 입력해야 합니다.");
+                $("#vendorManagerTelephone").focus();
+                return false;
+            }
+
+            if (!mainProduct) {
+                alert("주요품목을 입력해야 합니다.");
+                $("#mainProduct").focus();
+                return false;
+            }
+
+
+            $.ajax({
+                url: "/vendor/update_process",
+                type: "put",
+                data: {
+                    "id": id,
+                    "managerId": managerId,
+
+                    "name": name,
+                    "presidentName": presidentName,
+                    "address": address,
+                    "registrationNumber": registrationNumber,
+                    "email": email,
+                    "presidentTelephone": presidentTelephone,
+                    "vendorManager": vendorManager,
+                    "vendorManagerTelephone": vendorManagerTelephone,
+                    "mainProduct": mainProduct,
+                    "activation" : activation
+
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("거래처를 수정하였습니다.");
+
+                    var form = document.createElement("form");
+                    form.action = "/vendor/read";
+                    form.method = "POST";
+                    document.body.appendChild(form);
+
+                    var input = document.createElement("input");
+                    input.type = "hidden";
+                    input.name = "id";
+                    input.value = id;
+                    form.appendChild(input);
+
+                    form.submit();
+
+                } else {
+                    alert("거래처 수정에 실패하였습니다.");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        });//updateBtn
+
+        $("#cancelBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var form = document.createElement("form");
+            form.action = "/vendor/read";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        })
+    });//ready
+</script>
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/views/warehouse/create.jsp b/src/main/webapp/WEB-INF/views/warehouse/create.jsp
index 1e41b0b..d2bb1e9 100644
--- a/src/main/webapp/WEB-INF/views/warehouse/create.jsp
+++ b/src/main/webapp/WEB-INF/views/warehouse/create.jsp
@@ -1,25 +1,26 @@
-<%@ page contentType="text/html; charset=UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
     <title>창고 생성</title>
     <style>
-        .body{
+        .body {
             text-align: center;
         }
-        .col-centered{
+
+        .col-centered {
             margin: 0 auto;
             float: none;
         }
-        .col-margin-left-32{
+
+        .col-margin-left-32 {
             margin-left: 32%;
         }
 
 
-
     </style>
 </head>
 <body>
@@ -34,9 +35,10 @@
                 <div class="col-12" style="text-align: center;">
 
 
-                    <-- 세션 만들어지고 value 수정-->
+                    <%--                     세션 만들어지고 value 수정--%>
                     <input type='hidden' id="managerId" value="e9882095-aeb2-11ee-935d-0242ac110006">
-
+                    <input type='hidden' id="currentCapacity" value="0">
+                    <input type='hidden' id="activation" value="1">
 
 
                     <div class="input-group mb-3 w-40 col-centered">
@@ -75,28 +77,29 @@
 
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script>
-        $(document).ready(function() {
+        $(document).ready(function () {
 
 
-
-            $("#submitBtn").on("click", function(){
+            $("#submitBtn").on("click", function () {
                 var managerId = $("#managerId").val();
                 var name = $("#name").val();
                 var capacity = $("#capacity").val();
                 var address = $("#address").val();
+                var currentCapacity = $("#currentCapacity").val();
+                var activation = $("#activation").val();
 
-                if(!name){
+                if (!name) {
                     alert("창고명을 입력해야 합니다.");
                     $("#name").focus();
                     return false;
                 }
-                if(!capacity){
+                if (!capacity) {
                     alert("중분류를 입력해야 합니다.");
                     $("#capacity").focus();
                     return false;
                 }
 
-                if(!address){
+                if (!address) {
                     alert("중분류를 입력해야 합니다.");
                     $("#address").focus();
                     return false;
@@ -107,14 +110,16 @@
                     url: "/warehouse/create_process",
                     type: "post",
                     data: {
-                        "managerId" : managerId,
+                        "managerId": managerId,
                         "name": name,
                         "capacity": capacity,
-                        "address": address
+                        "address": address,
+                        "currentCapacity": currentCapacity,
+                        "activation": activation
 
                     },
-                    datatype:"json"
-                }).done(function(data) {
+                    datatype: "json"
+                }).done(function (data) {
                     if (data == true) {
                         alert("창고가 생성되었습니다.");
 
@@ -130,27 +135,25 @@
                         form.appendChild(input);
 
                         form.submit();
+
+                        window.location.href = "/warehouse/list";
                     } else {
                         alert("창고 생성에 실패하였습니다.");
                     }
-                }).fail(function() {
+                }).fail(function () {
                     alert("오류가 발생했습니다.");
-                }).always(function() {
+                }).always(function () {
                     //
                 });
 
             })
 
-            $("#cancelBtn").on("click", function(){
+            $("#cancelBtn").on("click", function () {
                 $(location).attr("href", "/warehouse/list");
 
             })
 
 
-
-
-
-
         });
     </script>
 
diff --git a/src/main/webapp/WEB-INF/views/warehouse/list.jsp b/src/main/webapp/WEB-INF/views/warehouse/list.jsp
index cba2276..6c05c2d 100644
--- a/src/main/webapp/WEB-INF/views/warehouse/list.jsp
+++ b/src/main/webapp/WEB-INF/views/warehouse/list.jsp
@@ -26,7 +26,7 @@
             <div class="row">
                 <div class="container-fluid">
                     <div class="col-12">
-                        <form action="list">
+                        <form>
                             <div class="input-group mb-3 w-30 col-centered">
                                 <div class="w-25">
                                     <select class="form-select" name="searchn" id="searchn">
@@ -62,11 +62,11 @@
                                 </thead>
                                 <tbody>
                                 <c:forEach items="${wlist }" var="dto">
-                                    <tr class="detailTr" data-id="${dto.id}">
-                                        <td>${start} <c:set var="start" value="${start +1 }"/></td>
-                                        <td>${dto.name }</td>
-                                        <td>${dto.capacity }</td>
-                                        <td>${dto.currentCapacity }</td>
+                                    <tr class="detailTr col-4" data-id="${dto.id}">
+                                        <td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
+                                        <td class="col-1">${dto.name }</td>
+                                        <td class="col-1">${dto.capacity }</td>
+                                        <td class="col-1">${dto.currentCapacity }</td>
                                     </tr>
                                 </c:forEach>
                                 </tbody>
@@ -85,24 +85,29 @@
 
                                     <c:if test="${begin > pageNum }">
                                         <li class="page-item">
-                                            <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+                                            <a href="javascript:void(0);" class="page-link"
+                                               onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
                                         </li>
                                     </c:if>
                                     <c:forEach begin="${begin }" end="${end }" var="i">
                                         <li class="page-item <c:if test="${p == i}"> active </c:if>">
-                                            <a href="javascript:void(0);" class="page-link " onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+                                            <a href="javascript:void(0);" class="page-link "
+                                               onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
                                         </li>
                                     </c:forEach>
                                     <c:if test="${end < totalPages }">
                                         <li class="page-item">
-                                            <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
+                                            <a href="javascript:void(0);" class="page-link"
+                                               onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
                                         </li>
                                     </c:if>
                                 </ul>
                             </nav>
                         </div>
                         <div class="col-3 text-end">
-                            <button type="button" class="btn btn-primary" onclick="window.location.href='/warehouse/create'">생성</button>
+                            <button type="button" class="btn btn-primary"
+                                    onclick="window.location.href='/warehouse/create'">생성
+                            </button>
                         </div>
                     </div>
                 </div>
@@ -135,7 +140,7 @@
         });
 
         //검색기능
-        $("#searchBtn").on("click",function(){
+        $("#searchBtn").on("click", function () {
 
             var searchn = $("#searchn").val();
             var search = $("#search").val();
@@ -169,7 +174,7 @@
 
     });//ready
 
-    function pageingFunction(clickedId){
+    function pageingFunction(clickedId) {
         var searchn1 = $("#searchn1").val();
         var search1 = $("#search1").val();
 
diff --git a/src/main/webapp/WEB-INF/views/warehouse/read.jsp b/src/main/webapp/WEB-INF/views/warehouse/read.jsp
index 6022cce..12fe0e4 100644
--- a/src/main/webapp/WEB-INF/views/warehouse/read.jsp
+++ b/src/main/webapp/WEB-INF/views/warehouse/read.jsp
@@ -79,7 +79,7 @@
                         </thead>
                         <tbody>
                         <c:forEach items="${wlist }" var="dto">
-                            <tr class="detailTr" data-id="${dto.id}">
+                            <tr class="detailTr">
                                 <td>${start} <c:set var="start" value="${start +1 }"/></td>
                                 <td>${dto.name }</td>
                                 <td>${dto.quantity }</td>
@@ -172,10 +172,10 @@
 
 
 
-        yesNoModal.yesFunction = deleteCategoryFunction;
+        yesNoModal.yesFunction = deleteWarehouseFunction;
 
 
-        function deleteCategoryFunction(){
+        function deleteWarehouseFunction(){
             var id = $("#id").val();
             $.ajax({
                 url: "/warehouse/delete",

From 8f377798901cddd9afa34b6a527feee70af38e37 Mon Sep 17 00:00:00 2001
From: sungsuhub <145002081+sungsuhub@users.noreply.github.com>
Date: Tue, 16 Jan 2024 00:13:56 +0900
Subject: [PATCH 3/6] Add files via upload

---
 .../com/no1/wms/vendor/VendorController.java  | 248 +++++++++---------
 .../java/com/no1/wms/vendor/VendorDto.java    |  54 ++--
 .../java/com/no1/wms/vendor/VendorMapper.java |  52 ++--
 .../com/no1/wms/vendor/VendorService.java     | 114 ++++----
 4 files changed, 234 insertions(+), 234 deletions(-)

diff --git a/src/main/java/com/no1/wms/vendor/VendorController.java b/src/main/java/com/no1/wms/vendor/VendorController.java
index 39d21ec..3b7a83f 100644
--- a/src/main/java/com/no1/wms/vendor/VendorController.java
+++ b/src/main/java/com/no1/wms/vendor/VendorController.java
@@ -1,124 +1,124 @@
-package com.no1.wms.vendor;
-
-import com.no1.wms.warehouse.WarehouseDto;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Controller;
-import org.springframework.ui.Model;
-import org.springframework.web.bind.annotation.*;
-
-import java.util.List;
-import java.util.Map;
-
-@Controller
-@Slf4j
-public class VendorController {
-
-	@Autowired
-	VendorService service;
-	
-	// 재고 리스트 출력
-	@GetMapping("vendor/list")
-	public String list(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
-					   @RequestParam(name = "search", defaultValue = "") String search,
-					   @RequestParam(name = "p", defaultValue = "1") int page, Model m) {
-
-		int count = service.count(searchn, search);
-		
-		int perPage = 10; // 한 페이지에 보일 글의 갯수
-		int startRow = (page - 1) * perPage;
-		
-		//스톡서비스로 재고 리스트 출력 메서트 작성
-		List<VendorDto> dto = service.list(searchn, search, startRow ,perPage);
-
-
-		m.addAttribute("vlist", dto);
-		m.addAttribute("start", startRow + 1);
-		
-		int pageNum = 5;//보여질 페이지 번호 수
-		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
-	
-		int begin = (page - 1) / pageNum * pageNum + 1;
-		int end = begin + pageNum - 1;
-		if (end > totalPages) {
-			end = totalPages;
-		}
-		m.addAttribute("searchn", searchn);
-		m.addAttribute("search", search);
-		m.addAttribute("begin", begin);
-		m.addAttribute("end", end);
-		m.addAttribute("pageNum", pageNum);
-		m.addAttribute("totalPages", totalPages);
-		m.addAttribute("p" , page);
-		
-		return "vendor/list";
-	}
-				
-	
-	// 재고 상세페이지
-	@PostMapping("vendor/read")
-	public String read(String id, Model m) {
-		//스톡서비스로 재고 상세페이지 출력 메서드 작성
-
-		VendorDto One = service.vendorOne(id);
-		System.out.println("one :: " + One);
-		log.debug("One테스트 :: " + One);
-
-		m.addAttribute("One", One);
-
-		return "vendor/read";
-	}
-
-	
-	// 수정 - 폼 
-	@PostMapping("/vendor/update")
-	public String update(String id, Model m) {
-		VendorDto dto = service.vendorOne(id);
-		m.addAttribute("dto", dto);
-		return "vendor/update";
-	}
-
-
-	// 수정 프로세스
-	@PutMapping("/vendor/update_process")
-	@ResponseBody
-	public boolean updateProcess(VendorDto dto) {
-
-		int i = service.updateVendor(dto);
-		if (i == 1) {
-			return true;
-		} else {
-			return false;
-		}
-	}
-
-
-	// 생성 폼
-	@PostMapping("/vendor/create")
-	public String create()
-	{
-		return "vendor/create";
-	}
-
-
-	// 생성 프로세스
-	@PostMapping("/vendor/create_process")
-	@ResponseBody
-	public boolean createProcess(VendorDto dto) {
-		int i = service.createVendor(dto);
-		if (i == 1) {
-			return true;
-		} else {
-			return false;
-		}
-	}
-
-
-	// 삭제
-	@DeleteMapping("/vendor/delete")
-	@ResponseBody
-	public int delete(String id) {
-		int i = service.deleteVendor(id);
-		return i;
-	}
-}
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+import java.util.Map;
+
+@Controller
+@Slf4j
+public class VendorController {
+
+	@Autowired
+	VendorService service;
+	
+	// 재고 리스트 출력
+	@GetMapping("vendor/list")
+	public String list(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
+					   @RequestParam(name = "search", defaultValue = "") String search,
+					   @RequestParam(name = "p", defaultValue = "1") int page, Model m) {
+
+		int count = service.count(searchn, search);
+		
+		int perPage = 10; // 한 페이지에 보일 글의 갯수
+		int startRow = (page - 1) * perPage;
+		
+		//스톡서비스로 재고 리스트 출력 메서트 작성
+		List<VendorDto> dto = service.list(searchn, search, startRow ,perPage);
+
+
+		m.addAttribute("vlist", dto);
+		m.addAttribute("start", startRow + 1);
+		
+		int pageNum = 5;//보여질 페이지 번호 수
+		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
+	
+		int begin = (page - 1) / pageNum * pageNum + 1;
+		int end = begin + pageNum - 1;
+		if (end > totalPages) {
+			end = totalPages;
+		}
+		m.addAttribute("searchn", searchn);
+		m.addAttribute("search", search);
+		m.addAttribute("begin", begin);
+		m.addAttribute("end", end);
+		m.addAttribute("pageNum", pageNum);
+		m.addAttribute("totalPages", totalPages);
+		m.addAttribute("p" , page);
+		
+		return "vendor/list";
+	}
+				
+	
+	// 재고 상세페이지
+	@PostMapping("vendor/read")
+	public String read(String id, Model m) {
+		//스톡서비스로 재고 상세페이지 출력 메서드 작성
+
+		VendorDto One = service.vendorOne(id);
+		System.out.println("one :: " + One);
+		log.debug("One테스트 :: " + One);
+
+		m.addAttribute("One", One);
+
+		return "vendor/read";
+	}
+
+	
+	// 수정 - 폼 
+	@PostMapping("/vendor/update")
+	public String update(String id, Model m) {
+		VendorDto dto = service.vendorOne(id);
+		m.addAttribute("dto", dto);
+		return "vendor/update";
+	}
+
+
+	// 수정 프로세스
+	@PutMapping("/vendor/update_process")
+	@ResponseBody
+	public boolean updateProcess(VendorDto dto) {
+
+		int i = service.updateVendor(dto);
+		if (i == 1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+
+	// 생성 폼
+	@PostMapping("/vendor/create")
+	public String create()
+	{
+		return "vendor/create";
+	}
+
+
+	// 생성 프로세스
+	@PostMapping("/vendor/create_process")
+	@ResponseBody
+	public boolean createProcess(VendorDto dto) {
+		int i = service.createVendor(dto);
+		if (i == 1) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+
+	// 삭제
+	@DeleteMapping("/vendor/delete")
+	@ResponseBody
+	public int delete(String id) {
+		int i = service.deleteVendor(id);
+		return i;
+	}
+}
diff --git a/src/main/java/com/no1/wms/vendor/VendorDto.java b/src/main/java/com/no1/wms/vendor/VendorDto.java
index a32f249..924effb 100644
--- a/src/main/java/com/no1/wms/vendor/VendorDto.java
+++ b/src/main/java/com/no1/wms/vendor/VendorDto.java
@@ -1,27 +1,27 @@
-package com.no1.wms.vendor;
-
-import org.apache.ibatis.type.Alias;
-
-import lombok.AllArgsConstructor;
-import lombok.Data;
-import lombok.NoArgsConstructor;
-
-@Data
-@AllArgsConstructor
-
-@Alias("VendorDto")
-public class VendorDto {
-	
-	private String id;
-	private String name;
-	private String presidentName;
-	private String address;
-	private String registrationNumber;
-	private String email;
-	private String presidentTelephone;
-	private String vendorManager;
-	private String vendorManagerTelephone;
-	private String mainProduct;
-	private String managerId;
-	private boolean activation;
-}
+package com.no1.wms.vendor;
+
+import org.apache.ibatis.type.Alias;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Data
+@AllArgsConstructor
+
+@Alias("VendorDto")
+public class VendorDto {
+	
+	private String id;
+	private String name;
+	private String president_name;
+	private String address;
+	private String registration_number;
+	private String email;
+	private String president_telephone;
+	private String vendor_manager;
+	private String vendor_manager_telephone;
+	private String main_product;
+	private String manager_id;
+	private boolean activation;
+}
diff --git a/src/main/java/com/no1/wms/vendor/VendorMapper.java b/src/main/java/com/no1/wms/vendor/VendorMapper.java
index f8b0a86..ebd888c 100644
--- a/src/main/java/com/no1/wms/vendor/VendorMapper.java
+++ b/src/main/java/com/no1/wms/vendor/VendorMapper.java
@@ -1,26 +1,26 @@
-package com.no1.wms.vendor;
-
-import com.no1.wms.warehouse.WarehouseDto;
-import org.apache.ibatis.annotations.Mapper;
-
-import java.util.List;
-import java.util.Map;
-
-
-@Mapper
-public interface VendorMapper {
-
-	List<VendorDto> list(Map<String, Object> m);
-
-	int count(Map<String, Object> m);//검색 글 갯수
-
-	VendorDto vendorOne(String id);
-
-	int updateVendor(VendorDto dto);
-	
-	int createVendor(VendorDto dto);
-
-	int deleteVendor(String id);
-
-	
-}
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import org.apache.ibatis.annotations.Mapper;
+
+import java.util.List;
+import java.util.Map;
+
+
+@Mapper
+public interface VendorMapper {
+
+	List<VendorDto> list(Map<String, Object> m);
+
+	int count(Map<String, Object> m);//검색 글 갯수
+
+	VendorDto vendorOne(String id);
+
+	int updateVendor(VendorDto dto);
+	
+	int createVendor(VendorDto dto);
+
+	int deleteVendor(String id);
+
+	
+}
diff --git a/src/main/java/com/no1/wms/vendor/VendorService.java b/src/main/java/com/no1/wms/vendor/VendorService.java
index f0793c5..c88207e 100644
--- a/src/main/java/com/no1/wms/vendor/VendorService.java
+++ b/src/main/java/com/no1/wms/vendor/VendorService.java
@@ -1,57 +1,57 @@
-package com.no1.wms.vendor;
-
-import com.no1.wms.warehouse.WarehouseDto;
-import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-
-@Service
-@Slf4j
-public class VendorService {
-    @Autowired
-    VendorMapper mapper;
-
-    public int count(int searchn, String search) {
-
-        Map<String, Object> m = new HashMap<String, Object>();
-        m.put("searchn", searchn);
-        m.put("search", search);
-        return mapper.count(m);
-    }
-
-
-    public List<VendorDto> list(int searchn, String search, int start, int perPage) {
-
-        System.out.println(searchn + search);
-
-        Map<String, Object> m = new HashMap<String, Object>();
-        m.put("searchn", searchn);
-        m.put("search", search);
-        m.put("start", start);
-        m.put("perPage", perPage);
-
-        return mapper.list(m);
-    }
-
-    public VendorDto vendorOne(String id) {
-        return mapper.vendorOne(id);
-    }
-
-    public int updateVendor(VendorDto dto) {
-        return mapper.updateVendor(dto);
-    }
-
-
-    public int createVendor(VendorDto dto) {
-        return mapper.createVendor(dto);
-    }
-
-
-    public int deleteVendor(String id) {
-        return mapper.deleteVendor(id);
-    }
-}
+package com.no1.wms.vendor;
+
+import com.no1.wms.warehouse.WarehouseDto;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+@Slf4j
+public class VendorService {
+    @Autowired
+    VendorMapper mapper;
+
+    public int count(int searchn, String search) {
+
+        Map<String, Object> m = new HashMap<String, Object>();
+        m.put("searchn", searchn);
+        m.put("search", search);
+        return mapper.count(m);
+    }
+
+
+    public List<VendorDto> list(int searchn, String search, int start, int perPage) {
+
+        System.out.println(searchn + search);
+
+        Map<String, Object> m = new HashMap<String, Object>();
+        m.put("searchn", searchn);
+        m.put("search", search);
+        m.put("start", start);
+        m.put("perPage", perPage);
+
+        return mapper.list(m);
+    }
+
+    public VendorDto vendorOne(String id) {
+        return mapper.vendorOne(id);
+    }
+
+    public int updateVendor(VendorDto dto) {
+        return mapper.updateVendor(dto);
+    }
+
+
+    public int createVendor(VendorDto dto) {
+        return mapper.createVendor(dto);
+    }
+
+
+    public int deleteVendor(String id) {
+        return mapper.deleteVendor(id);
+    }
+}

From c79906db7d7db1b68895af21dbc91cd024a069bf Mon Sep 17 00:00:00 2001
From: sungsuhub <145002081+sungsuhub@users.noreply.github.com>
Date: Tue, 16 Jan 2024 00:15:10 +0900
Subject: [PATCH 4/6] Add files via upload

---
 .../webapp/WEB-INF/views/vendor/create.jsp    | 504 ++++++++---------
 src/main/webapp/WEB-INF/views/vendor/list.jsp | 404 +++++++-------
 src/main/webapp/WEB-INF/views/vendor/read.jsp | 362 ++++++------
 .../webapp/WEB-INF/views/vendor/update.jsp    | 526 +++++++++---------
 4 files changed, 898 insertions(+), 898 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/vendor/create.jsp b/src/main/webapp/WEB-INF/views/vendor/create.jsp
index 2a931b4..d29a0da 100644
--- a/src/main/webapp/WEB-INF/views/vendor/create.jsp
+++ b/src/main/webapp/WEB-INF/views/vendor/create.jsp
@@ -1,253 +1,253 @@
-<%@ page contentType="text/html; charset=UTF-8" %>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>거래처 생성</title>
-    <style>
-        .body {
-            text-align: center;
-        }
-
-        .col-centered {
-            margin: 0 auto;
-            float: none;
-        }
-
-        .col-margin-left-32 {
-            margin-left: 32%;
-        }
-
-
-    </style>
-</head>
-<body>
-<div class="mt-5 mb-5 text-center">
-    <h1>거래처 생성</h1>
-</div>
-<hr>
-<div class="container" style="text-align: center">
-    <form id="createForm">
-        <div class="ulTag">
-            <div class="row">
-                <div class="col-12">
-
-
-                    <%--                     세션 만들어지고 value 수정--%>
-
-                        <input type='hidden' id="managerId" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
-                        <input type='hidden' id="activation" value="1">
-
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon1">업체명</span>
-                        <input type="text" name="name" id="name" class="form-control"
-                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
-                               aria-describedby="basic-addon1">
-                    </div>
-                    <!-- 설명만 있는 입력 -->
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon2">대표자명</span>
-                        <input type="text" name="presidentName" id="presidentName" class="form-control"
-                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.presidentName }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon3">주소</span>
-                        <input type="text" name="address" id="address" class="form-control"
-                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
-                        <input type="text" name="registrationNumber" id="registrationNumber" class="form-control"
-                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registrationNumber }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon5">email</span>
-                        <input type="text" name="email" id="email" class="form-control"
-                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon6">대표번호</span>
-                        <input type="text" name="presidentTelephone" id="presidentTelephone" class="form-control"
-                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.presidentTelephone }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
-                        <input type="text" name="vendorManager" id="vendorManager" class="form-control"
-                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendorManager }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
-                        <input type="text" name="vendorManagerTelephone" id="vendorManagerTelephone" class="form-control"
-                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendorManagerTelephone }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon9">주요품목</span>
-                        <input type="text" name="mainProduct" id="mainProduct" class="form-control"
-                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.mainProduct }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-12 ">
-                <div class="w-40 col-centered" style="text-align: right">
-                    <button type="button" class="btn btn-success" id="submitBtn">생성</button>
-                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
-
-                </div>
-            </div>
-        </div>
-    </form>
-
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script>
-        $(document).ready(function () {
-
-
-            $("#submitBtn").on("click", function () {
-                var managerId = $("#managerId").val();
-
-                var name = $("#name").val();
-                var presidentName = $("#presidentName").val();
-                var address = $("#address").val();
-                var registrationNumber = $("#registrationNumber").val();
-                var email = $("#email").val();
-                var presidentTelephone = $("#presidentTelephone").val();
-                var vendorManager = $("#vendorManager").val();
-                var vendorManagerTelephone = $("#vendorManagerTelephone").val();
-                var mainProduct = $("#mainProduct").val();
-                var activation = $("#activation").val();
-
-                if (!name) {
-                    alert("업체명을 입력해야 합니다.");
-                    $("#name").focus();
-                    return false;
-                }
-                if (!presidentName) {
-                    alert("대표자명을 입력해야 합니다.");
-                    $("#presidentName").focus();
-                    return false;
-                }
-
-                if (!address) {
-                    alert("주소를 입력해야 합니다.");
-                    $("#address").focus();
-                    return false;
-                }
-
-                if (!registrationNumber) {
-                    alert("사업자등록번호를 입력해야 합니다.");
-                    $("#registrationNumber").focus();
-                    return false;
-                }
-
-                if (!email) {
-                    alert("Email을 입력해야 합니다.");
-                    $("#email").focus();
-                    return false;
-                }
-
-                if (!presidentTelephone) {
-                    alert("대표번호를 입력해야 합니다.");
-                    $("#presidentTelephone").focus();
-                    return false;
-                }
-
-                if (!vendorManager) {
-                    alert("거래처 담당자 이름을 입력해야 합니다.");
-                    $("#vendorManager").focus();
-                    return false;
-                }
-
-                if (!vendorManagerTelephone) {
-                    alert("거래처 담당자 연락 번호를 입력해야 합니다.");
-                    $("#vendorManagerTelephone").focus();
-                    return false;
-                }
-
-                if (!mainProduct) {
-                    alert("주요품목을 입력해야 합니다.");
-                    $("#mainProduct").focus();
-                    return false;
-                }
-
-                $.ajax({
-                    url: "/vendor/create_process",
-                    type: "post",
-                    data: {
-                        "managerId": managerId,
-
-                        "name": name,
-                        "presidentName": presidentName,
-                        "address": address,
-                        "registrationNumber": registrationNumber,
-                        "email": email,
-                        "presidentTelephone": presidentTelephone,
-                        "vendorManager": vendorManager,
-                        "vendorManagerTelephone": vendorManagerTelephone,
-                        "mainProduct": mainProduct,
-                        "activation" : activation
-
-                    },
-                    datatype: "json"
-                }).done(function (data) {
-                    if (data == true) {
-                        alert("거래처가 생성되었습니다.");
-
-                        var form = document.createElement("form");
-                        form.action = "/vendor/read";
-                        form.method = "POST";
-                        document.body.appendChild(form);
-
-                        var input = document.createElement("input");
-                        input.type = "hidden";
-                        input.name = "name";
-                        input.value = name;
-                        form.appendChild(input);
-
-                        form.submit();
-
-                        window.location.href = "/vendor/list";
-                    } else {
-                        alert("거래처 생성에 실패하였습니다.");
-                    }
-                }).fail(function () {
-                    alert("오류가 발생했습니다.");
-                }).always(function () {
-                    //
-                });
-
-            })
-
-            $("#cancelBtn").on("click", function () {
-                $(location).attr("href", "/vendor/list");
-
-            })
-
-
-        });
-    </script>
-
-</div>
-</body>
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>거래처 생성</title>
+    <style>
+        .body {
+            text-align: center;
+        }
+
+        .col-centered {
+            margin: 0 auto;
+            float: none;
+        }
+
+        .col-margin-left-32 {
+            margin-left: 32%;
+        }
+
+
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+    <h1>거래처 생성</h1>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+
+                    <%--                     세션 만들어지고 value 수정--%>
+
+                        <input type='hidden' id="manager_id" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
+                        <input type='hidden' id="activation" value="1">
+
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" name="name" id="name" class="form-control"
+                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+                    <!-- 설명만 있는 입력 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" name="president_name" id="president_name" class="form-control"
+                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.president_name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" name="address" id="address" class="form-control"
+                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" name="registration_number" id="registration_number" class="form-control"
+                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registration_number }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" name="email" id="email" class="form-control"
+                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" name="president_telephone" id="president_telephone" class="form-control"
+                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.president_telephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" name="vendor_manager" id="vendor_manager" class="form-control"
+                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendor_manager }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" name="vendor_manager_telephone" id="vendor_manager_telephone" class="form-control"
+                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendor_manager_telephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" name="main_product" id="main_product" class="form-control"
+                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.main_product }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-success" id="submitBtn">생성</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+
+                </div>
+            </div>
+        </div>
+    </form>
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script>
+        $(document).ready(function () {
+
+
+            $("#submitBtn").on("click", function () {
+                var managerId = $("#manager_id").val();
+
+                var name = $("#name").val();
+                var president_name = $("#president_name").val();
+                var address = $("#address").val();
+                var registration_number = $("#registration_number").val();
+                var email = $("#email").val();
+                var president_telephone = $("#president_telephone").val();
+                var vendor_manager = $("#vendor_manager").val();
+                var vendor_manager_telephone = $("#vendor_manager_telephone").val();
+                var main_product = $("#main_product").val();
+                var activation = $("#activation").val();
+
+                if (!name) {
+                    alert("업체명을 입력해야 합니다.");
+                    $("#name").focus();
+                    return false;
+                }
+                if (!presidentName) {
+                    alert("대표자명을 입력해야 합니다.");
+                    $("#president_name").focus();
+                    return false;
+                }
+
+                if (!address) {
+                    alert("주소를 입력해야 합니다.");
+                    $("#address").focus();
+                    return false;
+                }
+
+                if (!registrationNumber) {
+                    alert("사업자등록번호를 입력해야 합니다.");
+                    $("#registration_number").focus();
+                    return false;
+                }
+
+                if (!email) {
+                    alert("Email을 입력해야 합니다.");
+                    $("#email").focus();
+                    return false;
+                }
+
+                if (!presidentTelephone) {
+                    alert("대표번호를 입력해야 합니다.");
+                    $("#president_telephone").focus();
+                    return false;
+                }
+
+                if (!vendorManager) {
+                    alert("거래처 담당자 이름을 입력해야 합니다.");
+                    $("#vendor_manager").focus();
+                    return false;
+                }
+
+                if (!vendorManagerTelephone) {
+                    alert("거래처 담당자 연락 번호를 입력해야 합니다.");
+                    $("#vendor_manager_telephone").focus();
+                    return false;
+                }
+
+                if (!mainProduct) {
+                    alert("주요품목을 입력해야 합니다.");
+                    $("#main_product").focus();
+                    return false;
+                }
+
+                $.ajax({
+                    url: "/vendor/create_process",
+                    type: "post",
+                    data: {
+                        "manager_id": manager_id,
+
+                        "name": name,
+                        "president_name": president_name,
+                        "address": address,
+                        "registration_number": registration_number,
+                        "email": email,
+                        "president_telephone": president_telephone,
+                        "vendor_manager": vendor_manager,
+                        "vendor_manager_telephone": vendor_manager_telephone,
+                        "main_product": main_product,
+                        "activation" : activation
+
+                    },
+                    datatype: "json"
+                }).done(function (data) {
+                    if (data == true) {
+                        alert("거래처가 생성되었습니다.");
+
+                        var form = document.createElement("form");
+                        form.action = "/vendor/read";
+                        form.method = "POST";
+                        document.body.appendChild(form);
+
+                        var input = document.createElement("input");
+                        input.type = "hidden";
+                        input.name = "name";
+                        input.value = name;
+                        form.appendChild(input);
+
+                        form.submit();
+
+                        window.location.href = "/vendor/list";
+                    } else {
+                        alert("거래처 생성에 실패하였습니다.");
+                    }
+                }).fail(function () {
+                    alert("오류가 발생했습니다.");
+                }).always(function () {
+                    //
+                });
+
+            })
+
+            $("#cancelBtn").on("click", function () {
+                $(location).attr("href", "/vendor/list");
+
+            })
+
+
+        });
+    </script>
+
+</div>
+</body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/vendor/list.jsp b/src/main/webapp/WEB-INF/views/vendor/list.jsp
index 9bd2736..e97833e 100644
--- a/src/main/webapp/WEB-INF/views/vendor/list.jsp
+++ b/src/main/webapp/WEB-INF/views/vendor/list.jsp
@@ -1,203 +1,203 @@
-<%@ page contentType="text/html; charset=UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<title>거래처 관리</title>
-</head>
-<body>
-	<div class="mt-5 mb-5 text-center">
-		<h1>거래처 관리</h1>
-	</div>
-	<hr>
-	<div class="body">
-		<div class="container-fluid">
-			<div class="col-12">
-				<form>
-					<div class="input-group mb-3 w-30 col-centered">
-						<div class="w-25">
-						<select class="form-select" name="searchn" id="searchn">
-							<option value="0">업체명</option>
-							<option value="1">대표번호</option>
-							<option value="2">거래처 담당자</option>
-							<option value="3">거래처 담당자 전화번호</option>
-						</select>
-						</div>
-						<input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
-						<button class="btn btn-info" type="button" id="searchBtn">검색</button>
-						
-						<!-- 페이징작업용 -->
-						<input type="hidden" id="searchn1" value="${searchn}">
-						<input type="hidden" id="search1" value="${search}">
-						<!-- 페이징작업용 -->
-						
-					</div>
-				</form>
-			</div>
-		</div>
-		<div class="container-fluid">
-			<div class="row row-table">
-				<div class="col-12">	
-					<table class="table">
-						<thead class="table-dark">
-							<tr>
-								<th>번호</th>
-								<th>업체명</th>
-								<th>대표번호</th>
-								<th>거래처 담당자</th>
-								<th>거래처 담당자 전화번호</th>
-
-							</tr>
-						</thead>
-							<tbody>
-								<c:forEach items="${vlist }" var="dto">
-									<tr class="detailTr col-5" data-id="${dto.id}" >
-										<td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
-										<td class="col-1">${dto.name }</td>
-										<td class="col-1">${dto.presidentTelephone }</td>
-										<td class="col-1">${dto.vendorManager }</td>
-										<td class="col-1">${dto.vendorManagerTelephone }</td>
-									</tr>
-								</c:forEach>
-							</tbody>
-					</table>
-				</div>
-			</div>
-		</div>
-		<div class="container-fluid">
-			<div class="row row-buttons">
-				<div class="col-3 text-start">
-					<img width="50" height="50" src="https://img.icons8.com/color/48/ms-excel.png" alt="ms-excel"/>
-					<button type="button" class="btn btn-success" id="uploadExcel">업로드</button>
-					<button type="button" class="btn btn-success" id="download">다운로드</button>
-				</div>
-				<div class="col-6 d-flex justify-content-center">
-					<nav>
-						<ul class="pagination">
-							
-	                        <c:if test="${begin > pageNum }">
-	                            <li class="page-item">
-	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
-	                            </li>
-	                        </c:if>
-	                        <c:forEach begin="${begin }" end="${end }" var="i">
-	                            <li class="page-item <c:if test="${p == i}"> active </c:if>">
-	                                <a href="javascript:void(0);" class="page-link " onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
-	                            </li>
-	                        </c:forEach>
-	                        <c:if test="${end < totalPages }">
-	                            <li class="page-item">
-	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
-	                            </li>
-	                        </c:if>
-                    	</ul>
-					</nav>
-				</div>
-				<div class="col-3 text-end">
-					<button type="button" class="btn btn-primary" id="createButton">생성</button>
-				</div>	
-			</div><!-- row row-buttons -->
-		</div>
-	</div>
-	
-	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>	
-	<script>
-	
-	
-	$(document).ready(function(){
-		//POST방식으로 create폼화면 출력
-		$("#createButton").on("click",function(){
-			var form = document.createElement("form");
-			form.action = "/vendor/create";
-			form.method = "POST";
-			document.body.appendChild(form);
-			form.submit();
-		});
-	
-		 $("body").on("click", ".detailTr", function(){
-		    var id = $(this).data("id");
-			
-			var form = document.createElement("form");
-			form.action = "/vendor/read";
-			form.method = "POST";
-			document.body.appendChild(form);
-			
-			var input = document.createElement("input");
-			input.type = "hidden";
-			input.name = "id";
-			input.value = id;
-			form.appendChild(input);
-			
-			form.submit();
-
-		});
-		 
-		//검색기능
-		$("#searchBtn").on("click",function(){
-			
-			var searchn = $("#searchn").val();
-			var search = $("#search").val();
-			
-			var form = document.createElement("form");
-			form.action = "/vendor/list";
-			form.method = "get";
-			
-			var input1 = document.createElement("input");
-			input1.type = "hidden";
-			input1.name = "searchn";
-			input1.value = searchn;
-			form.appendChild(input1);
-			
-			var input2 = document.createElement("input");
-			input2.type = "hidden";
-			input2.name = "search";
-			input2.value = search;
-			form.appendChild(input2);
-			
-			var input3 = document.createElement("input");
-			input3.type = "hidden";
-			input3.name = "p";
-			input3.value = 1;
-			form.appendChild(input3);
-			
-			document.body.appendChild(form);
-			form.submit();
-
-		});
-		
-		
-		 
-	});//ready
-	function pageingFunction(clickedId){
-		var searchn1 = $("#searchn1").val();
-		var search1 = $("#search1").val();
-		
-		var form = document.createElement("form");
-		form.action = "/vendor/list";
-		form.method = "get";
-		
-		var input1 = document.createElement("input");
-		input1.type = "hidden";
-		input1.name = "searchn";
-		input1.value = searchn1;
-		form.appendChild(input1);
-		
-		var input2 = document.createElement("input");
-		input2.type = "hidden";
-		input2.name = "search";
-		input2.value = search1;
-		form.appendChild(input2);
-		
-		var input3 = document.createElement("input");
-		input3.type = "hidden";
-		input3.name = "p";
-		input3.value = clickedId;
-		form.appendChild(input3);
-		
-		document.body.appendChild(form);
-		form.submit();
-	}
-	</script>
-</body>
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>거래처 관리</title>
+</head>
+<body>
+	<div class="mt-5 mb-5 text-center">
+		<h1>거래처 관리</h1>
+	</div>
+	<hr>
+	<div class="body">
+		<div class="container-fluid">
+			<div class="col-12">
+				<form>
+					<div class="input-group mb-3 w-30 col-centered">
+						<div class="w-25">
+						<select class="form-select" name="searchn" id="searchn">
+							<option value="0">업체명</option>
+							<option value="1">대표번호</option>
+							<option value="2">거래처 담당자</option>
+							<option value="3">거래처 담당자 전화번호</option>
+						</select>
+						</div>
+						<input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+						<button class="btn btn-info" type="button" id="searchBtn">검색</button>
+						
+						<!-- 페이징작업용 -->
+						<input type="hidden" id="searchn1" value="${searchn}">
+						<input type="hidden" id="search1" value="${search}">
+						<!-- 페이징작업용 -->
+						
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="container-fluid">
+			<div class="row row-table">
+				<div class="col-12">	
+					<table class="table">
+						<thead class="table-dark">
+							<tr>
+								<th>번호</th>
+								<th>업체명</th>
+								<th>대표번호</th>
+								<th>거래처 담당자</th>
+								<th>거래처 담당자 전화번호</th>
+
+							</tr>
+						</thead>
+							<tbody>
+								<c:forEach items="${vlist }" var="dto">
+									<tr class="detailTr col-5" data-id="${dto.id}" >
+										<td class="col-1">${start} <c:set var="start" value="${start +1 }"/></td>
+										<td class="col-1">${dto.name }</td>
+										<td class="col-1">${dto.president_telephone }</td>
+										<td class="col-1">${dto.vendor_manager }</td>
+										<td class="col-1">${dto.vendor_manager_telephone }</td>
+									</tr>
+								</c:forEach>
+							</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+		<div class="container-fluid">
+			<div class="row row-buttons">
+				<div class="col-3 text-start">
+					<img width="50" height="50" src="https://img.icons8.com/color/48/ms-excel.png" alt="ms-excel"/>
+					<button type="button" class="btn btn-success" id="uploadExcel">업로드</button>
+					<button type="button" class="btn btn-success" id="download">다운로드</button>
+				</div>
+				<div class="col-6 d-flex justify-content-center">
+					<nav>
+						<ul class="pagination">
+							
+	                        <c:if test="${begin > pageNum }">
+	                            <li class="page-item">
+	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+	                            </li>
+	                        </c:if>
+	                        <c:forEach begin="${begin }" end="${end }" var="i">
+	                            <li class="page-item <c:if test="${p == i}"> active </c:if>">
+	                                <a href="javascript:void(0);" class="page-link " onclick="pageingFunction(this.id); return false;" id="${i }">${i }</a>
+	                            </li>
+	                        </c:forEach>
+	                        <c:if test="${end < totalPages }">
+	                            <li class="page-item">
+	                                <a href="javascript:void(0);" class="page-link" onclick="pageingFunction(this.id)" id="${end + 1 }">&gt;</a>
+	                            </li>
+	                        </c:if>
+                    	</ul>
+					</nav>
+				</div>
+				<div class="col-3 text-end">
+					<button type="button" class="btn btn-primary" id="createButton">생성</button>
+				</div>	
+			</div><!-- row row-buttons -->
+		</div>
+	</div>
+	
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>	
+	<script>
+	
+	
+	$(document).ready(function(){
+		//POST방식으로 create폼화면 출력
+		$("#createButton").on("click",function(){
+			var form = document.createElement("form");
+			form.action = "/vendor/create";
+			form.method = "POST";
+			document.body.appendChild(form);
+			form.submit();
+		});
+	
+		 $("body").on("click", ".detailTr", function(){
+		    var id = $(this).data("id");
+			
+			var form = document.createElement("form");
+			form.action = "/vendor/read";
+			form.method = "POST";
+			document.body.appendChild(form);
+			
+			var input = document.createElement("input");
+			input.type = "hidden";
+			input.name = "id";
+			input.value = id;
+			form.appendChild(input);
+			
+			form.submit();
+
+		});
+		 
+		//검색기능
+		$("#searchBtn").on("click",function(){
+			
+			var searchn = $("#searchn").val();
+			var search = $("#search").val();
+			
+			var form = document.createElement("form");
+			form.action = "/vendor/list";
+			form.method = "get";
+			
+			var input1 = document.createElement("input");
+			input1.type = "hidden";
+			input1.name = "searchn";
+			input1.value = searchn;
+			form.appendChild(input1);
+			
+			var input2 = document.createElement("input");
+			input2.type = "hidden";
+			input2.name = "search";
+			input2.value = search;
+			form.appendChild(input2);
+			
+			var input3 = document.createElement("input");
+			input3.type = "hidden";
+			input3.name = "p";
+			input3.value = 1;
+			form.appendChild(input3);
+			
+			document.body.appendChild(form);
+			form.submit();
+
+		});
+		
+		
+		 
+	});//ready
+	function pageingFunction(clickedId){
+		var searchn1 = $("#searchn1").val();
+		var search1 = $("#search1").val();
+		
+		var form = document.createElement("form");
+		form.action = "/vendor/list";
+		form.method = "get";
+		
+		var input1 = document.createElement("input");
+		input1.type = "hidden";
+		input1.name = "searchn";
+		input1.value = searchn1;
+		form.appendChild(input1);
+		
+		var input2 = document.createElement("input");
+		input2.type = "hidden";
+		input2.name = "search";
+		input2.value = search1;
+		form.appendChild(input2);
+		
+		var input3 = document.createElement("input");
+		input3.type = "hidden";
+		input3.name = "p";
+		input3.value = clickedId;
+		form.appendChild(input3);
+		
+		document.body.appendChild(form);
+		form.submit();
+	}
+	</script>
+</body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/vendor/read.jsp b/src/main/webapp/WEB-INF/views/vendor/read.jsp
index 3dcc24f..c674fa2 100644
--- a/src/main/webapp/WEB-INF/views/vendor/read.jsp
+++ b/src/main/webapp/WEB-INF/views/vendor/read.jsp
@@ -1,181 +1,181 @@
-<%@ page contentType="text/html; charset=UTF-8" %>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>거래처 상세페이지</title>
-    <style type="text/css">
-        .header {
-            text-align: center;
-        }
-    </style>
-</head>
-<body>
-<div class="mt-5 mb-5 text-center">
-
-    <div class="row">
-        <h1>거래처 상세페이지</h1>
-        <div class="col-10" style="text-align: right">
-            <button type="button" class="btn btn-danger" id="yes_no_modal_show">삭제</button>
-        </div>
-    </div>
-</div>
-<hr>
-<div class="container" style="text-align: center">
-    <form id="createForm">
-        <div class="ulTag">
-            <div class="row">
-                <div class="col-12">
-
-                    <input type="hidden" class="form-control" aria-label="id" id="id" value="${One.id }" readonly>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon1">업체명</span>
-                        <input type="text" class="form-control" aria-label="창고명" value="${One.name }" readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon2">대표자명</span>
-                        <input type="text" class="form-control" aria-label="용적" value="${One.presidentName }" readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon3">주소</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.address }" readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.registrationNumber }"
-                               readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon5">email</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.email }" readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon6">대표번호</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.presidentTelephone }"
-                               readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendorManager }" readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendorManagerTelephone }"
-                               readonly>
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon9">주요품목</span>
-                        <input type="text" class="form-control" aria-label="적재량" value="${One.mainProduct }" readonly>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </form>
-
-</div>
-</div>
-<div>
-    <hr>
-</div>
-<div class="col-10" style="text-align: right">
-    <button type="button" class="btn btn-primary" id="checkBtn">확인</button>
-    <button type="button" class="btn btn-warning" id="modifyBtn">
-        수정
-    </button>
-</div>
-<div class="modal fade" id="yes_no_modal_vendor_delete" tabindex="-1" aria-labelledby="exampleModalLabel"
-     aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h1 class="modal-title fs-5" id="yesNoModalLabel">삭제 하시겠습니까?</h1>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
-                <button id="modal_yes_button_vendor_delete" type="button" class="modal_yes btn btn-primary">삭제</button>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    $(document).ready(function () {
-        $("#checkBtn").on("click", function () {
-            $(location).attr("href", "/vendor/list");
-        })//checkBtn click
-
-        $("#modifyBtn").on("click", function () {
-            var id = $("#id").val();
-
-            var form = document.createElement("form");
-            form.action = "/vendor/update";
-            form.method = "POST";
-            document.body.appendChild(form);
-
-            var input = document.createElement("input");
-            input.type = "hidden";
-            input.name = "id";
-            input.value = id;
-            form.appendChild(input);
-
-            form.submit();
-
-        })//modifyBtn click
-
-
-        yesNoModal.yesFunction = deleteVendorFunction;
-
-
-        function deleteVendorFunction() {
-            var id = $("#id").val();
-            $.ajax({
-                url: "/vendor/delete",
-                type: "delete",
-                data: {
-                    "id": id
-                },
-                datatype: "json"
-            }).done(function (data) {
-                if (data == true) {
-                    alert("삭제되었습니다.");
-                    $(location).attr("href", "/vendor/list");
-                } else {
-                    alert("정상적으로 삭제되지 않았습니다..");
-                }
-            }).fail(function () {
-                alert("오류가 발생했습니다.");
-            }).always(function () {
-                //
-            });
-
-        }//deleteCategoryFunction
-
-        const yesNoModalBootStrap = new bootstrap.Modal("#yes_no_modal_vendor_delete");
-
-        $("#yes_no_modal_show").on("click", function () {
-            yesNoModalBootStrap.show();
-        });
-
-        $("#modal_yes_button_vendor_delete").on("click", function () {
-            yesNoModal.yesFunction();
-            yesNoModalBootStrap.hide();
-        });
-
-    });//ready
-
-
-</script>
-</body>
-</html>
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>거래처 상세페이지</title>
+    <style type="text/css">
+        .header {
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+
+    <div class="row">
+        <h1>거래처 상세페이지</h1>
+        <div class="col-10" style="text-align: right">
+            <button type="button" class="btn btn-danger" id="yes_no_modal_show">삭제</button>
+        </div>
+    </div>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12">
+
+                    <input type="hidden" class="form-control" aria-label="id" id="id" value="${One.id }" readonly>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" class="form-control" aria-label="창고명" value="${One.name }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" class="form-control" aria-label="용적" value="${One.president_name }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.address }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.registration_number }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.email }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.president_telephone }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendor_manager }" readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.vendor_manager_telephone }"
+                               readonly>
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" class="form-control" aria-label="적재량" value="${One.main_product }" readonly>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+
+</div>
+</div>
+<div>
+    <hr>
+</div>
+<div class="col-10" style="text-align: right">
+    <button type="button" class="btn btn-primary" id="checkBtn">확인</button>
+    <button type="button" class="btn btn-warning" id="modifyBtn">
+        수정
+    </button>
+</div>
+<div class="modal fade" id="yes_no_modal_vendor_delete" tabindex="-1" aria-labelledby="exampleModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="yesNoModalLabel">삭제 하시겠습니까?</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+                <button id="modal_yes_button_vendor_delete" type="button" class="modal_yes btn btn-primary">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(document).ready(function () {
+        $("#checkBtn").on("click", function () {
+            $(location).attr("href", "/vendor/list");
+        })//checkBtn click
+
+        $("#modifyBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var form = document.createElement("form");
+            form.action = "/vendor/update";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        })//modifyBtn click
+
+
+        yesNoModal.yesFunction = deleteVendorFunction;
+
+
+        function deleteVendorFunction() {
+            var id = $("#id").val();
+            $.ajax({
+                url: "/vendor/delete",
+                type: "delete",
+                data: {
+                    "id": id
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("삭제되었습니다.");
+                    $(location).attr("href", "/vendor/list");
+                } else {
+                    alert("정상적으로 삭제되지 않았습니다..");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        }//deleteCategoryFunction
+
+        const yesNoModalBootStrap = new bootstrap.Modal("#yes_no_modal_vendor_delete");
+
+        $("#yes_no_modal_show").on("click", function () {
+            yesNoModalBootStrap.show();
+        });
+
+        $("#modal_yes_button_vendor_delete").on("click", function () {
+            yesNoModal.yesFunction();
+            yesNoModalBootStrap.hide();
+        });
+
+    });//ready
+
+
+</script>
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/views/vendor/update.jsp b/src/main/webapp/WEB-INF/views/vendor/update.jsp
index 39417ab..734d253 100644
--- a/src/main/webapp/WEB-INF/views/vendor/update.jsp
+++ b/src/main/webapp/WEB-INF/views/vendor/update.jsp
@@ -1,263 +1,263 @@
-<%@ page contentType="text/html; charset=UTF-8" %>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
-
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>창고 정보 수정페이지</title>
-    <style>
-        .body {
-            text-align: center;
-        }
-
-        .col-centered {
-            margin: 0 auto;
-            float: none;
-        }
-
-        .col-margin-left-32 {
-            margin-left: 32%;
-        }
-
-
-    </style>
-</head>
-<body>
-<div class="mt-5 mb-5 text-center">
-    <h1>창고 정보 수정페이지</h1>
-</div>
-<hr>
-<div class="container" style="text-align: center">
-    <form id="createForm">
-
-        <div class="ulTag">
-            <div class="row">
-                <div class="col-12" style="text-align: center;">
-
-                    <input type="hidden" id="id" value="${dto.id }">
-                    <input type='hidden' id="managerId" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
-                    <input type='hidden' id="activation" value="1">
-
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon1">업체명</span>
-                        <input type="text" name="name" id="name" class="form-control"
-                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
-                               aria-describedby="basic-addon1">
-                    </div>
-                    <!-- 설명만 있는 입력 -->
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon2">대표자명</span>
-                        <input type="text" name="presidentName" id="presidentName" class="form-control"
-                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.presidentName }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon3">주소</span>
-                        <input type="text" name="address" id="address" class="form-control"
-                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
-                        <input type="text" name="registrationNumber" id="registrationNumber" class="form-control"
-                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registrationNumber }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon5">email</span>
-                        <input type="text" name="email" id="email" class="form-control"
-                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon6">대표번호</span>
-                        <input type="text" name="presidentTelephone" id="presidentTelephone" class="form-control"
-                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.presidentTelephone }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
-                        <input type="text" name="vendorManager" id="vendorManager" class="form-control"
-                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendorManager }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
-                        <input type="text" name="vendorManagerTelephone" id="vendorManagerTelephone" class="form-control"
-                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendorManagerTelephone }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-                    <div class="input-group mb-3 w-40 col-centered">
-                        <span class="input-group-text" id="basic-addon9">주요품목</span>
-                        <input type="text" name="mainProduct" id="mainProduct" class="form-control"
-                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.mainProduct }"
-                               aria-describedby="basic-addon1">
-                    </div>
-
-
-                </div>
-            </div>
-        </div>
-
-        <div class="row">
-            <div class="col-12 ">
-                <div class="w-40 col-centered" style="text-align: right">
-                    <button type="button" class="btn btn-primary" id="updateBtn">수정 완료</button>
-                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
-                </div>
-            </div>
-        </div>
-    </form>
-</div>
-<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<script>
-    $(document).ready(function () {
-        $("#updateBtn").on("click", function () {
-            var id = $("#id").val();
-
-            var managerId = $("#managerId").val();
-
-            var name = $("#name").val();
-            var presidentName = $("#presidentName").val();
-            var address = $("#address").val();
-            var registrationNumber = $("#registrationNumber").val();
-            var email = $("#email").val();
-            var presidentTelephone = $("#presidentTelephone").val();
-            var vendorManager = $("#vendorManager").val();
-            var vendorManagerTelephone = $("#vendorManagerTelephone").val();
-            var mainProduct = $("#mainProduct").val();
-            var activation = $("#activation").val();
-
-            if (!name) {
-                alert("업체명을 입력해야 합니다.");
-                $("#name").focus();
-                return false;
-            }
-            if (!presidentName) {
-                alert("대표자명을 입력해야 합니다.");
-                $("#presidentName").focus();
-                return false;
-            }
-
-            if (!address) {
-                alert("주소를 입력해야 합니다.");
-                $("#address").focus();
-                return false;
-            }
-
-            if (!registrationNumber) {
-                alert("사업자등록번호를 입력해야 합니다.");
-                $("#registrationNumber").focus();
-                return false;
-            }
-
-            if (!email) {
-                alert("Email을 입력해야 합니다.");
-                $("#email").focus();
-                return false;
-            }
-
-            if (!presidentTelephone) {
-                alert("대표번호를 입력해야 합니다.");
-                $("#presidentTelephone").focus();
-                return false;
-            }
-
-            if (!vendorManager) {
-                alert("거래처 담당자 이름을 입력해야 합니다.");
-                $("#vendorManager").focus();
-                return false;
-            }
-
-            if (!vendorManagerTelephone) {
-                alert("거래처 담당자 연락 번호를 입력해야 합니다.");
-                $("#vendorManagerTelephone").focus();
-                return false;
-            }
-
-            if (!mainProduct) {
-                alert("주요품목을 입력해야 합니다.");
-                $("#mainProduct").focus();
-                return false;
-            }
-
-
-            $.ajax({
-                url: "/vendor/update_process",
-                type: "put",
-                data: {
-                    "id": id,
-                    "managerId": managerId,
-
-                    "name": name,
-                    "presidentName": presidentName,
-                    "address": address,
-                    "registrationNumber": registrationNumber,
-                    "email": email,
-                    "presidentTelephone": presidentTelephone,
-                    "vendorManager": vendorManager,
-                    "vendorManagerTelephone": vendorManagerTelephone,
-                    "mainProduct": mainProduct,
-                    "activation" : activation
-
-                },
-                datatype: "json"
-            }).done(function (data) {
-                if (data == true) {
-                    alert("거래처를 수정하였습니다.");
-
-                    var form = document.createElement("form");
-                    form.action = "/vendor/read";
-                    form.method = "POST";
-                    document.body.appendChild(form);
-
-                    var input = document.createElement("input");
-                    input.type = "hidden";
-                    input.name = "id";
-                    input.value = id;
-                    form.appendChild(input);
-
-                    form.submit();
-
-                } else {
-                    alert("거래처 수정에 실패하였습니다.");
-                }
-            }).fail(function () {
-                alert("오류가 발생했습니다.");
-            }).always(function () {
-                //
-            });
-
-        });//updateBtn
-
-        $("#cancelBtn").on("click", function () {
-            var id = $("#id").val();
-
-            var form = document.createElement("form");
-            form.action = "/vendor/read";
-            form.method = "POST";
-            document.body.appendChild(form);
-
-            var input = document.createElement("input");
-            input.type = "hidden";
-            input.name = "id";
-            input.value = id;
-            form.appendChild(input);
-
-            form.submit();
-
-        })
-    });//ready
-</script>
-</body>
-</html>
+<%@ page contentType="text/html; charset=UTF-8" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>창고 정보 수정페이지</title>
+    <style>
+        .body {
+            text-align: center;
+        }
+
+        .col-centered {
+            margin: 0 auto;
+            float: none;
+        }
+
+        .col-margin-left-32 {
+            margin-left: 32%;
+        }
+
+
+    </style>
+</head>
+<body>
+<div class="mt-5 mb-5 text-center">
+    <h1>창고 정보 수정페이지</h1>
+</div>
+<hr>
+<div class="container" style="text-align: center">
+    <form id="createForm">
+
+        <div class="ulTag">
+            <div class="row">
+                <div class="col-12" style="text-align: center;">
+
+                    <input type="hidden" id="id" value="${dto.id }">
+                    <input type='hidden' id="manager_id" value="15b68e54-b0f0-11ee-935d-0242ac110006"/>
+                    <input type='hidden' id="activation" value="1">
+
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon1">업체명</span>
+                        <input type="text" name="name" id="name" class="form-control"
+                               placeholder="업체명을 입력하세요" aria-label="업체명" value="${dto.name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+                    <!-- 설명만 있는 입력 -->
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon2">대표자명</span>
+                        <input type="text" name="president_name" id="president_name" class="form-control"
+                               placeholder="대표자명을 입력하세요" aria-label="대표자명" value="${dto.president_name }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon3">주소</span>
+                        <input type="text" name="address" id="address" class="form-control"
+                               placeholder="주소를 입력하세요" aria-label="주소" value="${dto.address }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon4">사업자등록번호</span>
+                        <input type="text" name="registration_number" id="registration_number" class="form-control"
+                               placeholder="사업자등록번호를 입력하세요" aria-label="사업자등록번호" value="${dto.registration_number }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon5">email</span>
+                        <input type="text" name="email" id="email" class="form-control"
+                               placeholder="Email주소를 입력하세요" aria-label="email" value="${dto.email }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon6">대표번호</span>
+                        <input type="text" name="president_telephone" id="president_telephone" class="form-control"
+                               placeholder="대표번호를 입력하세요" aria-label="대표번호" value="${dto.president_telephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon7">거래처 담당자 이름</span>
+                        <input type="text" name="vendor_manager" id="vendor_manager" class="form-control"
+                               placeholder="거래처 담당자 이름을 입력하세요" aria-label="거래처 담당자 이름" value="${dto.vendor_manager }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon8">거래처 담당자 연락 번호</span>
+                        <input type="text" name="vendor_manager_telephone" id="vendor_manager_telephone" class="form-control"
+                               placeholder="거래처 담당자 연락 번호를 입력하세요" aria-label="거래처 담당자 연락 번호" value="${dto.vendor_manager_telephone }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+                    <div class="input-group mb-3 w-40 col-centered">
+                        <span class="input-group-text" id="basic-addon9">주요품목</span>
+                        <input type="text" name="main_product" id="main_product" class="form-control"
+                               placeholder="주요품목을 입력하세요" aria-label="주요품목" value="${dto.main_product }"
+                               aria-describedby="basic-addon1">
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-12 ">
+                <div class="w-40 col-centered" style="text-align: right">
+                    <button type="button" class="btn btn-primary" id="updateBtn">수정 완료</button>
+                    <button type="button" class="btn btn-secondary" id="cancelBtn">취소</button>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script>
+    $(document).ready(function () {
+        $("#updateBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var manager_id = $("#manager_id").val();
+
+            var name = $("#name").val();
+            var president_name = $("#president_name").val();
+            var address = $("#address").val();
+            var registration_number = $("#registration_number").val();
+            var email = $("#email").val();
+            var president_telephone = $("#president_telephone").val();
+            var vendor_manager = $("#vendor_manager").val();
+            var vendor_manager_telephone = $("#vendor_manager_telephone").val();
+            var main_product = $("#main_product").val();
+            var activation = $("#activation").val();
+
+            if (!name) {
+                alert("업체명을 입력해야 합니다.");
+                $("#name").focus();
+                return false;
+            }
+            if (!president_name) {
+                alert("대표자명을 입력해야 합니다.");
+                $("#president_name").focus();
+                return false;
+            }
+
+            if (!address) {
+                alert("주소를 입력해야 합니다.");
+                $("#address").focus();
+                return false;
+            }
+
+            if (!registration_number) {
+                alert("사업자등록번호를 입력해야 합니다.");
+                $("#registration_number").focus();
+                return false;
+            }
+
+            if (!email) {
+                alert("Email을 입력해야 합니다.");
+                $("#email").focus();
+                return false;
+            }
+
+            if (!president_telephone) {
+                alert("대표번호를 입력해야 합니다.");
+                $("#presidentTelephone").focus();
+                return false;
+            }
+
+            if (!vendor_manager) {
+                alert("거래처 담당자 이름을 입력해야 합니다.");
+                $("#vendor_manager").focus();
+                return false;
+            }
+
+            if (!vendor_manager_telephone) {
+                alert("거래처 담당자 연락 번호를 입력해야 합니다.");
+                $("#vendor_manager_telephone").focus();
+                return false;
+            }
+
+            if (!main_product) {
+                alert("주요품목을 입력해야 합니다.");
+                $("#main_product").focus();
+                return false;
+            }
+
+
+            $.ajax({
+                url: "/vendor/update_process",
+                type: "put",
+                data: {
+                    "id": id,
+                    "manager_id": manager_id,
+
+                    "name": name,
+                    "president_name": president_name,
+                    "address": address,
+                    "registration_number": registration_number,
+                    "email": email,
+                    "president_telephone": president_telephone,
+                    "vendor_manager": vendor_manager,
+                    "vendor_manager_telephone": vendor_manager_telephone,
+                    "main_product": main_product,
+                    "activation" : activation
+
+                },
+                datatype: "json"
+            }).done(function (data) {
+                if (data == true) {
+                    alert("거래처를 수정하였습니다.");
+
+                    var form = document.createElement("form");
+                    form.action = "/vendor/read";
+                    form.method = "POST";
+                    document.body.appendChild(form);
+
+                    var input = document.createElement("input");
+                    input.type = "hidden";
+                    input.name = "id";
+                    input.value = id;
+                    form.appendChild(input);
+
+                    form.submit();
+
+                } else {
+                    alert("거래처 수정에 실패하였습니다.");
+                }
+            }).fail(function () {
+                alert("오류가 발생했습니다.");
+            }).always(function () {
+                //
+            });
+
+        });//updateBtn
+
+        $("#cancelBtn").on("click", function () {
+            var id = $("#id").val();
+
+            var form = document.createElement("form");
+            form.action = "/vendor/read";
+            form.method = "POST";
+            document.body.appendChild(form);
+
+            var input = document.createElement("input");
+            input.type = "hidden";
+            input.name = "id";
+            input.value = id;
+            form.appendChild(input);
+
+            form.submit();
+
+        })
+    });//ready
+</script>
+</body>
+</html>

From 67b0fa90bf6003252c130a22af6ecf1ad909d0e6 Mon Sep 17 00:00:00 2001
From: sungsuhub <145002081+sungsuhub@users.noreply.github.com>
Date: Tue, 16 Jan 2024 00:15:56 +0900
Subject: [PATCH 5/6] Add files via upload

---
 src/main/resources/mappers/VendorMapper.xml | 210 ++++++++++----------
 1 file changed, 105 insertions(+), 105 deletions(-)

diff --git a/src/main/resources/mappers/VendorMapper.xml b/src/main/resources/mappers/VendorMapper.xml
index 3e3f8b4..b1fbe85 100644
--- a/src/main/resources/mappers/VendorMapper.xml
+++ b/src/main/resources/mappers/VendorMapper.xml
@@ -1,106 +1,106 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-
-<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTO Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
-
-<mapper namespace="com.no1.wms.vendor.VendorMapper">
-
-
-    <select id="count" parameterType="map" resultType="java.lang.Integer">
-        select count(name)
-
-        from  vendor
-
-        <where>
-            <choose>
-                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
-                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
-                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
-                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
-            </choose>
-        </where>
-    </select>
-
-    <select id="list" parameterType="map" resultType="VendorDto">
-        select id,
-               name,
-               president_name as presidentName,
-               address,
-               registration_number as registrationNumber,
-               email,
-               president_telephone as presidentTelephone,
-               vendor_manager as vendorManager,
-               vendor_manager_telephone as vendorManagerTelephone,
-               main_product as mainProduct,
-               manager_id as managerId,
-               activation
-
-        from  vendor
-
-        <where>
-            <choose>
-                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
-                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
-                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
-                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
-            </choose>
-        </where>
-
-        order by name desc limit #{start}, #{perPage}
-    </select>
-
-    <select id="vendorOne" parameterType="String" resultType="VendorDto">
-        select id,
-               name,
-               president_name as presidentName,
-               address,
-               registration_number as registrationNumber,
-               email,
-               president_telephone as presidentTelephone,
-               vendor_manager as vendorManager,
-               vendor_manager_telephone as vendorManagerTelephone,
-               main_product as mainProduct,
-               manager_id as managerId,
-               activation
-
-        from  vendor
-
-        where id = #{id}
-
-    </select>
-
-
-    <!-- select -->
-
-
-    <!-- update -->
-    <update id="updateVendor" parameterType="VendorDto">
-        update vendor
-        set name = #{name},
-            president_name = #{presidentName},
-            address = #{address},
-            registration_number = #{registrationNumber},
-            email = #{email},
-            president_telephone = #{presidentTelephone},
-            vendor_manager = #{vendorManager},
-            vendor_manager_telephone = #{vendorManagerTelephone},
-            main_product = #{mainProduct},
-            manager_id = #{managerId},
-            activation = #{activation}
-        where id = #{id}
-    </update>
-    <!-- update -->
-
-
-    <!-- insert -->
-    <insert id="createVendor" parameterType="VendorDto">
-        insert into vendor (id, name, president_name, address, registration_number, email, president_telephone, vendor_manager, vendor_manager_telephone, main_product, manager_id, activation)
-        values (UUID(), #{name}, #{presidentName}, #{address}, #{registrationNumber}, #{email}, #{presidentTelephone}, #{vendorManager}, #{vendorManagerTelephone}, #{mainProduct}, #{managerId}, #{activation})
-    </insert>
-    <!-- insert -->
-
-    <!-- delete -->
-    <delete id="deleteVendor" parameterType="String">
-        delete from vendor where id = #{id}
-    </delete>
-    <!-- delete -->
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTO Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="com.no1.wms.vendor.VendorMapper">
+
+
+    <select id="count" parameterType="map" resultType="java.lang.Integer">
+        select count(name)
+
+        from  vendor
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
+                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
+                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+    </select>
+
+    <select id="list" parameterType="map" resultType="VendorDto">
+        select id,
+               name,
+               president_name,
+               address,
+               registration_number,
+               email,
+               president_telephone,
+               vendor_manager,
+               vendor_manager_telephone,
+               main_product,
+               manager_id,
+               activation
+
+        from  vendor
+
+        <where>
+            <choose>
+                <when test="searchn == 0"> activation = 1 and name like concat('%',#{search},'%')</when>
+                <when test="searchn == 1"> activation = 1 and president_telephone like concat('%',#{search},'%') </when>
+                <when test="searchn == 2"> activation = 1 and vendor_manager like concat('%',#{search},'%')</when>
+                <when test="searchn == 3"> activation = 1 and vendor_manager_telephone like concat('%',#{search},'%')</when>
+            </choose>
+        </where>
+
+        order by name desc limit #{start}, #{perPage}
+    </select>
+
+    <select id="vendorOne" parameterType="String" resultType="VendorDto">
+        select id,
+               name,
+               president_name,
+               address,
+               registration_number,
+               email,
+               president_telephone,
+               vendor_manager,
+               vendor_manager_telephone,
+               main_product,
+               manager_id,
+               activation
+
+        from  vendor
+
+        where id = #{id}
+
+    </select>
+
+
+    <!-- select -->
+
+
+    <!-- update -->
+    <update id="updateVendor" parameterType="VendorDto">
+        update vendor
+        set name = #{name},
+            president_name = #{president_name},
+            address = #{address},
+            registration_number = #{registration_number},
+            email = #{email},
+            president_telephone = #{president_telephone},
+            vendor_manager = #{vendor_manager},
+            vendor_manager_telephone = #{vendor_manager_telephone},
+            main_product = #{main_product},
+            manager_id = #{manager_id},
+            activation = #{activation}
+        where id = #{id}
+    </update>
+    <!-- update -->
+
+
+    <!-- insert -->
+    <insert id="createVendor" parameterType="VendorDto">
+        insert into vendor (id, name, president_name, address, registration_number, email, president_telephone, vendor_manager, vendor_manager_telephone, main_product, manager_id, activation)
+        values (UUID(), #{name}, #{president_name}, #{address}, #{registration_number}, #{email}, #{president_telephone}, #{vendor_manager}, #{vendor_manager_telephone}, #{main_product}, #{manager_id}, #{activation})
+    </insert>
+    <!-- insert -->
+
+    <!-- delete -->
+    <delete id="deleteVendor" parameterType="String">
+        delete from vendor where id = #{id}
+    </delete>
+    <!-- delete -->
 </mapper>
\ No newline at end of file

From 00398754c3741916cb6e0d75560bbf033f261621 Mon Sep 17 00:00:00 2001
From: Kana <Kana@Desktop>
Date: Tue, 16 Jan 2024 11:53:15 +0900
Subject: [PATCH 6/6] The paging and search functions of the modal screens of
 the category page, price page, and product page have been completed

---
 .../no1/wms/category/CategoryController.java  |   2 +
 .../com/no1/wms/price/PriceController.java    |   2 +
 .../no1/wms/product/ProductController.java    |  44 +++++-
 .../webapp/WEB-INF/views/category/read.jsp    |  13 +-
 .../webapp/WEB-INF/views/modal/category.jsp   |  95 ++++++++++-
 src/main/webapp/WEB-INF/views/modal/price.jsp |  71 +++++++++
 .../webapp/WEB-INF/views/modal/product.jsp    |  92 ++++++++++-
 .../webapp/WEB-INF/views/modal/vendor.jsp     | 147 ++++++++++++++++++
 src/main/webapp/WEB-INF/views/price/read.jsp  |  12 +-
 .../webapp/WEB-INF/views/product/create.jsp   |  10 +-
 .../webapp/WEB-INF/views/product/read.jsp     |  12 +-
 .../webapp/WEB-INF/views/product/update.jsp   |  41 +++--
 12 files changed, 501 insertions(+), 40 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/views/modal/price.jsp
 create mode 100644 src/main/webapp/WEB-INF/views/modal/vendor.jsp

diff --git a/src/main/java/com/no1/wms/category/CategoryController.java b/src/main/java/com/no1/wms/category/CategoryController.java
index 9e7e4f3..d427557 100644
--- a/src/main/java/com/no1/wms/category/CategoryController.java
+++ b/src/main/java/com/no1/wms/category/CategoryController.java
@@ -202,6 +202,8 @@ public class CategoryController {
 		return "modal/categorysearch";
 	};
 	
+	
+	//서식 다운로드
 	@GetMapping("/category/downlodeCategoryForm")
 	public void downlodeCategoryForm (HttpServletResponse response) throws IOException{
 		String categoryFormName = "카테고리 데이터 입력 서식.xlsx";
diff --git a/src/main/java/com/no1/wms/price/PriceController.java b/src/main/java/com/no1/wms/price/PriceController.java
index e389aea..84d6467 100644
--- a/src/main/java/com/no1/wms/price/PriceController.java
+++ b/src/main/java/com/no1/wms/price/PriceController.java
@@ -166,4 +166,6 @@ public class PriceController {
 	}
 	
 	
+	
+	
 }
diff --git a/src/main/java/com/no1/wms/product/ProductController.java b/src/main/java/com/no1/wms/product/ProductController.java
index d4476ce..b5a9240 100644
--- a/src/main/java/com/no1/wms/product/ProductController.java
+++ b/src/main/java/com/no1/wms/product/ProductController.java
@@ -17,6 +17,8 @@ import org.springframework.web.servlet.ModelAndView;
 import com.no1.wms.category.CategoryDto;
 import com.no1.wms.category.CategoryService;
 import com.no1.wms.price.PriceDto;
+import com.no1.wms.vendor.VendorDto;
+import com.no1.wms.vendor.VendorService;
 
 @Controller
 @RequestMapping("/product")
@@ -26,6 +28,8 @@ public class ProductController {
 	ProductService productService;
 	@Autowired
 	CategoryService categoryService;
+	@Autowired
+	VendorService service;
 	
 	/*
 	@GetMapping("list")
@@ -141,7 +145,7 @@ public class ProductController {
 				@RequestParam(name = "p", defaultValue = "1") int page, ModelAndView m, String name) {
 		int count = categoryService.count(searchn, search);
 		
-		int perPage = 10; // 한 페이지에 보일 글의 개수
+		int perPage =9; // 한 페이지에 보일 글의 개수
 		int startRow = (page - 1) * perPage;
 		
 		List<CategoryDto> dto = categoryService.categoryList2(searchn, search, startRow ,perPage);
@@ -171,6 +175,44 @@ public class ProductController {
 	
 	
 	
+
+	@PostMapping("/show_modal2")
+	public ModelAndView vendorShowModal(@RequestParam(name = "searchn", defaultValue = "0") int searchn,
+					   @RequestParam(name = "search", defaultValue = "") String search,
+					   @RequestParam(name = "p", defaultValue = "1") int page, ModelAndView m, String name) {
+
+		int count = service.count(searchn, search);
+		
+		int perPage = 9; // 한 페이지에 보일 글의 갯수
+		int startRow = (page - 1) * perPage;
+		
+		//스톡서비스로 재고 리스트 출력 메서트 작성
+		List<VendorDto> dto = service.list(searchn, search, startRow ,perPage);
+
+
+		m.addObject("vlist", dto);
+		m.addObject("start", startRow + 1);
+		
+		int pageNum = 5;//보여질 페이지 번호 수
+		int totalPages = count / perPage + (count % perPage > 0 ? 1 : 0); // 전체 페이지 수
+	
+		int begin = (page - 1) / pageNum * pageNum + 1;
+		int end = begin + pageNum - 1;
+		if (end > totalPages) {
+			end = totalPages;
+		}
+		m.addObject("searchn", searchn);
+		m.addObject("search", search);
+		m.addObject("begin", begin);
+		m.addObject("end", end);
+		m.addObject("pageNum", pageNum);
+		m.addObject("totalPages", totalPages);
+		m.addObject("p" , page);
+		m.setViewName(name);
+		
+		return m;
+	}
+	
 	
 	
 	
diff --git a/src/main/webapp/WEB-INF/views/category/read.jsp b/src/main/webapp/WEB-INF/views/category/read.jsp
index 8bd5901..7e9a3ee 100644
--- a/src/main/webapp/WEB-INF/views/category/read.jsp
+++ b/src/main/webapp/WEB-INF/views/category/read.jsp
@@ -12,7 +12,7 @@
 		<div class="row">
 		<h1>제품 카테고리 상세페이지</h1>
 			<div class="col-10" style="text-align: right;">
-				<button type="button" class="btn btn-danger" id="yes_no_modal_show_button">삭제</button>
+				<button type="button" class="btn btn-danger" onclick="goDelete()">삭제</button>
 			</div>
 		</div>
 	</div>
@@ -91,8 +91,6 @@
 				form.submit();
 				
 			})//modifyBtn click
-			
-			yesNoModal.yesFunction = deleteCategoryFunction;
 		});//ready
 		
 		
@@ -123,6 +121,15 @@
 		}//deleteCategoryFunction
 		
 		
+		function goDelete(){
+	        yesNoModalTextDefine("카테고리 삭제", "해당 카테고리를 삭제하시겠습니까?");
+	        $("#yesNoModalLabel").text(yesNoModal.title);
+	        $("#yesNoModalBodyTextDiv").text(yesNoModal.body);
+	        yesNoModal.yesFunction = deleteCategoryFunction;
+	        yesNoModalBootStrap.show();
+
+
+	    }
 		
 		
         
diff --git a/src/main/webapp/WEB-INF/views/modal/category.jsp b/src/main/webapp/WEB-INF/views/modal/category.jsp
index 859198e..044403d 100644
--- a/src/main/webapp/WEB-INF/views/modal/category.jsp
+++ b/src/main/webapp/WEB-INF/views/modal/category.jsp
@@ -1,12 +1,9 @@
 <%@ page contentType="text/html; charset=UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script>
-    function onSearch(){
-        //
-        //
-    }
 
-    function onSelectAuth(tag){
+    function onSelect(tag){
         const $tag = $(tag);
         const tid = $tag.data('tid');
         const name = $tag.data('tname');
@@ -14,7 +11,70 @@
         $("#cls_nm_4").val(name);
         $("#kan_code").val(tid);
         hideSearchModal();
-    }
+    }//onSelect
+    
+    function pagingFunction(clickedId){
+    	var title = "분류 검색";
+		var val = "category";
+    	var searchn = $("#searchn1").val();
+		var search = $("#search1").val();
+		$("#searchModalLabel").text(title);
+		const data = { name : val,
+        		searchn : searchn,
+        		search : search,
+        		p : parseInt(clickedId)
+        		};
+		
+		$.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/product/show_modal',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    	
+    	
+    }//pagingFunction
+    
+    
+    
+    
+    $(document).ready(function() {
+    	 $("#searchBtn").on("click", function(){
+    		var title = "분류 검색";
+    		var val = "category";
+    		var searchn = $("#searchn").val();
+    		var search = $("#search").val();
+    		
+    		$("#searchModalLabel").text(title);
+    		
+	        const data = { name : val,
+	        		searchn : searchn,
+	        		search : search,
+	        		p : 1
+	        		};
+	        $.ajax({
+	            type : 'post',           // 타입 (get, post, put 등등)
+	            url : '/product/show_modal',           // 요청할 서버url
+	            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+	            data : data,
+	            success : function(result) { // 결과 성공 콜백함수
+	                $("#search_modal_body").html(result);
+	                searchModalBootStrap.show();
+	            },
+	            error : function(request, status, error) {
+	                alert(error)
+	            }
+	        });
+    	})//searchBtn
+    
+    });//ready
 </script>
 <div class="container">
     <div class="row">
@@ -59,11 +119,32 @@
 						<td>${dto.cls_nm_3 }</td>
 						<td>${dto.cls_nm_4 }</td>
 						<td>${dto.kan_code }</td>
-						<td><button data-tid="${dto.kan_code}" data-tname="${dto.cls_nm_4}" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
+						<td><button data-tid="${dto.kan_code}" data-tname="${dto.cls_nm_4}" class="btn btn-primary" onclick="onSelect(this)">선택</button></td>
 					</tr>
 				</c:forEach>
                 </tbody>
             </table>
         </div>
     </div>
+</div>
+<div class="col-12 d-flex justify-content-center">
+	<nav>
+		<ul class="pagination">
+              <c:if test="${begin > pageNum }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+                  </li>
+              </c:if>
+              <c:forEach begin="${begin }" end="${end }" var="i">
+                  <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                      <a href="javascript:void(0);" class="page-link " onclick="pagingFunction(this.id); return false;" id="${i }">${i }</a>
+                  </li>
+              </c:forEach>
+              <c:if test="${end < totalPages }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${end + 1 }">&gt;</a>
+                  </li>
+              </c:if>
+         </ul>
+	</nav>
 </div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/modal/price.jsp b/src/main/webapp/WEB-INF/views/modal/price.jsp
new file mode 100644
index 0000000..6afa5e7
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/modal/price.jsp
@@ -0,0 +1,71 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<script>
+    function onSearch(){
+        //
+        //
+    }
+
+    function onSelect(tag){
+        const $tag = $(tag);
+        const tid = $tag.data('tid');
+        const name = $tag.data('tname');
+        
+        <!-- 수정해야할 부분 -->
+        $("#productName").val(name);
+        $("#product_id").val(tid);
+        hideSearchModal();
+    }
+</script>
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_auth_search" class="text-end">
+	            <div class="input-group mb-3 w-50 col-centered">
+							<div class="w-30">
+	                <select class="form-select" name="searchn" id="searchn">
+						<option selected="selected" value="0">제품명</option>
+						<option value="1">가격</option>
+						<option value="2">등록날짜</option>
+					</select>
+					</div>
+					<input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+					<button class="btn btn-info" type="button" id="searchBtn">검색</button>
+					<!-- 페이징작업용 -->
+					<input type="hidden" id="searchn1" value="${searchn}">
+					<input type="hidden" id="search1" value="${search}">
+					<!-- 페이징작업용 -->
+				</div>
+            </div>
+        </div>
+        <div class="col-12">
+            <table class="table">
+                <thead class="table-dark">
+                <tr>
+					<th>번호</th>
+					<th>제품명</th>
+					<th>가격</th>
+					<th>등록날짜</th>
+					<th>담당자</th>
+					<th>선택</th>
+				</tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list }" var="dto">
+					<tr class="detailTr" data-product_id="${dto.id}" >
+						<td>${status.count }</td>
+						<td>${dto.productDto.name }</td>
+						<td>${dto.price }</td>
+						<td><fmt:formatDate value="${dto.registration_date }"
+								dateStyle="short" /></td>
+						<td>${dto.accountDto.name }</td>
+						<!-- 수정해야할 부분 -->
+						<td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelect(this)">선택</button></td>
+					</tr>
+				</c:forEach>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/modal/product.jsp b/src/main/webapp/WEB-INF/views/modal/product.jsp
index 3092221..7ae22a1 100644
--- a/src/main/webapp/WEB-INF/views/modal/product.jsp
+++ b/src/main/webapp/WEB-INF/views/modal/product.jsp
@@ -1,13 +1,10 @@
 <%@ page contentType="text/html; charset=UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script>
-    function onSearch(){
-        //
-        //
-    }
 
-    function onSelectAuth(tag){
+    function onSelect(tag){
         const $tag = $(tag);
         const tid = $tag.data('tid');
         const name = $tag.data('tname');
@@ -15,7 +12,67 @@
         $("#productName").val(name);
         $("#product_id").val(tid);
         hideSearchModal();
-    }
+    }//onSelect
+    
+    function pagingFunction(clickedId){
+    	var title = "제품 검색";
+		var val = "product";
+    	var searchn = $("#searchn1").val();
+		var search = $("#search1").val();
+		$("#searchModalLabel").text(title);
+		const data = { name : val,
+        		searchn : searchn,
+        		search : search,
+        		p : parseInt(clickedId)
+        		};
+		$.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/price/show_modal',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    	
+    	
+    }//pagingFunction
+    
+    $(document).ready(function() {
+   	 $("#searchBtn").on("click", function(){
+   		var title = "제품 검색";
+		var val = "product";
+   		var searchn = $("#searchn").val();
+   		var search = $("#search").val();
+   		
+   		$("#searchModalLabel").text(title);
+   		
+	        const data = { name : val,
+	        		searchn : searchn,
+	        		search : search,
+	        		p : 1
+	        		};
+	        $.ajax({
+	            type : 'post',           // 타입 (get, post, put 등등)
+	            url : '/price/show_modal',           // 요청할 서버url
+	            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+	            data : data,
+	            success : function(result) { // 결과 성공 콜백함수
+	                $("#search_modal_body").html(result);
+	                searchModalBootStrap.show();
+	            },
+	            error : function(request, status, error) {
+	                alert(error)
+	            }
+	        });
+   	})//searchBtn
+   
+   });//ready
+    
 </script>
 <div class="container">
     <div class="row">
@@ -62,11 +119,32 @@
 						<td><fmt:formatDate value="${dto.registration_date }"
 								dateStyle="short" /></td>
 						<td>${dto.accountDto.name }</td>
-						<td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
+						<td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelect(this)">선택</button></td>
 					</tr>
 				</c:forEach>
                 </tbody>
             </table>
         </div>
     </div>
+</div>
+<div class="col-12 d-flex justify-content-center">
+	<nav>
+		<ul class="pagination">
+              <c:if test="${begin > pageNum }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+                  </li>
+              </c:if>
+              <c:forEach begin="${begin }" end="${end }" var="i">
+                  <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                      <a href="javascript:void(0);" class="page-link " onclick="pagingFunction(this.id); return false;" id="${i }">${i }</a>
+                  </li>
+              </c:forEach>
+              <c:if test="${end < totalPages }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${end + 1 }">&gt;</a>
+                  </li>
+              </c:if>
+         </ul>
+	</nav>
 </div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/modal/vendor.jsp b/src/main/webapp/WEB-INF/views/modal/vendor.jsp
new file mode 100644
index 0000000..2fa73e5
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/modal/vendor.jsp
@@ -0,0 +1,147 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script>
+
+    function onSelect(tag){
+        const $tag = $(tag);
+        const tid = $tag.data('tid');
+        const name = $tag.data('tname');
+
+        $("#vendor").val(name);
+        $("#vendor_id").val(tid);
+        hideSearchModal();
+    }//onSelect
+    
+    function pagingFunction(clickedId){
+    	var title = "거래처 검색";
+		var val = "vendor";
+    	var searchn = $("#searchn1").val();
+		var search = $("#search1").val();
+		$("#searchModalLabel").text(title);
+		const data = { name : val,
+        		searchn : searchn,
+        		search : search,
+        		p : parseInt(clickedId)
+        		};
+		$.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/product/show_modal2',           // 요청할 서버url
+            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                $("#search_modal_body").html(result);
+                searchModalBootStrap.show();
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+    	
+    	
+    }//pagingFunction
+    
+    $(document).ready(function() {
+   	 $("#searchBtn").on("click", function(){
+   		var title = "거래처 검색";
+		var val = "vendor";
+   		var searchn = $("#searchn").val();
+   		var search = $("#search").val();
+   		
+   		$("#searchModalLabel").text(title);
+   		
+	        const data = { name : val,
+	        		searchn : searchn,
+	        		search : search,
+	        		p : 1
+	        		};
+	        $.ajax({
+	            type : 'post',           // 타입 (get, post, put 등등)
+	            url : '/product/show_modal2',           // 요청할 서버url
+	            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+	            data : data,
+	            success : function(result) { // 결과 성공 콜백함수
+	                $("#search_modal_body").html(result);
+	                searchModalBootStrap.show();
+	            },
+	            error : function(request, status, error) {
+	                alert(error)
+	            }
+	        });
+   	})//searchBtn
+   
+   });//ready
+    
+</script>
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_auth_search" class="text-end">
+	            <div class="input-group mb-3 w-50 col-centered">
+							<div class="w-30">
+	                <select class="form-select" name="searchn" id="searchn">
+						<option selected="selected" value="0">업체명</option>
+						<option value="1">업체명</option>
+						<option value="2">거래처 담당자</option>
+						<option value="3">거래처 담당자 전화번호</option>
+					</select>
+					</div>
+					<input type="text" id="search" name="search" class="form-control" aria-label="Text input with dropdown button" placeholder="검색어를 입력하세요">
+					<button class="btn btn-info" type="button" id="searchBtn">검색</button>
+					<!-- 페이징작업용 -->
+					<input type="hidden" id="searchn1" value="${searchn}">
+					<input type="hidden" id="search1" value="${search}">
+					<!-- 페이징작업용 -->
+				</div>
+            </div>
+        </div>
+        <div class="col-12">
+            <table class="table">
+                <thead class="table-dark">
+                <tr>
+					<th>번호</th>
+					<th>업체명</th>
+					<th>대표번호</th>
+					<th>거래처 담당자</th>
+					<th>거래처 담당자 전화번호</th>
+					<th>선택</th>
+				</tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${vlist }" var="dto">
+					<tr class="detailTr" data-product_id="${dto.id}" >
+						<td>${start} <c:set var="start" value="${start +1 }"/></td>
+						<td>${dto.name }</td>
+						<td>${dto.president_telephone }</td>
+						<td>${dto.vendor_manager }</td>
+						<td>${dto.vendor_manager_telephone }</td>
+						<td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelect(this)">선택</button></td>
+					</tr>
+				</c:forEach>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<div class="col-12 d-flex justify-content-center">
+	<nav>
+		<ul class="pagination">
+              <c:if test="${begin > pageNum }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${begin - 1 }">&lt;</a>
+                  </li>
+              </c:if>
+              <c:forEach begin="${begin }" end="${end }" var="i">
+                  <li class="page-item <c:if test="${p == i}"> active </c:if>">
+                      <a href="javascript:void(0);" class="page-link " onclick="pagingFunction(this.id); return false;" id="${i }">${i }</a>
+                  </li>
+              </c:forEach>
+              <c:if test="${end < totalPages }">
+                  <li class="page-item">
+                      <a href="javascript:void(0);" class="page-link" onclick="pagingFunction(this.id)" id="${end + 1 }">&gt;</a>
+                  </li>
+              </c:if>
+         </ul>
+	</nav>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/price/read.jsp b/src/main/webapp/WEB-INF/views/price/read.jsp
index 9071a73..2418ee8 100644
--- a/src/main/webapp/WEB-INF/views/price/read.jsp
+++ b/src/main/webapp/WEB-INF/views/price/read.jsp
@@ -11,7 +11,7 @@
 		<div class="row">
 		<h1>제품 상세페이지</h1>
 			<div class="col-10" style="text-align: right;">
-				<button type="button" class="btn btn-danger" id="yes_no_modal_show_button">삭제</button>
+				<button type="button" class="btn btn-danger" onclick="goDelete()">삭제</button>
 			</div>
 		</div>
 	</div>
@@ -118,6 +118,16 @@
         });
 	}//deletePriceFunction
 	
+	function goDelete(){
+        yesNoModalTextDefine("제품가격 삭제", "해당 제품가격을 삭제하시겠습니까?");
+        $("#yesNoModalLabel").text(yesNoModal.title);
+        $("#yesNoModalBodyTextDiv").text(yesNoModal.body);
+        yesNoModal.yesFunction = deletePriceFunction;
+        yesNoModalBootStrap.show();
+
+
+    }
+	
 	</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/product/create.jsp b/src/main/webapp/WEB-INF/views/product/create.jsp
index 9e78404..a2f0686 100644
--- a/src/main/webapp/WEB-INF/views/product/create.jsp
+++ b/src/main/webapp/WEB-INF/views/product/create.jsp
@@ -57,17 +57,15 @@
 	                		<span class="input-group-text" id="basic-addon4">거래처</span>
   							<input type="text" name="vendor" id="vendor" class="form-control" 
   							placeholder="거래처를 입력하세요" aria-label="거래처"
-  							aria-describedby="button-addon2">
+  							aria-describedby="button-addon2" readonly>
   							<button class="btn btn-outline-secondary rounded-end" id="searchVendor" 
   							style="background-color:#FF5E5E;" type="button" onclick="showSearchModal2('거래처 검색','vendor')">검색</button>
-  							<input type='hidden' id='searchVendorChack' value='0'>
+  							<input type='hidden' id="vendor_id" value="">
 						</div>
 						
 	                	<!-- 추후 수정 -->
 	                	<input type='hidden' id="manager_id" value="83bdda69-ae95-11ee-935d-0242ac110006">
-	                	<input type='hidden' id="vendor_id" value="52f16bb8-aeb9-11ee-935d-0242ac110006">
-	                	
-	                	
+	           	
 	                	<!-- 추후 수정 -->
 	                	
                 	</div>
@@ -190,7 +188,7 @@
 		        const data = { name : val};
 		        $.ajax({
 		            type : 'post',           // 타입 (get, post, put 등등)
-		            url : '/category/show_modal',           // 요청할 서버url
+		            url : '/product/show_modal2',           // 요청할 서버url
 		            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
 		            data : data,
 		            success : function(result) { // 결과 성공 콜백함수
diff --git a/src/main/webapp/WEB-INF/views/product/read.jsp b/src/main/webapp/WEB-INF/views/product/read.jsp
index 46d6994..2cda58f 100644
--- a/src/main/webapp/WEB-INF/views/product/read.jsp
+++ b/src/main/webapp/WEB-INF/views/product/read.jsp
@@ -11,7 +11,7 @@
 		<div class="row">
 		<h1>제품 상세페이지</h1>
 			<div class="col-10" style="text-align: right;">
-				<button type="button" class="btn btn-danger" id="yes_no_modal_show_button">삭제</button>
+				<button type="button" class="btn btn-danger" onclick="goDelete()">삭제</button>
 			</div>
 		</div>
 	</div>
@@ -128,7 +128,15 @@
             });
 			
 		}//deleteProductFunction
-		
+		function goDelete(){
+	        yesNoModalTextDefine("제품 삭제", "해당 제품을 삭제하시겠습니까?");
+	        $("#yesNoModalLabel").text(yesNoModal.title);
+	        $("#yesNoModalBodyTextDiv").text(yesNoModal.body);
+	        yesNoModal.yesFunction = deleteProductFunction;
+	        yesNoModalBootStrap.show();
+
+
+	    }
 	</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/product/update.jsp b/src/main/webapp/WEB-INF/views/product/update.jsp
index 8f03a25..4e43aa0 100644
--- a/src/main/webapp/WEB-INF/views/product/update.jsp
+++ b/src/main/webapp/WEB-INF/views/product/update.jsp
@@ -42,15 +42,15 @@
   							
 						</div>
 						
-                        <div class="input-group mb-3 w-40 col-centered">
-                            <span class="input-group-text" id="basic-addon4">거래처</span>
-                            <input type="text" class="form-control" name="newVendor" placeholder="거래처를 입력해도 바뀌는 건 없습니다." 
-                            aria-label="거래처" id="vendor"  value="${dto.vendorDto.name }">
-                            
-                            <button class="btn btn-outline-secondary rounded-end" id="searchVendor" 
-  							style="background-color:#FF5E5E;" type="button" >검색</button>
-  							<input type='hidden' id='searchVendorChack' value='0'>
-                        </div>
+						<div class="input-group mb-3 w-40 col-centered">
+	                		<span class="input-group-text" id="basic-addon4">거래처</span>
+  							<input type="text" name="vendor" id="vendor" class="form-control" 
+  							placeholder="거래처를 입력하세요" aria-label="거래처"
+  							aria-describedby="button-addon2" value="${dto.vendorDto.name }" readonly>
+  							<button class="btn btn-outline-secondary rounded-end" id="searchVendor" 
+  							style="background-color:#FF5E5E;" type="button" onclick="showSearchModal2('거래처 검색','vendor')">검색</button>
+  							<input type='hidden' id="vendor_id" value="${dto.vendor_id }">
+						</div>
 
                         <div class="input-group mb-3 w-40 col-centered">
                             <span class="input-group-text" id="basic-addon5">등록날짜</span>
@@ -61,9 +61,7 @@
 						<input type='hidden' id="id" value="${dto.id }">
                         <!-- 추후 수정 -->
 	                	<input type='hidden' id="manager_id" value="83bdda69-ae95-11ee-935d-0242ac110006">
-	                	<input type='hidden' id="vendor_id" value="${dto.vendor_id }">
-	                	
-	                	
+	               
 	                	<!-- 추후 수정 -->
                         
                     </div>
@@ -188,7 +186,24 @@
 	                alert(error)
 	            }
 	        });
-	    }
+	    }//showSearchModal
+		function showSearchModal2(title, val){
+	        $("#searchModalLabel").text(title);
+	        const data = { name : val};
+	        $.ajax({
+	            type : 'post',           // 타입 (get, post, put 등등)
+	            url : '/product/show_modal2',           // 요청할 서버url
+	            dataType : 'html',       // 데이터 타입 (html, xml, json, text 등등)
+	            data : data,
+	            success : function(result) { // 결과 성공 콜백함수
+	                $("#search_modal_body").html(result);
+	                searchModalBootStrap.show();
+	            },
+	            error : function(request, status, error) {
+	                alert(error)
+	            }
+	        });
+	    }//showSearchModal2
 	
 	
 	</script>