SpringBoot动态修改form标签的提交方式

绝地灬酷狼 2024-04-17 22:23 50阅读 0赞

#### SpringBoot中动态修改form标签的method提交方式： ####

请先阅读下面的带有thymeleaf的jsp代码，提交有Restful风格，该页面是将员工添加和修改页面都合在一起用(工作中不建议这样用，耦合度高)：

<form th:action="@{/emp}" method="post">
    	
    	
    	<input type="hidden" name="_method" value="put" th:if="${emp!=null}"/>
    	<input type="hidden" name="id" th:if="${emp!=null}" th:value="${emp.id}">
    	<div class="form-group">
    		<label>LastName</label>
    		<input name="lastName" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${emp.lastName}">
    	</div>
    	<div class="form-group">
    		<label>Email</label>
    		<input name="email" type="email" class="form-control" placeholder="zhangsan@atguigu.com" 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}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depts}" th:text="${dept.departmentName}">1</option>
    		</select>
    	</div>
    	<div class="form-group">
    		<label>Birth</label>
    		<input name="birth" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy-MM-dd HH:mm')}">
    	</div>
    	<button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">添加</button>
    </form>

#### 问题 ####

如上

emp！=null即为修改页面否则为添加页面，由Restful API风格知添加功能的页面时应该使用Post请求，修改功能的页面时使用Put请求，而此处又是添加、修改重用一个页面需要动态修改<from> 标签的method提交方式。  
;

#### 答案 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhcG9uaQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20190902134745678.png]  
     SpringMVC中配置HiddenHttpMethodFilter类（SpringBoot自动配置好的），里面定义了 `public static final String DEFAULT_METHOD_PARAM = "_method"`大概意思是将提交method方式改为参数为\_method内标签值。

如最上面的代码原本的

原本的<form>的method是post提交方式，而当emp!=null时带有name="\_method" value="put"的input标签`<input type="hidden" name="_method" value="put" th:if="${emp!=null}"/>`会并被SpringBoot自动配置所检查到，将<form>的method的提交方式改为value="put"的对应值“put”，即此时<form>的method是put提交方式。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RhcG9uaQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/d12195a74ef34e60867b321e6bd5454a.png
[20190902134745678.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/6e23627b00da475aa00cd349a9cf9627.png