Done Stept 4 em spring

.gitignore

@@ -1 +1,2 @@
 /target/
+/bin/

.settings/org.eclipse.wst.common.component

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
-    <wb-module deploy-name="EM-Spring-0.0.1-SNAPSHOT">
-        <wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/>
-        <wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/>
-        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
-        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/>
-        <property name="context-root" value="EM-Spring"/>
-        <property name="java-output-path" value="/em-spring/target/classes"/>
-    </wb-module>
-</project-modules>

src/main/java/com/example/rhizome/app/domain/service/DeleteDepartment.java

@@ -0,0 +1,6 @@
+package com.example.rhizome.app.domain.service;
+
+public interface DeleteDepartment {
+	void delete(Integer idDepartment);
+
+}

src/main/java/com/example/rhizome/app/domain/service/InsertDepartment.java

@@ -0,0 +1,7 @@
+package com.example.rhizome.app.domain.service;
+
+import com.example.rhizome.app.domain.model.Department;
+
+public interface InsertDepartment {
+    void insert(Department department);
+}

src/main/java/com/example/rhizome/app/domain/service/SearchDepartment.java

@@ -1,14 +1,16 @@
 package com.example.rhizome.app.domain.service;
 
+import java.util.List;
+
 import com.example.rhizome.app.domain.model.Department;
 import com.example.rhizome.app.domain.model.SearchConditionDepartment;
 
-import java.util.List;
-
 public interface SearchDepartment {
 	List<Department> selectAll();
 
 	List<Department> searchBy(SearchConditionDepartment searchConditionDepartment);
 
 	List<Department> searchByWithLike(SearchConditionDepartment searchConditionDepartment);
+
+	Department searchById(Integer idDepartment);
 }

src/main/java/com/example/rhizome/app/domain/service/SearchDepartmentImpl.java

@@ -1,42 +0,0 @@
-package com.example.rhizome.app.domain.service;
-
-import java.util.List;
-
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.data.jpa.domain.Specification;
-import org.springframework.stereotype.Service;
-
-import com.example.rhizome.app.domain.model.Department;
-import com.example.rhizome.app.domain.model.SearchConditionDepartment;
-import com.example.rhizome.app.infra.entity.DepartmentEntity;
-import com.example.rhizome.app.infra.repository.DepartmentRepository;
-
-@Service
-public class SearchDepartmentImpl implements SearchDepartment {
-
-    @Autowired
-    private DepartmentRepository departmentRepository;
-
-    @Override
-    public List<Department> selectAll() {
-        return DepartmentEntity.createDepartmentList(departmentRepository.findAll());
-    }
-
-    @Override
-    public List<Department> searchBy(SearchConditionDepartment searchConditionDepartment) {
-        Specification<DepartmentEntity> spec = Specification
-                .where(DepartmentRepository.idDepartmentEqual(searchConditionDepartment.getIdDepartment()))
-                .and(DepartmentRepository.nmDepartmentEqual(searchConditionDepartment.getNmDepartment()));
-
-        return DepartmentEntity.createDepartmentList(departmentRepository.findAll(spec));
-    }
-
-    @Override
-    public List<Department> searchByWithLike(SearchConditionDepartment searchConditionDepartment) {
-        Specification<DepartmentEntity> spec = Specification
-                .where(DepartmentRepository.idDepartmentEqual(searchConditionDepartment.getIdDepartment()))
-                .and(DepartmentRepository.nmDepartmentLike(searchConditionDepartment.getNmDepartment()));
-
-        return DepartmentEntity.createDepartmentList(departmentRepository.findAll(spec));
-    }
-}

src/main/java/com/example/rhizome/app/domain/service/UpdateDepartment.java

@@ -0,0 +1,7 @@
+package com.example.rhizome.app.domain.service;
+
+import com.example.rhizome.app.domain.model.Department;
+
+public interface UpdateDepartment {
+    void update(Department department);
+}

src/main/java/com/example/rhizome/app/domain/service/impl/DeleteDepartmentImpl.java

@@ -0,0 +1,20 @@
+package com.example.rhizome.app.domain.service.impl;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.example.rhizome.app.domain.service.DeleteDepartment;
+import com.example.rhizome.app.infra.repository.DepartmentRepository;
+
+@Service
+public class DeleteDepartmentImpl implements DeleteDepartment {
+
+    @Autowired
+    private DepartmentRepository departmentRepository;
+
+    @Override
+    public void delete(Integer idDepartment) {
+        // JpaRepository တွင်ပါရှိသော deleteById ကို အသုံးပြု၍ ဖယ်ရှားရန်
+        departmentRepository.deleteById(idDepartment);
+    }
+}

