account read update 관련

src/main/webapp/WEB-INF/views/account/create.jsp

@@ -27,6 +27,33 @@
             }
         });
     }
+
+    function createProcess(){
+        let data = {};
+        const $dataInputList = $("input.create_data");
+        $dataInputList.each(function(index, element){
+           const $element = $(element);
+           const name = $element.attr("name");
+           const val = $element.val();
+           data[name] = val;
+        });
+
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/account/create_process',           // 요청할 서버url
+            dataType : 'json',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                alert("성공");
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+
+
+
+    }
 </script>
 <div class="container-fluid">
     <div class="row">
@@ -43,46 +70,52 @@
         <div class="col-12">
             <div class="input-group w-50">
                 <span id='account_name_label' class="input-group-text">사용자 명</span>
-                <input name="name" id="account_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_name_label">
+                <input name="name" id="account_name" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_name_label">
                 <span class="me-5"></span>
                 <span id='employee_number_label' class="input-group-text">사번</span>
-                <input id=employee_number" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_label">
+                <input id=employee_number" name="employeeNumber" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_label">
             </div>
             <div class="input-group w-50 mt-3">
                 <span id='account_dept_label' class="input-group-text">부서 명</span>
-                <input readonly id="account_dept" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_dept_label">
-                <button id="btn_dept" type="button" class="btn btn-primary">검색</button>
+                <input readonly id="account_dept_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_dept_label">
+                <input hidden name="departmentId" readonly id="departmentId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_dept_label">
+                <button id="btn_dept" type="button" class="btn btn-primary" onclick="showSearchModal('부서 검색','dept')">검색</button>
                 <span class="me-5"></span>
                 <span id='employee_pos_label' class="input-group-text">직책</span>
-                <input readonly id="employee_pos" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_pos">
-                <button id="btn_pos" type="button" class="btn btn-primary">검색</button>
+                <input readonly id="account_pos_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_pos">
+                <input hidden name="positionId" readonly id="positionId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_pos">
+                <button id="btn_pos" type="button" class="btn btn-primary" onclick="showSearchModal('직책 검색','pos')">검색</button>
             </div>
             <div class="input-group w-50 mt-3">
                 <span id='account_group_label' class="input-group-text">권한</span>
                 <input readonly id="account_auth_group_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_group_label">
-                <input hidden name="groupAuthorityId" readonly id="groupAuthorityId" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_group_label">
+                <input hidden name="groupAuthorityId" readonly id="groupAuthorityId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_group_label">
                 <button id="account_search_button" class="btn-primary btn" onclick="showSearchModal('권한 검색','auth')">검색</button>
             </div>
             <div class="input-group w-50 mt-3">
                 <span id='account_email_label' class="input-group-text">이메일</span>
-                <input id="account_email" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_email_label">
+                <input id="account_email" name="email" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_email_label">
                 <span class="me-5"></span>
                 <span id='employee_telephone_label' class="input-group-text">전화번호</span>
-                <input id=employee_telephone" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_telephone_label">
+                <input id=employee_telephone" name="telephone" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_telephone_label">
             </div>
             <div class="input-group w-50 mt-3">
                 <span id='account_gender_label' class="input-group-text">성별</span>
-                <input id="account_gender" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_gender_label">
+                <input id="account_gender" name="gender" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_gender_label">
                 <span class="me-5"></span>
                 <span id='employee_birth_label' class="input-group-text">생일</span>
-                <input id="employee_birth" type="date" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_birth_label">
+                <input id="employee_birth" name="birth" type="date" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_birth_label">
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_address_label' class="input-group-text">주소</span>
+                <input id="account_address" type="text" name="address" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_address_label">
             </div>
         </div>
     </div>
     <div class="row mt-4">
         <div class="col-12">
-            <button class="btn btn-primary" id="btn_confirm">확인</button>
-            <button class="btn btn-danger" id="btn_exit">뒤로</button>
+            <button class="btn btn-primary" id="btn_confirm" onclick="createProcess()">확인</button>
+            <button class="btn btn-danger" id="btn_exit" onclick="window.history.back()">뒤로</button>
         </div>
     </div>
 </div>

src/main/webapp/WEB-INF/views/account/list.jsp

