通常，表单中的数据在提交之后可以通过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. 是男人就下100层【第四层】——Crazy贪吃蛇（2）

    在上一篇<是男人就下100层[第四层]--Crazy贪吃蛇(1)>中我们让贪吃蛇移动了起来,接下来我们来实现让贪吃蛇能够绕着手机屏幕边线移动而且能够改变方向 一.加入状态并改动代码 首先我 ...

  2. 【Mongodb教程 第十一课 】MongoDB 聚合

    聚合操作过程中的数据记录和计算结果返回.聚合操作分组值从多个文档,并可以执行各种操作,分组数据返回单个结果.在SQL COUNT(*)和group by 相当于MongoDB的聚集. aggregat ...

  3. 【CSS3动画实战】Mailman Icon

    周末闲来无事,就想着做点东西练练手.又苦于自己 PS 水平太差,设计不出什么好看的东西. 干脆就在 Dribbble 上逛一逛,看看有什么看起来比较屌的,实际上却很简单的东西. 一共做了 3 个,均已 ...

  4. 【PA2013】【BZOJ3733】Iloczyn

    Description 给定正整数n和k,问是否能将n分解为k个不同正整数的乘积 Input 第一行一个数T(T<=4000)表示測试组数 接下来T行每行两个数n(n<=10^9),k(k ...

  5. IDEA--java版本修改（jdk1.8改成jdk1.7）

    转载:https://blog.csdn.net/huyishero/article/details/61916516

  6. myecplise、ecplise项目空间优化

    1.代码自动提示补全 Window->preferences->Java->Editor->Content Assist 再右下角Auto activation trigger ...

  7. YTU 1008: 童年生活二三事

    1008: 童年生活二三事 时间限制: 1000 Sec  内存限制: 64 MB 提交: 842  解决: 592 题目描述 Redraiment小时候走路喜欢蹦蹦跳跳,他最喜欢在楼梯上跳来跳去. ...

  8. POJ - 2418 Hardwood Species（map，trie，BST）

    1.输入若干行树名,输入结束后,按字典序输出树名及其所占百分比. 2.多种方法:map,trie,BST 3. map: #include<iostream> #include<st ...

  9. lucene DocValues——本质是为通过docID查找某field的值

    什么是docValues? docValues是一种记录doc字段值的一种形式,在例如在结果排序和统计Facet查询时,需要通过docid取字段值的场景下是非常高效的. 为什么要使用docValues ...

  10. 并不对劲的Loj6031:「雅礼集训 2017 Day1」字符串

    题目传送门:-> 看到题目的第一反应当然是暴力:对于串s建后缀自动机,每次询问中,求w对应的子串在s的SAM中的right集合.O(qmk)听上去显然过不了. 数据范围有个∑w<=1e5, ...