src/main/java/com/example/rhizome/app/domain/service/impl/InsertDepartmentImpl.java

@@ -0,0 +1,29 @@
+package com.example.rhizome.app.domain.service.impl;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import com.example.rhizome.app.domain.model.Department;
+import com.example.rhizome.app.domain.service.InsertDepartment;
+import com.example.rhizome.app.infra.entity.DepartmentEntity;
+import com.example.rhizome.app.infra.repository.DepartmentRepository;
+
+@Service
+@Transactional
+public class InsertDepartmentImpl implements InsertDepartment {
+
+	DepartmentRepository departmentRepository;
+
+	@Autowired
+	public InsertDepartmentImpl(DepartmentRepository departmentRepository) {
+		this.departmentRepository = departmentRepository;
+	}
+
+	@Override
+	public void insert(Department department) {
+		DepartmentEntity entity = new DepartmentEntity();
+		entity.setNmDepartment(department.getNmDepartment());
+		departmentRepository.save(entity);
+	}
+}

src/main/java/com/example/rhizome/app/domain/service/impl/SearchDepartmentImpl.java

@@ -1,17 +1,18 @@
 package com.example.rhizome.app.domain.service.impl;
 
 
+import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.data.jpa.domain.Specification;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
 import com.example.rhizome.app.domain.model.Department;
 import com.example.rhizome.app.domain.model.SearchConditionDepartment;
 import com.example.rhizome.app.domain.service.SearchDepartment;
 import com.example.rhizome.app.infra.entity.DepartmentEntity;
 import com.example.rhizome.app.infra.repository.DepartmentRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.data.jpa.domain.Specification;
