SpringBoot----thymeleaf的修改数据页面简单例子35

这里的修改和添加页面是同一个

如下简单的html代码为示例

<form th:action="@{/emp}" method="post">
						<!--需要区分是员工数据-->
						<!--
							1.springMVC中配置了HiddenHttpMethodFilter;(SpringBoot自动配置好的)
							2.页面创建一个post表单
							3.创建一个input项，name="_method";值就是我们指定的请求方式。
						-->
						<input type="hidden" name="_method" th:value="put" th:if="${emp!=null}" />
						<input type="hidden" name="id" th:value="${emp.id}" th:if="${emp!=null}" >

						<div class="form‐group">
							<label>LastName</label>
							<input name="lastName" type="text" class="form-control" placeholder="姓名" th:value="${emp!=null}?${emp.lastName}">
						</div>
						<div class="form‐group">
							<label>Email</label>
							<input name="email" type="email" class="form-control" placeholder="邮箱" th:value="${emp!=null}?${emp.email}">
						</div>
						<div class="form‐group">
							<label>Gender</label><br/>
							<div class="form-check form-check-inline">
								<input class="form-check-input" type="radio" name="gender" value="1" th:checked="${emp!=null}?${emp.gender}==1">
								<label class="form-check-label">男</label>
							</div>
							<div class="form-check form-check-inline">
								<input class="form-check-input" type="radio" name="gender" value="0" th:checked="${emp!=null}?${emp.gender}==0">
								<label class="form-check-label">女</label>
							</div>
						</div>
						<div class="form-group">
							<label>department</label>
							<select class="form-control" name="department.id">
								<option th:selected="${emp!=null}?${de.id}==${emp.department.id}" th:value="${de.id}" th:each="de:${departments}" th:text="${de.departmentName}"></option>

							</select>
						</div>
						<div class="form-group">
							<label>Birth</label>
							<input name="birth" type="text" class="form-control" placeholder="生日" th:value="${emp!=null}?${#dates.format(emp.birth,'yyyy-MM-dd HH:mm:ss')}">
						</div>
						<button type="submit" class="btn btn-primary" th:text="${emp==null?'添加':'修改'}">添加</button>
					</form>

第一步：回显数据,给value属性赋值，用checked赋值，用selected赋值

第二步：通过判断对象是否为空来决定是否回显，添加页面不回显，emp==null?：

第三步：点击修改发送put请求

1.springMVC中配置了HiddenHttpMethodFilter;(SpringBoot自动配置好的)
2.页面创建一个post表单
3.创建一个input项，name="_method";值就是我们指定的请求方式。如下

注意：input项需要在form里面才有用

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

第四步：添加数据的ID

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