@@ -76,7 +76,7 @@
                             <tr><th>사번</th><th>사용자 명</th><th>활성 여부</th></tr>
                             </thead>
                             <tbody>
-                            <c:forEach items="${list }" var="dto" varStatus="status">
+                                <c:forEach items="${list }" var="dto" varStatus="status">
                                 <tr class="group_tr" data-tid="${dto.id}">
                                     <td>${dto.employeeNumber}</td>
                                     <td>${dto.name}</td>

src/main/webapp/WEB-INF/views/account/read.jsp

@@ -0,0 +1,80 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<!-- 이 안에 내용 복사해서 jsp에 붙여넣기 -->
+<script>
+    /*
+    yes no 모달의 확인 버튼을 누를때 재정의할 function
+
+    yesNoModal.yesFunction = myYesFunction;
+    function myYesFunction(){
+      alert("재정의 됨");
+    }
+    */
+    const tid = '${dto.id}';
+    $(function(){
+
+    });
+    function goList(){
+        const $form =$("<form action='/account/list'></form>");
+        $(".c_body").after($form);
+        $form.submit();
+    }
+
+    function goUpdate(){
+        const $form =$("<form method='post' action='/account/update'><input hidden name='id' value='"+tid+"'></form>");
+        $(".c_body").after($form);
+        $form.submit();
+    }
+</script>
+<div class="container-fluid c_body">
+    <div class="row">
+        <div class="col-12">
+            <div class="mt-5 mb-5 text-center">
+                <h1>사용자 추가</h1>
+            </div>
+            <div>
+                <hr>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12">
+            <div class="w-50">
+                <span>이름 : ${dto.name}</span>
+
+                <span class="me-5"></span>
+                <span>사번 : ${dto.employeeNumber}</span>
+            </div>
+            <div class="w-50 mt-3">
+                <span>부서 : ${dto.departmentDto.name}</span>
+                <span class="me-5"></span>
+                <span>직책 : ${dto.positionDto.name}</span>
+            </div>
+            <div class="w-50 mt-3">
+                <span>권한 : ${dto.personalAuthorityDto.name}</span>
+            </div>
+            <div class="w-50 mt-3">
+                <span>이메일 : ${dto.email}</span>
+                <span class="me-5"></span>
+                <span>전화번호 : ${dto.telephone}</span>
+            </div>
+            <div class="w-50 mt-3">
+                <span>성별 : ${dto.gender}</span>
+                <span class="me-5"></span>
+                <span>생일 : <fmt:formatDate value="${dto.birth}" pattern="yyyy-MM-dd" type="date"/></span>
+
+            </div>
+            <div class="w-50 mt-3">
+                <span>주소 : ${dto.address}</span>
+            </div>
+        </div>
+    </div>
+    <div class="row mt-4">
+        <div class="col-12">
+            <button class="btn btn-primary" id="btn_edit" onclick="goUpdate()">수정</button>
+            <button class="btn btn-danger" id="btn_exit" onclick="goList()">뒤로</button>
+        </div>
+    </div>
+</div>
+<!-- 이 안에 내용 복사해서 jsp에 붙여넣기 끝 -->

src/main/webapp/WEB-INF/views/account/update.jsp

