SpringMVC的form表单标签使用(八)上-阿里云开发者社区

一. form 标签

在实际业务开发中，虽然不常用

可以与Struts2 的form 表单标签进行区分性学习。可以参考老蝴蝶以前的文章: Struts2的%,#,$的区别,UI标签及其表单radio,checkbox,select回显数据(七)

如果引用 springmvc 中的form 标签的话，需要引入相应的约束，就像 jsp 里面的jstl 一样。

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

这个约束的文件为spring-form.tld, 在spring-webaamvc.jar包里面。

注意，千万不要忘记引用 uri,不然标签是不会出来的。下面的例子均默认带上了 uri。

重写一个 User.java，方便后面使用

package com.yjl.pojo;
import java.io.Serializable;
import java.util.List;
import java.util.Map;
/**
 * 所用的员工类
 * @author 12905
 *
 */
public class User{
  private Integer id;
    private String name;
    private String password;
    private Integer age;
    private String sex;
    private String description;
    private List<String> hobby;
    private boolean isAgree;
    private String addr;
    private List<String> job;
    private Dept dept;
    private List<Role> roles;
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name == null ? null : name.trim();
    }
    public Integer getAge() {
        return age;
    }
    public void setAge(Integer age) {
        this.age = age;
    }
    public String getSex() {
        return sex;
    }
    public void setSex(String sex) {
        this.sex = sex == null ? null : sex.trim();
    }
    public String getDescription() {
        return description;
    }
    public void setDescription(String description) {
        this.description = description == null ? null : description.trim();
    }
  public Dept getDept() {
    return dept;
  }
  public void setDept(Dept dept) {
    this.dept = dept;
  }
  public String getPassword() {
    return password;
  }
  public void setPassword(String password) {
    this.password = password;
  }
  public List<String> getHobby() {
    return hobby;
  }
  public void setHobby(List<String> hobby) {
    this.hobby = hobby;
  }
  public String getAddr() {
    return addr;
  }
  public void setAddr(String addr) {
    this.addr = addr;
  }
  public List<String> getJob() {
    return job;
  }
  public void setJob(List<String> job) {
    this.job = job;
  }
  public boolean isAgree() {
    return isAgree;
  }
  public void setAgree(boolean isAgree) {
    this.isAgree = isAgree;
  }
  public List<Role> getRoles() {
    return roles;
  }
  public void setRoles(List<Role> roles) {
    this.roles = roles;
  }
  @Override
  public String toString() {
    return "User [id=" + id + ", name=" + name + ", age=" + age + ", sex=" + sex + ", description=" + description
        + ", dept=" + dept + "]";
  }
}

Dept.java 与Role.java 还是与以前的一样。

Dept.java 有 id,name,description 属性。

Role.java 有 id,name 属性。

from 标签中所拥有的属性有:

根据属性名称可知，与其对应的 html 标签名。如hidden 对应 type=hidden, button 对应 type=button.

均是用 toLogin.action 方法和 login.jsp 页面。

二. form: form 标签

这是form 表单的总标签。有两个作用。

1 . 会自动绑定Model 中的属性值到当前form 所对应的实体对象，默认为 command 属性，这样，就可以在form 表单中使用该对象的属性了，方便进行回显，可支持对象的级联。

2 . 支持其他的提交方式，除了常见的Get 和Post 之外，还支持PUT和Delete. 用于REST 风格。

二.一 form 标签的属性值

其中，commandName 与modelAttribute 的用法是一样的。它可以绑定javaBean 对象, 用于快速回显。如commandName 指定一个值 ,如"user", 后端Model 中有一个属性值的key为 “user”, 如model.addAttribute(“user”,user); 那么这样，就可以将这个form 与这个对象 user 进行关联起来， form 表单可以取出 user 对象里面的所有的属性值。 commandName的默认值是 command.

二.二 form 表单用于回显。

1 . 普通页面的回显

后端显示操作:

@RequestMapping(value="toLogin")
  public String toLogin(Model model){
    User user=new User();
    user.setName("两个蝴蝶飞");
    user.setAge(24);
    //注意，此时名称是command
    model.addAttribute("command",user);
    return "user/login";
  }

