CRUD——常见场景

一、Restful

RestfulCRUD:CRUD满足Rest风格。

URI:/资源名称/资源标识符

HTTP请求方式区分对资源CRUD操作

  普通CRUD(uri区分操作) RestfulCRUD
查询 getEmp emp --GET
添加 addEmp?*** emp--POST
修改 updateEmp?id=**&xxx=xx emp/{id} -- PUT
删除 deleteEmp?id=1 emp/{id}---DELETE

二、请求架构

实验功能 请求URI 请求方式
查询所有员工 emps GET
查询某个员工 emp/{id} GET
添加页面 emp GET
添加员工 emp POST
来到修改页面(查出info信息回写) emp/{id} GET
修改员工 emp PUT
删除员工 emp/{id} DELETE

三、put请求

<!--发送put请求修改员工数据-->
	<!--
		1、SpringMVC中配置HiddenHttpMethodFilter;(SpringBoot自动配置好的)
		2、页面创建一个post表单
		3、创建一个input项,name="_method";值就是我们指定的请求方式
	-->

四、标签用法

<!-- ##### 增/改 ###### -->
<a class="btn btn-sm btn-success" href="emp" th:href="@{/addEmp}">员工添加</a>
<a class="btn btn-sm btn-primary" th:href="@{/emp/}+${emp.id}">编辑</a>
<!--隐藏文本框。 if判断 -->
<input type="hidden" name="id" th:if="${emp!=null}" th:value="${emp.id}">
<!--文本框。 是添加则添加 , 是修改则查询数据进行  自动填充 -->
<input name="lastName" type="text" class="form-control"  th:value="${emp!=null}?${emp.lastName}">
<!--单选框。 是添加则添加 , 是修改则查询数据进行  自动填充 -->
<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>
<!--下拉框。 -->
<select class="form-control" name="department.id">
	<option th:selected="${emp!=null}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depIds}" th:text="${dept.departmentName}">1</option>
</select>
<!--日期框 -->
<input name="birth" type="text" class="form-control"  th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy-MM-dd HH:mm')}">
<!--button动态显示 -->
<button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">添加</button>
<!--######## 删除 ######## -->
<form id="deleteEmpForm"  method="post">
	<input type="hidden" name="_method" value="delete"/>
</form>
<script>
	$(".deleteBtn").click(function(){
		//删除当前员工的
		$("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();
		return false;
    });
</script>

<!--日期格式 -->
spring.mvc.date-format = yyyy-MM-dd
<!--put方式 -->
spring.mvc.hiddenmethod.filter.enabled=true
发布了25 篇原创文章 · 获赞 5 · 访问量 4501

猜你喜欢

转载自blog.csdn.net/qq_41605068/article/details/104085057