Day39——员工修改——重用页面以及修改完成

我就是我 2023-02-28 04:17 33阅读 0赞

### 文章目录 ###

*  一. 回顾
 *  二. 来到修改页面
 *  三. 重用页面
 *  四. 完成修改

# 一. 回顾 #

前面学习了[Day38——完成添加功能][Day38]，今天完成员工修改

# 二. 来到修改页面 #

使用 \{id\} 占位符获取id值，使用 @PathVariable(“id”) 将请求参数绑定到入参中

//来到修改页面，查出当前员工，在页面回显
        @GetMapping("/emp/{id}")
        public String toEditPage(@PathVariable("id") Integer id, Model model){ 
            Employee employee = employeeDao.get(id);
            model.addAttribute("emp", employee);
            //查出所有的部门信息,在页面显示
            Collection<Department> departments = departmentDao.getDepartments();
            model.addAttribute("depts", departments);
            //回到修改页面（add是一个修改添加二合一的页面）
            return "emp/add";
        }

# 三. 重用页面 #

最关键的是修改页面需要回显功能，而添加页面不需要。

**最关键的是使用`th:value="${ emp.xxx }"`。而当修改完后，添加页面却报错，因为来到添加页面，emp是空的，空对象获取xxx属性肯定会报错啊。因此使用`th:if={ emp!=null }`来控制是否回显**

回显代码如下;

# 四. 完成修改 #

因为是put请求方式，所以要添加以下代码：

<input type="hidden" name="_method" value="put" th:if="${emp!=null}">
    	<input type="hidden" name="id" th:value="${emp.id}" th:if="${emp!=null}">

//员工修改，需要提交员工id
        @PutMapping("/emp")
        public String updateEmployee(Employee employee){ 
            System.out.println("修改的员工数据："+employee);
            employeeDao.save(employee);
            return "redirect:/emps";
        }

[Day38]: https://blog.csdn.net/qq_40634846/article/details/107256214