SpringMVC 的表单标签库

冷不防 2022-05-26 11:43 295阅读 0赞

![20180501170314539][]

1.form标签

![20180501170835293][]

2.input标签

![20180501171029107][]

例子：

![20180501171353389][]

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <form:form modelAttribute="user" action="register" method="post">
    <table>
    	<tr>
    		<td>名字：</td>
    		<td><form:input path="name"/></td>
    	</tr>
    	<tr>
    		<td>性別：</td>
    		<td><form:input path="sex"/></td>
    	</tr>
    	<tr>
    		<td>年齡：</td>
    		<td><form:input path="age"/></td>
    	</tr>
    
    </table>
    </form:form>modelAttribute="user" action="register" method="post">
    <table>
    	<tr>
    		<td>名字：</td>
    		<td><form:input path="name"/></td>
    	</tr>
    	<tr>
    		<td>性別：</td>
    		<td><form:input path="sex"/></td>
    	</tr>
    	<tr>
    		<td>年齡：</td>
    		<td><form:input path="age"/></td>
    	</tr>
    
    </table>
    </form:form>

然后在controller包中的方法中加入：

model.addAttribute("user",user);

3.password标签

![20180501172626990][]

<form:password path="password"/>
    
    <input name="password" type="password"/>

4.hidden标签

![20180501173140430][]

<form:hidden path="id"/>
    
    <input name="id" type="hidden"/>

5.textarea标签

![2018050117375349][]

<form:textarea path="book" cols="12" rows="12"/>
    
    <textarea rows="12" cols="12" name="book"></textarea>

6.CheckBox标签

![2018050119394532][]

列表数据可以包括List，Set和数组。value值在我们绑定中的数据时，CheckBox的状态为选中。

<form:checkbox path="coures" label="java" value="java"/>
    <form:checkbox path="coures" label="Golang" value="Golang"/>
    <form:checkbox path="coures" label="CPP" value="CPP"/>

7.checkboxes标签

![20180501194558350][]

8.radiobutton标签

![20180501195526417][]

9.radiobuttons标签

![20180501195534691][]

一个小栗子：

web.xml：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    	xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    	id="WebApp_ID" version="3.1">
    	
    	<servlet>
    		<servlet-name>springDispatcherServlet</servlet-name>
    		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    		<init-param>
    			<param-name>contextConfigLocation</param-name>
    			<param-value>classpath:springmvc.xml</param-value>
    		</init-param>
    		<load-on-startup>1</load-on-startup>
    	</servlet>
    
    	
    	<servlet-mapping>
    		<servlet-name>springDispatcherServlet</servlet-name>
    		<url-pattern>/</url-pattern>
    	</servlet-mapping>
    	
    
    </web-app>

放在src目录下的springmvc.xml配置文件

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
    	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xmlns:context="http://www.springframework.org/schema/context"
    	xmlns:mvc="http://www.springframework.org/schema/mvc"
    	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
    		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd
    		http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd">
    	<context:component-scan base-package="com.majun"></context:component-scan>
    
    	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    	<property name="prefix" value="/WEB-INF/views/"/>
    	<property name="suffix" value=".jsp"></property>
    
    	</bean>
    </beans>

放在src目录下的不同包下两个实体类：

package com.majun.controller;//控制层的包
    import java.util.ArrayList;
    import java.util.LinkedList;
    import java.util.List;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    
    import com.majun.entity.*;
    @Controller
    @RequestMapping("spring")
    public class Test {
    	@RequestMapping(value="/testRadiobuttons",method=RequestMethod.GET)
    	public String testRadiobuttons(Model model) {
    		User user=new User();
    		user.setSex("男");
    		List<String> sexList=new ArrayList<String>();
    		sexList.add("男");
    		sexList.add("女");
    		model.addAttribute("user",user);
    		model.addAttribute("sexList",sexList);	
    		return "testRadiobuttons";
    	}
    	
    }

package com.majun.entity;//实体类
    
    public class User {
    	private String sex;
    
    	public String getSex() {
    		return sex;
    	}
    
    	public void setSex(String sex) {
    		this.sex = sex;
    	}
    	
    }

放在WEB-INF目录下的views文件夹下（视图层）：

10.select标签

![20180503215350848][]

11.option标签

![2018050321540253][]

12.options标签

![20180503215413540][]

--------------------

![1240][]

[20180501170314539]: /images/20220526/3b38ee351f2d4c4288afe742a04cbfc1.png
[20180501170835293]: /images/20220526/f07124c47b1649f1a9393dfb7761d118.png
[20180501171029107]: /images/20220526/fd8183d7163a47509cf344883a2aed17.png
[20180501171353389]: /images/20220526/89ac5946e8ac4cc69a278c0e6e78adac.png
[20180501172626990]: /images/20220526/b818dc7216964d569634a5caeff7a07c.png
[20180501173140430]: /images/20220526/3d6dcef9b0af4d1187f56e330c532b60.png
[2018050117375349]: /images/20220526/16bbe7fb570548069de3c4cc28411ff8.png
[2018050119394532]: /images/20220526/0c0a0e20e1154ee492c2477cb3a03944.png
[20180501194558350]: /images/20220526/de8bfe7c43044d0ab98a95102488c266.png
[20180501195526417]: /images/20220526/35d8c33465fa40afa42519eaaa5561d9.png
[20180501195534691]: /images/20220526/0711b637fb9048ec9ea49e02523c60b6.png
[20180503215350848]: /images/20220526/cad13ccfd7f14448af6513758d4e73f3.png
[2018050321540253]: /images/20220526/cdb6dc9b1e0b4b15b31e0690550d14ee.png
[20180503215413540]: /images/20220526/7f178a9587f8416183f7386dd6b1e860.png
[1240]: /images/20220526/960d6365092c47c989afb246e9e618e4.png