前端展示:

<h2>两个蝴蝶飞,form表单使用</h2>
  <!--名称是command,与默认的相同，故这里不指定-->
  <form:form>
    <!-- 用path来指定 哪一个input获取焦点。 -->
    <form:label path="name">姓名:</form:label><form:input path="name"/> <br/>
    <form:label path="age">年龄:</form:label>:<form:input path="age"/>
  </form:form>

开启服务器，进行测试: http://localhost:8027/SpringMVC04/user/toLogin.action

页面显示:

可以正确的进行回显。

ctrl+U 进行查看源代码，展示为:

<body>
  <h2>两个蝴蝶飞,form表单使用</h2>
  <form id="command" action="/SpringMVC04/user/toLogin.action" method="post">
    <label for="name">姓名:</label><input id="name" name="name" type="text" value="两个蝴蝶飞"/> <br/>
    <label for="age">年龄:</label>:<input id="age" name="age" type="text" value="24"/>
  </form>
</body>

默认设置 id=“command”, 所以才进行了关联。

2 . 为了更直观的展示javabean 对象信息，不能每一个Model 都设置成command, 希望 user对象设置成user,dept 对象设置成dept,这样更直观的展示这个表单是哪一个。

后端代码:

@RequestMapping(value="toLogin")
  public String toLogin(Model model){
    User user=new User();
    user.setName("两个蝴蝶飞");
    user.setAge(24);
    //注意，这里设置成了 user .
    model.addAttribute("user",user);
    return "user/login";
  }

如果此时，前端不改，form 里面不设置 commandName 的话，会出错。

将 form 中添加commandName 为"user", 就可以正常显示了。

<form:form commandName="user">

当然，换成 modelAttribute 也是可以的。

查看页面源代码，发现设置了一个 id=“user” 。与Model 里面key=user 的对象进行了关联。

3 . 要特别注意， user 对象要与表单user 中的属性进行一一对应。如user 中没有 marriage 字段，如果在前端添加了这个字段，

<form:label path="marriage">婚姻:</form:label>:<form:input path="marriage"/>

也是会报错的。

如果不小心写错了，

4 . 支持级联的回显。如回显添加一个 dept 部门字段。

后端代码处理

@RequestMapping(value="toLogin")
  public String toLogin(Model model){
    User user=new User();
    user.setName("两个蝴蝶飞");
    user.setAge(24);
    Dept dept=new Dept();
    dept.setName("信息管理部");
    dept.setDescription("这是开发的部门");
    user.setDept(dept);
    model.addAttribute("user",user);
    return "user/login";
  }

前端处理显示，添加部门的描述展示。

<form:form modelAttribute="user">
    <!-- 用path来指定 哪一个input获取焦点。 -->
    <form:label path="name">姓名:</form:label><form:input path="name"/> <br/>
    <form:label path="age">年龄:</form:label><form:input path="age"/><br/>
    <!--添加部门的显示-->
    <form:label path="dept.name">部门名称:</form:label><form:input path="dept.name"/><br/>
    <form:label path="dept.description">部门名称:</form:label><form:input path="dept.description"/><br/>
  </form:form>

前端页面展示:

查看源代码显示:

二.三 form 用于支持其他提交方式，如PUT 和Delete

1 .添加一个login 的方法，看是否能够执行这个方法。

@RequestMapping(value="login")
  public String login(Model model){
    System.out.println("可以正确的跳转过来");
    return "user/list";
  }

前端添加一个提交按钮，form 中写action 的跳转路径，指定方法为 delete.

<form:form modelAttribute="user" action="login.action" method="delete">
    <!-- 用path来指定 哪一个input获取焦点。 -->
    <form:label path="name">姓名:</form:label><form:input path="name"/> <br/>
    <form:label path="age">年龄:</form:label><form:input path="age"/><br/>
    <form:label path="dept.name">部门名称:</form:label><form:input path="dept.name"/><br/>
    <form:label path="dept.description">部门名称:</form:label><form:input path="dept.description"/><br/>
    <form:button>提交</form:button>
  </form:form>

重启服务器，进行验证。

