通常，表单中的数据在提交之后可以通过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. pip 安装速度慢解决办法

    https://blog.csdn.net/liujingclan/article/details/50176597 https://blog.csdn.net/rytyy/article/detai ...

  2. HDFS集中式缓存管理（Centralized Cache Management）

    Hadoop从2.3.0版本号開始支持HDFS缓存机制,HDFS同意用户将一部分文件夹或文件缓存在HDFS其中.NameNode会通知拥有相应块的DataNodes将其缓存在DataNode的内存其中 ...

  3. 连接虚拟机的SQLServer

    1.IP可以互相PING通 2.Telnet发现端口没有放开,防火墙新建入账规则开放端口 成功..

  4. mongodb02

    memcached redis : kv数据库(key/value) mongodb 文档数据库,存储的是文档(Bson->json对象二进制化后叫bson,js的二进制对象,引擎是用js实现的 ...

  5. java集合的关系

    在 Java2中,有一套设计优良的接口和类组成了Java集合框架Collection,使程序员操作成批的数据或对象元素极为方便.这些接口和类有很多对抽象数据类型操作的API,而这是我们常用的且在数据结 ...

  6. wpa_supplicant - 强有力的终端 wifi 配置工具【转】

    本文转载自:http://rickgray.me/2015/08/03/useful-command-tool-for-wifi-connection.html 最近网购了一套Raspberry-Pi ...

  7. bzoj2461: [BeiJing2011]符环

    再做水题就没救了 考虑DP...我们把正反面一起弄 fi,j,k,u表示第几个位置,正面多了多少左括号,背面多了多少没办法消的右括号,背面结尾的左括号数 #include<cstdio> ...

  8. 【Selenium】idea导入eclisp项目的问题

    ①导入:file→new→Project from exiting 选择ecliesp 然后next就可以 ②添加依赖:每个包都要加,引用其他包的类,也要添加依赖 setting选择junit4

  9. 并不对劲的bzoj4868: [Shoi2017]期末考试

    传送门-> 三分裸题. 发现答案只和最后一个科目公布成绩的时间有关. 科目公布成绩的时间越早,老师们的不愉快度越高,这个时间越晚,学生们的不愉快度越高. 它看上去像个单峰的,那么就三分好了. 判 ...

  10. tcp/ip网络通讯安全加密方法

    tcp/ip网络通讯安全是一个广受关注的话题,现在也有一些基于tcp/ip加密技术标准如SSL,TLS等.但很多时候编写一些简单的网络通讯把这标准加密应用添加进来乎一下子把程序变得复杂了,而实现自己的 ...