通常，表单中的数据在提交之后可以通过Spring MVC的@RequestParam注解在控制器函数的参数列表中中提取出来，但是一旦表单数据过多的话，参数列表将会变得非常长，最好的解决方案是将表单中的数据封装到一个自定义的对象中，这样就可以直接用一个命令对象传递整个表单所包含的数据了。

关键字：#springBind宏

没错，这个宏是绑定的关键。首先我们需要开启spring mvc在velocity模板中对宏的支持，这个需要做以下设置：

<bean id="viewResolver"
        class="org.springframework.web.servlet.view.velocity.VelocityViewResolver"
    >
    ## ....
        <property name="exposeSpringMacroHelpers">
        <value>true</value>
        </property>
    </bean>

我们以一个简单的登录控制系统来说明一下绑定流程，假设我们要实现如下图的一个界面：

从Spring MVC的角度来看，渲染出这个模板（假设此模板为login.vm）首先需要经过一个控制器的函数处理，假设这个函数名称为autoBindLogin，那么这个函数在渲染模板时完成一件事，那就是告诉模板需要绑定的命令对象的实例是什么。

当然，我们首先得介绍一下命令对象所属类的定义：

package com.lipan.DO;

public class AccountModel {
    private String username;
    private String password;

    public void setUsername(String username){
        this.username = username;
    }
    public void setPassword(String password){
        this.password = password;
    }
    public String getUsername(){
        return username;
    }
    public String getPassword(){
        return password;
    }
}

可以看到，这只是一个简单的POJO类，纯粹为了封装数据产生的，其两个成员变量分别对应login.vm中的两个表单输入。

回到刚才的问题，如何告诉表单绑定对象的实例呢？下面的代码就是答案--我们生成一个给它，然后通过名称约定（名称相同）传递给模板。

//lipan : 传入表单的对象
@RequestMapping(value="/autoBind", method={RequestMethod.GET})
  public String autoBindLogin(Model model){
      model.addAttribute("accountmodel", new AccountModel());
      return "login";
  }

这之后模板就可以用到传递进来的命令对象索引"$accountmodel"了，用法如下：

## login.vm 
## author:lipan
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=GBK">
        <title>data binding example</title>
    </head>
    <body>
        <form method="post">
        #springBind("accountmodel.username")
            姓名：<input type="text" name="${status.expression}" value="$!status.value"/>
            <font color="#FF0000">${status.errorMessage}</font><br/>
            #springBind("accountmodel.password")
            密码：<input type="text" name="${status.expression}" value="$!status.value"/>
            <font color="#FF0000">${status.errorMessage}</font><br/>
        <input type="submit" name="Submit"/><br/>
        </form>
    </body>
</html>

一旦表单内容submit成功，这个实例可以传到处理表单请求（此处是POST请求）的控制器中，由对应的函数处理，比如下面这个函数：

@RequestMapping(value="/autoBind", method={RequestMethod.POST})
    public String autoBindResult(Model model,AccountModel am){
        /*am.setPassword("lipantestpw");
        am.setUsername("lipan");*/
        model.addAttribute("accountmodel",am );
        return "autoBindResult";
    }

然后autoBindResult.vm就可以展现命令对象的具体内容了：

##autoBindResult.vm
##author:lipan
username: ${accountmodel.username}</br>
password: ${accountmodel.password}</br>

autoBindResult.vm的渲染结果如下：

 