-import org.springframework.stereotype.Service;
-import org.springframework.transaction.annotation.Transactional;
-
-import java.util.List;
 
 /**
  * 部署情報検索系の機能を集約させるサービスクラスです。
@@ -78,5 +79,22 @@ public class SearchDepartmentImpl implements SearchDepartment {
                         )
                 );
 
+    }
+
+	@Override
+	public Department searchById(Integer idDepartment) {
+		// TODO 自動生成されたメソッド・スタブ
+		if (idDepartment == null) {
+            return null;
+        }
+        
+        return departmentRepository.findById(idDepartment)
+                .map(entity -> {
+                    List<Department> list = DepartmentEntity.createDepartmentList(List.of(entity));
+                    return list.isEmpty() ? null : list.get(0);
+                })
+                .orElse(null);
+    
+		
 	}
 }

src/main/java/com/example/rhizome/app/domain/service/impl/UpdateDepartmentImpl.java

@@ -0,0 +1,26 @@
+package com.example.rhizome.app.domain.service.impl;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import com.example.rhizome.app.domain.model.Department;
+import com.example.rhizome.app.domain.service.UpdateDepartment;
+import com.example.rhizome.app.infra.entity.DepartmentEntity;
+import com.example.rhizome.app.infra.repository.DepartmentRepository;
+
+@Service
+public class UpdateDepartmentImpl implements UpdateDepartment {
+
+    @Autowired
+    private DepartmentRepository departmentRepository;
+
+    @Override
+    public void update(Department department) {
+        // Model မှ Entity သို့ ပြောင်းလဲခြင်း သို့မဟုတ် သက်ဆိုင်ရာ update ကို save ဖြင့် လုပ်ဆောင်ရန်
+        DepartmentEntity entity = new DepartmentEntity();
+        entity.setIdDepartment(department.getIdDepartment());
+        entity.setNmDepartment(department.getNmDepartment());
+        
+        departmentRepository.save(entity);
+    }
+}

src/main/java/com/example/rhizome/app/presentation/controller/DeleteDepartmentController.java

@@ -0,0 +1,47 @@
+package com.example.rhizome.app.presentation.controller;
+
+import javax.servlet.http.HttpSession;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+import com.example.rhizome.aop.aspect.SessionCheck;
+import com.example.rhizome.app.domain.service.DeleteDepartment;
+import com.example.rhizome.app.presentation.controller.pageproperty.PageReturnAttributeKeyword;
+import com.example.rhizome.app.presentation.controller.pageproperty.TransitionTargetPageNameKeyword;
+import com.example.rhizome.app.presentation.form.MessageForm;
+
+@Controller
+public class DeleteDepartmentController {
+
+    HttpSession httpSession;
+    DeleteDepartment deleteDepartment;
+
+    @Autowired
+    public DeleteDepartmentController(HttpSession httpSession, DeleteDepartment deleteDepartment) {
+        this.httpSession = httpSession;
+        this.deleteDepartment = deleteDepartment;
+    }
+
+    @SessionCheck
+    @PostMapping("/deleteDepartmentInput")
+    public String deleteDepartment(@RequestParam("idDepartment") Integer idDepartment, Model model) {
+        final String DELETE_COMPLETE = "削除しました。";
+
+        try {
+            // ဌာန ဖယ်ရှားခြင်း လုပ်ဆောင်ချက်
+            deleteDepartment.delete(idDepartment);
+
+            model.addAttribute(PageReturnAttributeKeyword.MESSAGE_INFO, new MessageForm(DELETE_COMPLETE));
+            return "forward:/selectDepartment";
+
+        } catch (Exception e) {
+            httpSession.invalidate();
+            e.printStackTrace();
+            return TransitionTargetPageNameKeyword.ERROR_HTML;
+        }
+    }
+}

src/main/java/com/example/rhizome/app/presentation/controller/InsertDepartmentController.java

@@ -0,0 +1,78 @@
+package com.example.rhizome.app.presentation.controller;
+
+import java.util.logging.Level;
+import java.util.logging.Logger;
+
+import javax.servlet.http.HttpSession;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+
+import com.example.rhizome.aop.aspect.SessionCheck;
+import com.example.rhizome.app.domain.model.Department;
+import com.example.rhizome.app.domain.service.InsertDepartment;
+import com.example.rhizome.app.presentation.controller.pageproperty.PageReturnAttributeKeyword;
+import com.example.rhizome.app.presentation.controller.pageproperty.TransitionTargetPageNameKeyword;
+import com.example.rhizome.app.presentation.form.DepartmentForm;
+import com.example.rhizome.app.presentation.form.MessageForm;
+
+@Controller
+public class InsertDepartmentController {
+
+    private final static Logger LOGGER = Logger.getLogger(InsertDepartmentController.class.getName());
+    private final static String SEVERE_ERROR_MESSAGE = "エラーが発生しました！";
+
+    HttpSession httpSession;
+    InsertDepartment insertDepartment;
+
+    @Autowired
+    public InsertDepartmentController(HttpSession httpSession, InsertDepartment insertDepartment) {
+        this.httpSession = httpSession;
+        this.insertDepartment = insertDepartment;
+    }
+
+    /**
+     * 部署登録入力画面を表示する
+     */
+    @SessionCheck
+    @RequestMapping(value = "/insertDepartmentInput", method = {RequestMethod.GET, RequestMethod.POST})
+    public String showInsertDepartment(Model model) {
+        try {
+            model.addAttribute("departmentForm", new DepartmentForm());
+            return "insertDepartmentInput";
+        } catch (Exception e) {
+            httpSession.invalidate();
+            e.printStackTrace();
+            LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE, e);
+            return TransitionTargetPageNameKeyword.ERROR_HTML;
+        }
+    }
+
+    /**
+     * 部署情報の登録を実行する
+     */
+    @SessionCheck
+    @PostMapping("/insertDepartmentResult")
+    public String insertDepartmentResult(@ModelAttribute("departmentForm") DepartmentForm departmentForm, Model model) {
+        final String INSERT_COMPLETE = "登録しました。";
+
+        try {
+            Department department = new Department(null, departmentForm.getNmDepartment());
+            insertDepartment.insert(department);
+
+            model.addAttribute(PageReturnAttributeKeyword.MESSAGE_INFO, new MessageForm(INSERT_COMPLETE));
+            return "forward:/selectDepartment";
+
+        } catch (Exception e) {
+            httpSession.invalidate();
+            e.printStackTrace();
+            LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE, e);
+            return TransitionTargetPageNameKeyword.ERROR_HTML;
+        }
+    }
+}

src/main/java/com/example/rhizome/app/presentation/controller/SelectDepartmentController.java

@@ -9,6 +9,7 @@ import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.ModelAttribute;
 import org.springframework.web.bind.annotation.PostMapping;
 
+import com.example.rhizome.aop.aspect.SessionCheck;
 import com.example.rhizome.app.domain.model.Department;
 import com.example.rhizome.app.domain.service.SearchDepartment;
 import com.example.rhizome.app.presentation.form.DepartmentForm;
