SpringBoot　web--RestfulCRUD-demo-Restful风格（18）

1、Restful CRUD：CRUD满足Rest风格

URI：/资源名称/资源标识        HTTP请求方式区分对资源CRUD操作

2、demo请求架构

3、 员工列表

thymeleaf公共页面元素抽取：

1、抽取公共片段

2、引入公共片段

    片段规范语法：

~{templatename :: selector}：模板名::选择器。包含在名称为templatename的模板上应用指定的标签选择器匹配的片段。

~{footer :: copy}：模板名::片段名。

5、链接高亮

6、显示数据

时间格式化：

详细，查看文档：https://download.csdn.net/download/yufang131/10420053

7、添加员工

1、列表页面添加一些操作按钮

<h2>添加员工信息</h2>
<form th:action="@{/user/emp}" method="post">
　<div class="form-group">
<label for="exampleFormControlInput1">lastName</label>
<input type="text" name="lastName" th:value="${emp!=null}?${emp.lastName}" class="form-control" placeholder="lily">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input type="email" name="email" th:value="${emp!=null}?${emp.email}" class="form-control" placeholder="name@example.com">
</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 for="exampleFormControlSelect2">department</label>
<select class="form-control" name="department.id">
<option th:each="dep : ${deps}" th:value="${dep.id}" th:text="${dep.departmentName}" th:selected="${emp!=null}?${dep.id == emp.department.id}"></option>
</select>
</div>
<div class="form-group">
<label>Birth</label>
<input type="text" name="birth" th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy/MM/dd HH:mm:ss')}" class="form-control" placeholder="2018/10/10" >
</div>
<button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">保存</button>
</form>

8、修改员工

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

9、删除员工信息

在第8步操作时，有一遗留的问题：添加新员工信息 和 修改已有员工信息？