@@ -0,0 +1,136 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<!-- 이 안에 내용 복사해서 jsp에 붙여넣기 -->
+<script>
+    /*
+    yes no 모달의 확인 버튼을 누를때 재정의할 function
+
+    yesNoModal.yesFunction = myYesFunction;
+    function myYesFunction(){
+      alert("재정의 됨");
+    }
+    */
+    const tid = '${dto.id}';
+    function showSearchModal(title, val){
+        $("#searchModalLabel").text(title);
+        const data = { name : val};
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/account/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)
+            }
+        });
+    }
+
+    function updateProcess(){
+        let data = {};
+        data.id = tid;
+        data.activation = $("input[name='activation']:checked").val();
+        const $dataInputList = $("input.create_data");
+        $dataInputList.each(function(index, element){
+           const $element = $(element);
+           const name = $element.attr("name");
+           const val = $element.val();
+           data[name] = val;
+        });
+
+        $.ajax({
+            type : 'post',           // 타입 (get, post, put 등등)
+            url : '/account/update_process',           // 요청할 서버url
+            dataType : 'json',       // 데이터 타입 (html, xml, json, text 등등)
+            data : data,
+            success : function(result) { // 결과 성공 콜백함수
+                alert("성공");
+            },
+            error : function(request, status, error) {
+                alert(error)
+            }
+        });
+
+
+
+    }
+</script>
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-12">
+            <div class="mt-5 mb-5 text-center">
+                <h1>사용자 추가</h1>
+            </div>
+            <div>
+                <hr>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12">
+            <div class="input-group w-50">
+                <span class="input-group-text">활성화</span>
+                <div class="form-check form-check-inline">
+                    <input <c:if test="${dto.activation == true}">checked </c:if> class="form-check-input" type="radio" name="activation" id="inlineRadio1" value="true">
+                    <label class="form-check-label" for="inlineRadio1">활성</label>
+                </div>
+                <div class="form-check form-check-inline">
+                    <input <c:if test="${dto.activation == false}">checked </c:if> class="form-check-input" type="radio" name="activation" id="inlineRadio2" value="false">
+                    <label class="form-check-label" for="inlineRadio2">비활성</label>
+                </div>
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_name_label' class="input-group-text">이름</span>
+                <input value = "${dto.name}" name="name" id="account_name" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_name_label">
+                <span class="me-5"></span>
+                <span id='employee_number_label' class="input-group-text">사번</span>
+                <input value = "${dto.employeeNumber}" id=employee_number" name="employeeNumber" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_label">
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_dept_label' class="input-group-text">부서</span>
+                <input value = "${dto.departmentDto.name}" readonly id="account_dept_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_dept_label">
+                <input value = "${dto.departmentId}" hidden name="departmentId" readonly id="departmentId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_dept_label">
+                <button id="btn_dept" type="button" class="btn btn-primary" onclick="showSearchModal('부서 검색','dept')">검색</button>
+                <span class="me-5"></span>
+                <span id='employee_pos_label' class="input-group-text">직책</span>
+                <input value = "${dto.positionDto.name}" readonly id="account_pos_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_pos">
+                <input value = "${dto.positionId}" hidden name="positionId" readonly id="positionId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_number_pos">
+                <button id="btn_pos" type="button" class="btn btn-primary" onclick="showSearchModal('직책 검색','pos')">검색</button>
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_group_label' class="input-group-text">권한</span>
+                <input value = "${dto.personalAuthorityDto.name}" readonly id="account_auth_group_name" type="text" class="form-control" placeholder="" aria-label="Username" aria-describedby="account_group_label">
+                <input value = "${dto.personalAuthorityId}" hidden name="personalAuthorityId" readonly id="personalAuthorityId" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_group_label">
+                <button id="account_search_button" class="btn-primary btn" onclick="showSearchModal('권한 검색','auth')">검색</button>
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_email_label' class="input-group-text">이메일</span>
+                <input value = "${dto.email} "id="account_email" name="email" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_email_label">
+                <span class="me-5"></span>
+                <span id='employee_telephone_label' class="input-group-text">전화번호</span>
+                <input value = "${dto.telephone}" id=employee_telephone" name="telephone" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_telephone_label">
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_gender_label' class="input-group-text">성별</span>
+                <input value = "${dto.gender}" id="account_gender" name="gender" type="text" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_gender_label">
+                <span class="me-5"></span>
+                <span id='employee_birth_label' class="input-group-text">생일</span>
+                <input value = "${dto.birth}" id="employee_birth" name="birth" type="date" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="employee_birth_label">
+            </div>
+            <div class="input-group w-50 mt-3">
+                <span id='account_address_label' class="input-group-text">주소</span>
+                <input value = "${dto.address}" id="account_address" type="text" name="address" class="create_data form-control" placeholder="" aria-label="Username" aria-describedby="account_address_label">
+            </div>
+        </div>
+    </div>
+    <div class="row mt-4">
+        <div class="col-12">
+            <button class="btn btn-primary" id="btn_confirm" onclick="updateProcess()">확인</button>
+            <button class="btn btn-danger" id="btn_exit" onclick="window.history.back()">뒤로</button>
+        </div>
+    </div>
+</div>
+<!-- 이 안에 내용 복사해서 jsp에 붙여넣기 끝 -->

