Spirng MVC +Velocity 表單綁定命令對象

時間 2019-12-06

標籤 spirng mvc velocity 表單綁定命令對象欄目 HTML 简体版

原文原文鏈接

一般，表單中的數據在提交以後能夠經過Spring MVC的@RequestParam註解在控制器函數的參數列表中中提取出來，可是一旦表單數據過多的話，參數列表將會變得很是長，最好的解決方案是將表單中的數據封裝到一個自定義的對象中，這樣就能夠直接用一個命令對象傳遞整個表單所包含的數據了。html

關鍵字：#springBind宏web

沒錯，這個宏是綁定的關鍵。首先咱們須要開啓spring mvc在velocity模板中對宏的支持，這個須要作如下設置：spring

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

咱們以一個簡單的登陸控制系統來講明一下綁定流程，假設咱們要實現以下圖的一個界面：express

從Spring MVC的角度來看，渲染出這個模板（假設此模板爲login.vm）首先須要通過一個控制器的函數處理，假設這個函數名稱爲autoBindLogin，那麼這個函數在渲染模板時完成一件事，那就是告訴模板須要綁定的命令對象的實例是什麼。mvc

固然，咱們首先得介紹一下命令對象所屬類的定義：app

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中的兩個表單輸入。函數

回到剛纔的問題，如何告訴表單綁定對象的實例呢？下面的代碼就是答案--咱們生成一個給它，而後經過名稱約定（名稱相同）傳遞給模板。post

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

這以後模板就能夠用到傳遞進來的命令對象索引"$accountmodel"了，用法以下：ui

## 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請求）的控制器中，由對應的函數處理，好比下面這個函數：this

@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的渲染結果以下：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。