发现，控制台可以打印输出，页面也跳转到了 list.jsp 页面。不截图了。

查看一下， login.jsp 页面的源代码，看是什么样子的。

发现，表单的请求方式，还是 post, 在表单里面添加了一个隐藏字段hidden, 属性值为 “_method” , 值为 delete.

猜测，是这个_method 来指定请求的方式。

2 . 然而，这种方式指定之后，是否就可以delete 请求了呢?，在login 方法上指定请求的方式为 delete.

指定请求的方式为 delete.

@RequestMapping(value="login",method=RequestMethod.DELETE)
  public String login(Model model){
    System.out.println("可以正确的跳转过来");
    return "user/list";
  }

这时，重新访问一下，会抛出异常。

这说明，现在后端还不认前端的 method=delete. 需要添加一个过滤器。

HiddenHttpMethodFilter。

需要放置在 web.xml 里面，放置在其他的过滤器之后，如字符乱码过滤器之后。

 <!-- 配置隐藏请求方法过滤器 -->
   <filter>  
     <filter-name>hiddenHttpMethodFilter</filter-name>  
     <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>  
  </filter>  
  <filter-mapping>  
     <filter-name>hiddenHttpMethodFilter</filter-name>  
     <url-pattern>/*</url-pattern>  
  </filter-mapping>

重启服务器，进行访问。

这个时候，就可以正常的跳转，正常的访问了。

3 . 观察一下，这个HiddenHttpMethodFilter 过滤器，看看是什么原理。

参数默认为 _method.

4 . 手动扩展 _method,能否复现呢? 即将 method 改成post, 添加一个 _method 的隐藏域，值为delete, 看是否能够通过?

<form:form modelAttribute="user" action="login.action" method="post">
    <!-- 手动造请求方法 -->
    <input type="hidden" name="_method" value="delete"/>
    <!-- 用path来指定 哪一个input获取焦点。 -->
    <form:label path="name">姓名:</form:label><form:input path="name"/> <br/>
    <form:label path="age">年龄:</form:label><form:input path="age"/><br/>
    <form:label path="dept.name">部门名称:</form:label><form:input path="dept.name"/><br/>
    <form:label path="dept.description">部门名称:</form:label><form:input path="dept.description"/><br/>
    <form:button>提交</form:button>
  </form:form>

这样，也是通过的。

如果将表单的 method=“post” ,改成 method=“get” 的话，是错误的。

故，可知，只能是 post 提交的。

当然，也可以改变这个值。需要往 HiddenHttpMethodFilter 添加参数，动态的设置 methodParam 的值。

5 . 如请求参数设置为 ‘_requMethod’

<form:form modelAttribute="user" action="login.action" method="get">
    <!-- 设置参数 为requMethod -->
    <input type="hidden" name="requMethod" value="delete"/>
    <!-- 用path来指定 哪一个input获取焦点。 -->
    <form:label path="name">姓名:</form:label><form:input path="name"/> <br/>
    <form:label path="age">年龄:</form:label><form:input path="age"/><br/>
    <form:label path="dept.name">部门名称:</form:label><form:input path="dept.name"/><br/>
    <form:label path="dept.description">部门名称:</form:label><form:input path="dept.description"/><br/>
    <form:button>提交</form:button>
  </form:form>

那么需要在过滤器里面注入参数的值。

<!-- 配置隐藏请求方法过滤器 -->
   <filter>  
     <filter-name>hiddenHttpMethodFilter</filter-name>  
     <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
      <init-param>  
         <param-name>methodParam</param-name>  
         <param-value>requMethod</param-value>  
      </init-param>   
  </filter>  
  <filter-mapping>  
     <filter-name>hiddenHttpMethodFilter</filter-name>  
     <url-pattern>/*</url-pattern>  
  </filter-mapping>

这样是通过的。

但常常还是用 _method 原生的。

SpringMVC的form表单标签使用(八)上

二.三 form 用于支持其他提交方式，如PUT 和Delete

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

SpringMVC的form表单标签使用(八)上

二.三 form 用于支持其他提交方式，如PUT 和Delete

热门文章

最新文章

相关电子书