@@ -21,9 +22,10 @@ public class SelectDepartmentController {
     private SearchDepartment searchDepartment;
 
     /** 部署検索画面の初期表示 */
+    @SessionCheck
     @GetMapping("/showSelectDepartment")
     public String showSelectDepartment(@ModelAttribute SearchConditionDepartmentForm searchConditionDepartmentForm) {
-        return "department/selectDepartment";
+        return "selectDepartment";
     }
 
     /** 部署検索処理 */
@@ -34,6 +36,6 @@ public class SelectDepartmentController {
         );
 
         model.addAttribute("departmentFormList", DepartmentForm.convertFrom(departmentList));
-        return "department/selectDepartment";
+        return "selectDepartment";
     }
 }

src/main/java/com/example/rhizome/app/presentation/controller/UpdateDepartmentController.java

@@ -0,0 +1,89 @@
+package com.example.rhizome.app.presentation.controller;
+
+import java.util.logging.Level;
+import java.util.logging.Logger;
+
+import javax.servlet.http.HttpSession;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+
+import com.example.rhizome.aop.aspect.SessionCheck;
+import com.example.rhizome.app.domain.model.Department;
+import com.example.rhizome.app.domain.service.SearchDepartment;
+import com.example.rhizome.app.domain.service.UpdateDepartment;
+import com.example.rhizome.app.presentation.controller.pageproperty.PageReturnAttributeKeyword;
+import com.example.rhizome.app.presentation.controller.pageproperty.TransitionTargetPageNameKeyword;
+import com.example.rhizome.app.presentation.form.DepartmentForm;
+import com.example.rhizome.app.presentation.form.MessageForm;
+
+@Controller
+public class UpdateDepartmentController {
+
+    private final static Logger LOGGER = Logger.getLogger(UpdateDepartmentController.class.getName());
+    private final static String SEVERE_ERROR_MESSAGE = "エラーが発生しました！";
+
+    HttpSession httpSession;
+    SearchDepartment searchDepartment;
+    UpdateDepartment updateDepartment; // 追加
+
+    @Autowired
+    public UpdateDepartmentController(HttpSession httpSession, SearchDepartment searchDepartment, UpdateDepartment updateDepartment) {
+        this.httpSession = httpSession;
+        this.searchDepartment = searchDepartment;
+        this.updateDepartment = updateDepartment; // 追加
+    }
+
+    @SessionCheck
+    @PostMapping("/updateDepartmentInput")
+    public String showUpdateDepartment(@RequestParam("idDepartment") Integer idDepartment, Model model) {
+        final String UPDATE_TARGET_ID_NOT_FOUND = "更新対象のデータが見つかりません。";
+
+        try {
+            Department department = searchDepartment.searchById(idDepartment);
+
+            if (department == null) {
+                model.addAttribute(PageReturnAttributeKeyword.MESSAGE_ERROR, new MessageForm(UPDATE_TARGET_ID_NOT_FOUND));
+                return "forward:/selectDepartment";
+            }
+
+            model.addAttribute("departmentForm", DepartmentForm.convertFrom(department));
+            return "updateDepartmentInput";
+
+        } catch (Exception e) {
+            httpSession.invalidate();
+            e.printStackTrace();
+            LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE, e);
+            return TransitionTargetPageNameKeyword.ERROR_HTML;
+        }
+    }
+
+    /**
+     * 部署情報の更新を実行する
+     */
+    @SessionCheck
+    @RequestMapping(value = "/updateDepartmentResult", method = RequestMethod.POST)
+    public String updateDepartmentResult(@ModelAttribute("departmentForm") DepartmentForm departmentForm, Model model) {
+        final String UPDATE_COMPLETE = "更新しました。";
+
+        try {
+            Department department = new Department(departmentForm.getIdDepartment(), departmentForm.getNmDepartment());
+            updateDepartment.update(department);
+
+            model.addAttribute(PageReturnAttributeKeyword.MESSAGE_INFO, new MessageForm(UPDATE_COMPLETE));
+            return "forward:/selectDepartment";
+
+        } catch (Exception e) {
+            httpSession.invalidate();
+            e.printStackTrace();
+            LOGGER.log(Level.SEVERE, SEVERE_ERROR_MESSAGE, e);
+            return TransitionTargetPageNameKeyword.ERROR_HTML;
+        }
+    }
+}