src/main/webapp/WEB-INF/views/modal/auth.jsp

@@ -1,7 +1,8 @@
 <%@ page contentType="text/html; charset=UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
 <script>
-    function onSearchAuth(){
+    function onSearch(){
+        //
         //
     }
 
@@ -25,7 +26,7 @@
                     <option value="30">30</option>
                 </select>
                 <input id="search_auth_input" type="text" class="w-30 d-inline form-control" placeholder="검색">
-                <button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearchAuth()">검색</button>
+                <button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearch()">검색</button>
             </div>
         </div>
         <div class="col-12">
@@ -34,14 +35,12 @@
                 <tr><th>권한명</th><th></th></tr>
                 </thead>
                 <tbody>
+                <c:forEach items="${list }" var="dto" varStatus="status">
                 <tr>
-                    <td>관리자</td>
-                    <td><button data-tid="1234" data-tname="관리자" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
-                </tr>
-                <tr>
-                    <td>사원</td>
-                    <td><button data-tid="5678"data-tname="사원" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
+                    <td>${dto.name}</td>
+                    <td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
                 </tr>
+                </c:forEach>
                 </tbody>
             </table>
         </div>

src/main/webapp/WEB-INF/views/modal/dept.jsp

@@ -0,0 +1,48 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<script>
+    function onSearch(){
+        //
+        //
+    }
+
+    function onSelectDept(tag){
+        const $tag = $(tag);
+        const tid = $tag.data('tid');
+        const name = $tag.data('tname');
+
+        $("#account_dept_name").val(name);
+        $("#departmentId").val(tid);
+        hideSearchModal();
+    }
+</script>
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_auth_search" class="text-end">
+                <select name="search_select" class="form-select d-inline w-10">
+                    <option selected value="10">10</option>
+                    <option value="20">20</option>
+                    <option value="30">30</option>
+                </select>
+                <input id="search_auth_input" type="text" class="w-30 d-inline form-control" placeholder="검색">
+                <button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearch()">검색</button>
+            </div>
+        </div>
+        <div class="col-12">
+            <table class="table">
+                <thead class="table-dark">
+                <tr><th>부서 명</th><th></th></tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list }" var="dto" varStatus="status">
+                <tr>
+                    <td>${dto.name}</td>
+                    <td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelectDept(this)">선택</button></td>
+                </tr>
+                </c:forEach>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>

src/main/webapp/WEB-INF/views/modal/pos.jsp

@@ -0,0 +1,47 @@
+<%@ page contentType="text/html; charset=UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<script>
+    function onSearchAuth(){
+        //
+    }
+
+    function onSelectPos(tag){
+        const $tag = $(tag);
+        const tid = $tag.data('tid');
+        const name = $tag.data('tname');
+
+        $("#account_pos_name").val(name);
+        $("#positionId").val(tid);
+        hideSearchModal();
+    }
+</script>
+<div class="container">
+    <div class="row">
+        <div class="col-12">
+            <div id="div_auth_search" class="text-end">
+                <select name="search_select" class="form-select d-inline w-10">
+                    <option selected value="10">10</option>
+                    <option value="20">20</option>
+                    <option value="30">30</option>
+                </select>
+                <input id="search_auth_input" type="text" class="w-30 d-inline form-control" placeholder="검색">
+                <button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearchAuth()">검색</button>
+            </div>
+        </div>
+        <div class="col-12">
+            <table class="table">
+                <thead class="table-dark">
+                <tr><th>권한명</th><th></th></tr>
+                </thead>
+                <tbody>
+                <c:forEach items="${list }" var="dto" varStatus="status">
+                <tr>
+                    <td>${dto.name}</td>
+                    <td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn btn-primary" onclick="onSelectPos(this)">선택</button></td>
+                </tr>
+                </c:forEach>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>

src/main/webapp/WEB-INF/views/test/kkk.jsp

@@ -4,8 +4,10 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+
 </head>
 <body>
-kkkkk 성공
+
+
 </body>
 </html>