Spirng MVC +Velocity 表单绑定命令对象的更多相关文章

  1. C# MVC提交表单的四种方式（转）

    Mvc 提交表单的4种方法全程详解(转) 一,MVC  HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttribu ...

  2. Spring MVC与表单日期提交的问题

    Spring MVC与表单日期提交的问题 spring mvc 本身并不提供日期类型的解析器,需要手工绑定, 否则会出现非法参数异常. org.springframework.beans.BeanIn ...

  3. Knockout学习之表单绑定器（上）

    表单绑定器 “click”绑定 Click 绑定器可以将javascript函数绑定到指定的dom元素,并且再该元素被点击时将触发绑定的函数,大多数情况下都会使用button.input和a元素,当然 ...

  4. vue基础-动态样式&表单绑定&vue响应式原理

    动态样式 作用:使用声明式变量来控制class和style的值 语法: :class/:style 注意:尽可能不要把动态class和静态class一起使用,原因动态class起作用的时间会比较晚,需 ...

  5. 用Typescript 的方式封装Vue3的表单绑定，支持防抖等功能。

    Vue3 的父子组件传值.绑定表单数据.UI库的二次封装.防抖等,想来大家都很熟悉了,本篇介绍一种使用 Typescript 的方式进行统一的封装的方法. 基础使用方法 Vue3对于表单的绑定提供了一 ...

  6. spring mvc form表单提交乱码

    spring mvc form表单submit直接提交出现乱码.导致乱码一般是服务器端和页面之间编码不一致造成的.根据这一思路可以依次可以有以下方案. 1.jsp页面设置编码 <%@ page ...

  7. mvc异步表单遇到的问题

    1,mvc异步表单遇到的问题    问题:使用jqury easy ui 时提交异步数据不能请求到服务器   解决办法:经过细心调试和检测,发现jqury的加载顺序放在了easy ui之后,所以首先加 ...

  8. Vue表单绑定（单选按钮，选择框（单选时，多选时,用 v-for 渲染的动态选项）

    <!DOCTYPE html><html>    <head>        <meta charset="utf-8">      ...

  9. form表单转化json对象

    利用 $.fn 可以让每一个jquery 对象都能直接使用这个方法. //form表单转化json对象$.fn.serializeObject = function () { var o = {}; ...

随机推荐

  1. SQL - 创建一个学生表，要求有主键约束和非空约束

    CREATE TABLE [dbo].[Student] ( [ID] [int] NOT NULL, [Name] [nchar](10) NOT NULL, [Age] [int] NOT NUL ...

  2. unique函数（STL）

    unique()函数是一个去重函数,STL中unique的函数 unique的功能是去除相邻的重复元素(只保留一个),还有一个容易忽视的特性是它并不真正把重复的元素删除.他是c++中的函数,所以头文件 ...

  3. INTERSECT（交集）集合运算

    在集合论中,两个集合(记为集合A和B)的交集是由既属于A,也属于B的所有元素组成的集合. 在T-SQL 中,INTERSECT 集合运算对两个输入查询的结果集取其交集,只返回在两个查询结果集中都出现的 ...

  4. 【Mongodb教程 第十课 】MongoDB 备份

    MongoDB 数据转储 创建备份MongoDB中的数据库,应该使用mongodump命令.此命令将服务器的所有数据转储到转储目录.有许多可供选择,通过它可以限制的数据量或创建备份您的远程服务器. 语 ...

  5. STL源代码剖析——STL算法之set集合算法

    前言 本节介绍set集合的相关算法,各自是并集set_union,差集set_difference,交集set_intersection 和对称差集set_symmetric_difference.这 ...

  6. Oracle学习（18）【DBA向】：分布式数据库

    分布式数据库 什么是分布数据库? l数据物理上被存放在网络的多个节点上,逻辑上是一个总体. 分布式数据库的独立性 l分布数据的独立性指用户不必关心数据怎样切割和存储,仅仅需关心他须要什么数据. Ora ...

  7. Javascript中的apply、call、bind

    apply . call .bind 三者都是用来改变函数的this对象的指向的: apply . call .bind 三者第一个参数都是this要指向的对象,也就是想指定的上下文: apply . ...

  8. Codefoces 791D. Bear and Tree Jumps 树形DP

    D. Bear and Tree Jumps   A tree is an undirected connected graph without cycles. The distance betwee ...

  9. lambda和抽象类

    lambda的使用条件是‘一个接口仅有一个待实现的方法’: so,lambda不能使用在抽象类上,使用后或提示‘Target type of a lambda conversion must be a ...

  10. 用过滤器Filter判断用户是否登陆

    用过滤器Filter判断用户是否登陆 WEB.XML <!-- 用户session的 键   sessionKEY --> <context-param> <param- ...