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

1、Restful CRUD：CRUD满足Rest风格 URI：/资源名称/资源标识        HTTP请求方式区分对资源CRUD操作 普通CRUD(uri来区分操作) Restful CRUD 查询 getEmp emp--GET 添加 addEmp?name=lucy&age=22 emp--POST 修改 updateEmp?id=1 emp/{id}--PUT 删除 deleteEmp?id=1 emp/{id}--DELET

2、demo请求架构 请求URI 请求方式 员工列表（查询所有员工） emps GET 提交添加员工 emp POST 查询单一员工（进入修改页面） emp/1 GET 修改保存员工 emp PUT 删除员工 emp/1 DELETE

3、 员工列表 thymeleaf公共页面元素抽取： 1、抽取公共片段 2、引入公共片段     片段规范语法： ~{templatename :: selector}：模板名::选择器。包含在名称为templatename的模板上应用指定的标签选择器匹配的片段。 ~{footer :: copy}：模板名::片段名。

4、把公共部分抽取一个页面中 引用方式：

5、链接高亮

6、显示数据 时间格式化： 详细，查看文档：https://download.youkuaiyun.com/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步操作时，有一遗留的问题：添加新员工信息 和 修改已有员工信息？

感谢--尚硅谷