src/main/resources/templates/insertDepartmentInput.html

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+	<!-- 外部のスクリプトファイルを読み込む -->
+	<script th:src="@{/js/common.js}"></script>
+	<!-- CSSの読み込み -->
+	<link rel="stylesheet" th:href="@{/css/all.css}">
+	<link rel=stylesheet th:href="@{/css/style.css}" type="text/css">
+	<title>部署情報登録</title>
+</head>
+
+<body>
+	<h1>
+		部署情報登録
+		<div class="rightSection">
+			<span class="loginInfo">ログイン者名：<span th:text="${session.loginUser.nmEmployee}"></span></span>
+			<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
+		</div>
+	</h1>
+	<form action="/insertDepartmentResult" method="post" onsubmit="return confirm('本当によろしいですか？');"
+		th:object="${departmentForm}">
+		<div class="msgBox error" th:if="${messageError != null}">
+			<span class="error" th:each="message : ${messageError.message}" th:text="${message}"></span>
+		</div>
+		<table>
+			<tr>
+				<th class="header">部署ID</th>
+				<td>
+					<label>
+						<input class="readOnly" readonly="readonly" type="text"value="自動で設定されます" />
+					</label>
+				</td>
+			</tr>
+			<tr>
+				<th class="header">部署名</th>
+				<td>
+					<label>
+
+						<input maxlength="50" placeholder="部署名" required="required" th:field="*{nmDepartment}"
+							type="text" />
+					</label>
+				</td>
+			</tr>
+			<tr>
+				<td class="btnArea" colspan="2">
+					<input type="submit" value="登録" />
+				</td>
+			</tr>
+		</table>
+	</form>
+	<a href="javascript:selectSubmit()">一覧に戻る</a>
+</body>
+
+<script>
+	function selectSubmit() {
+		const form = document.createElement('form');
+		form.setAttribute('method', 'post');
+		form.setAttribute('action', 'selectDepartment');
+
+		// 動的送信用のHidden
+		const inputField = document.createElement("input");
+		inputField.setAttribute("type", "hidden");
+		inputField.setAttribute("value", "selectDepartment");
+
+		form.appendChild(inputField);
+
+		// フォームをDOMに追加
+		document.body.appendChild(form);
+
+		form.submit();
+	}
+</script>
+
+</html>

src/main/resources/templates/menu.html

@@ -26,13 +26,23 @@
 			<td><a class="menuClass" href="javascript:selectEmployeeSubmit()"><i class="fas fa-search"></i> 社員検索 </a>
 			</td>
 			<td class="description">登録済みのユーザ一覧表示と</br>更新、削除を行います。</td>
+			<td><a class="menuClass" href="javascript:selectDepartmentSubmit()"><i class="fas fa-search"></i> 部署検索 </a>
+			</td>
+			<td class="description">登録済みの部署一覧表示と</br>更新、削除を行います。
+			</td>
 		</tr>
-
+		<!-- ဒီနေရာမှာ ဌာနရှာဖွေခြင်း (部署検索) ကို ထည့်ပါ -->
 		<tr>
-        <td><a class="menuClass" href="javascript:insertEmployeeSubmit()"><i class="fas fa-plus"></i> 社員登録 </a></td>
-        <td class="description">新規でユーザ追加を行います。</td>
+			<td><a class="menuClass" href="javascript:insertEmployeeSubmit()"><i class="fas fa-plus"></i> 社員登録 </a>
+			</td>
+			<td class="description">新規でユーザ追加を行います。
+			</td>
+			<!-- ဒီနေရာမှာ ဌာနအသစ်ထည့်သွင်းခြင်း (部署登録) ကို ထည့်ပါ -->
+			<td><a class="menuClass" href="javascript:insertDepartmentSubmit()"><i class="fas fa-plus"></i> 部署登録 </a>
+			</td>
+			<td class="description">新規で部署追加を行います。
+			</td>
 		</tr>
-
 	</table>
 </body>
 

src/main/resources/templates/selectDepartment.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
+
 <head>
 	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
 	<script th:src="@{/js/common.js}"></script>
@@ -7,9 +8,9 @@
 	<link rel="stylesheet" th:href="@{/css/style.css}" type="text/css">
 	<title>部署検索</title>
 </head>
+
 <body>
-<h1>
-    部署検索条件入力
+	<h1>部署検索条件入力
 		<div class="rightSection">
 			<span class="loginInfo">ログイン者名：<span th:text="${session.loginUser.nmEmployee}"></span></span>
 			<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
@@ -53,12 +54,19 @@
 				<tr>
 					<th style="width: 100px;">部署ID</th>
 					<th style="width: 200px;">部署名</th>
+					<th style="width: 200px;">操作</th>
 				</tr>
 			</thead>
 			<tbody>
 				<tr th:each="departmentForm : ${departmentFormList}">
 					<td th:text="${departmentForm.idDepartment}"></td>
 					<td th:text="${departmentForm.nmDepartment}"></td>
+					<td>
+						<button type="button"
+							th:onclick="'updateDepartment(' + ${departmentForm.idDepartment} + ')'">更新</button>
+						<button type="button"
+							th:onclick="'deleteDepartment(' + ${departmentForm.idDepartment} + ')'">削除</button>
+					</td>
 				</tr>
 			</tbody>
 		</table>
@@ -73,6 +81,39 @@
 			document.getElementById('idDepartment').value = '';
 			document.getElementById('nmDepartment').value = '';
 		}
+		// 部署更新用のJavaScript
+		function updateDepartment(idDepartment) {
+			const form = document.createElement('form');
+			form.setAttribute('method', 'post');
+			form.setAttribute('action', 'updateDepartmentInput'); // Update Controller ၏ URL သို့မဟုတ် Path
+
+			const inputField = document.createElement("input");
+			inputField.setAttribute("type", "hidden");
+			inputField.setAttribute("name", "idDepartment");
+			inputField.setAttribute("value", idDepartment);
+
+			form.appendChild(inputField);
+			document.body.appendChild(form);
+			form.submit();
+		}
+		
+
+		// 部署削除用のJavaScript
+		function deleteDepartment(idDepartment) {
+			const form = document.createElement('form');
+			form.setAttribute('method', 'post');
+			form.setAttribute('action', 'deleteDepartmentInput'); // Delete Controller ၏ URL သို့မဟုတ် Path
+
+			const inputField = document.createElement("input");
+			inputField.setAttribute("type", "hidden");
+			inputField.setAttribute("name", "idDepartment");
+			inputField.setAttribute("value", idDepartment);
+
+			form.appendChild(inputField);
+			document.body.appendChild(form);
+			form.submit();
+		}
 	</script>
 </body>
+
 </html>

src/main/resources/templates/updateDepartmentInput.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+	<!-- 外部のスクリプトファイルを読み込む -->
+	<script th:src="@{/js/common.js}"></script>
+	<!-- CSSの読み込み -->
+	<link rel="stylesheet" th:href="@{/css/all.css}">
+	<link rel="stylesheet" th:href="@{/css/style.css}" type="text/css">
+	<title>部署情報更新</title>
+</head>
+
+<body>
+	<h1>
+		部署情報更新
+		<div class="rightSection">
+			<span class="loginInfo">ログイン者名：<span th:text="${session.loginUser.nmEmployee}"></span></span>
+			<button class="logoutButton" onclick="logoutSubmit()">ログアウト</button>
+		</div>
+	</h1>
+	<form action="/updateDepartmentResult" method="post" onsubmit="return confirm('本当によろしいですか？');"
+		th:object="${departmentForm}">
+		<div class="msgBox error" th:if="${messageError != null}">
+			<span class="error" th:each="message : ${messageError.message}" th:text="${message}"></span>
+		</div>
+		<table>
+			<tr>
+				<th class="header">部署ID</th>
+				<td>
+					<label>
+						<input class="readOnly" readonly="readonly" th:field="*{idDepartment}" type="text" />
+					</label>
+				</td>
+			</tr>
+			<tr>
+				<th class="header">部署名</th>
+				<td>
+					<label>
+						<input maxlength="50" placeholder="部署名" required="required" th:field="*{nmDepartment}"
+							type="text" />
+					</label>
+				</td>
+			</tr>
+			<tr>
+				<td class="btnArea" colspan="2">
+					<input type="submit" value="更新" />
+				</td>
+			</tr>
+		</table>
+	</form>
+	<a href="javascript:selectSubmit()">一覧に戻る</a>
+</body>
+
+<script>
+	function selectSubmit() {
+		const form = document.createElement('form');
+		form.setAttribute('method', 'post');
+		form.setAttribute('action', 'selectDepartment');
+
+		// 動的送信用のHidden
+		const inputField = document.createElement("input");
+		inputField.setAttribute("type", "hidden");
+		inputField.setAttribute("value", "selectDepartment");
+
+		form.appendChild(inputField);
+
+		// フォームをDOMに追加
+		document.body.appendChild(form);
+
+		form.submit();
+	}
+</script>
+
+</html>