Sping MVC + Freemarker實現表單提交

阿新 • • 發佈：2019-01-18

下面我以一個使用者登入表單提交作為示例

配置Spring MVC + Freemarker，請參考我的另一篇文章，

新建freemarker模板

<!DOCTYPE html>
<html>
    <head>
        <title>FreeMarker Spring MVC 之 表單提交</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div>使用者登入表單</div>
        <form name="frmLogin" action="/springMVC/login.jspy">
            name: <input type="text" name="userName"><br/>  
            pass: <input type="password" name="userPwd"><br/>  
            email: <input type="text" name="email"><br/>  
            hiddenNumber: <input type="text" name="hiddenNumber"><br/>  
            <input type="submit">  
        </form>
    </body>
</html>

新建控制器

/*
 * 文 件 名 : com.qisentech.springmvc.action.LoginFtlController.java
 * 建立日期 : 2013-12-11 19:37:37
 * 創 建 者 : qsyang
 */
package com.qisentech.springmvc.action;

import com.qisentech.springmvc.domain.UserForm;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * <p>Title: </p>
 *
 * <p>Description: </p>
 *
 * @author qsyang
 * @version 1.0
 */
@Controller
public class LoginFtlController {

    @RequestMapping("/login.jspy")
    public void runLogin(@ModelAttribute("form") UserForm form) throws Exception {
        System.out.println(form.getUserName());
        System.out.println(form.getUserPwd());
    }
}

新建表單接受物件

/*
 * 文 件 名 : com.qisentech.springmvc.domain.UserForm.java
 * 建立日期 : 2013-12-11 19:40:48
 * 創 建 者 : qsyang
 */
package com.qisentech.springmvc.domain;

/**
 * <p>Title: </p>
 *
 * <p>Description: </p>
 *
 * @author qsyang
 * @version 1.0
 */
public class UserForm {

    private String userName;
    private String userPwd;

    /**
     * @return the userName
     */
    public String getUserName() {
        return userName;
    }

    /**
     * @param userName the userName to set
     */
    public void setUserName(String userName) {
        this.userName = userName;
    }

    /**
     * @return the userPwd
     */
    public String getUserPwd() {
        return userPwd;
    }

    /**
     * @param userPwd the userPwd to set
     */
    public void setUserPwd(String userPwd) {
        this.userPwd = userPwd;
    }
}

執行檔案

點選提交後，檢視控制檯輸出結果

Sping MVC + Freemarker實現表單提交

下面我以一個使用者登入表單提交作為示例配置Spring MVC + Freemarker，請參考我的另一篇文章，新建freemarker模板 <!DOCTYPE html> <

Bootstrap使用模態框modal實現表單提交彈出框

-s 彈出層 lib 前端 close css 狀態 upd 技術 Bootstrap 模態框（Modal）插件模態框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。如果您想要

jquery ajax 實現表單提交和驗證表單

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <title>$.ajax()方法傳送請

spring mvc中接收表單提交的資料的幾種方式

spring mvc封裝資料的物件有session、request、ModelAndView、ModelMap、Model、Map Map map,Model model,ModelMap mmap,ModelAndView mav,HttpServletRequest r

Servlet的5種方式實現表單提交（註冊小功能），後臺獲取表單資料

用servlet實現一個註冊的小功能，後臺獲取資料。註冊頁面：　　註冊頁面程式碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g

基於jQuery實現表單提交驗證

html表單程式碼：複製程式碼程式碼如下: <form method="post" action=""> <div class="

怎麼實現表單提交後不重新重新整理當前頁面

如何實現表單提交後不重新重新整理當前頁面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> 　　<input type="button" id="btnS

Vue-resource如何實現表單提交以及file圖片上傳的壓縮

總括：個人在專案開發中所遇到的問題總結，主要介紹兩個知識點： ①vue-resource如何實現表單提交。 ②file圖片上傳如何壓縮，減少上傳壓力 vue中的程式碼 let that = this // 上傳圖片獲取url console.lo

js實現表單提交後不重新重新整理當前頁面，並停留在當前頁面

參考文章：http://www.cnblogs.com/limeiky/p/5599705.html 在填寫表單的時候，如果有某項為空或者不合法，在使用者點選提交後，頁面應當無法跳轉並且頁面內容不會重新整理；只有當用戶填寫內容滿足要求後，點選提交按鈕頁面才會跳轉到指定連結處

bootstrap框架下實現表單提交資料重複驗證

效果： jsp頁面： <form class="form-horizontal lui-tj-bd" id="dbc_code_add_form" method="post"><div class="row"><div class="col-xs

Java+MyEclipse+Tomcat (二)配置Servlet及簡單實現表單提交

在WebRoot資料夾下建立images資料夾，並新增圖片logo.jpg。新增inc資料夾，新建style.css檔案，程式碼如下：.main { width: 1024px; text-align:left; } .font { font-family: "Trebuchet MS"

Jquery 實現表單提交按鈕變灰，防止多次點選提交重複資料

表單提交時候我們應該控制提交按鈕，不能點選多次進行資料的重複提交。要不然就會有冗餘的重複的資料在系統中，造成系統出現數據垃圾。jQuery很簡單的就可以實現對錶單提交按鈕控制，下面就是相關的例子和程式碼。 <form action="${pageContex

jQuery實現表單提交時判斷的方法

function formSubmit(){ if(flag=="1"){ $("#form").submit(); }else if(flag=="2"){ $("#form").attr("action","deployResult.jsp"); $("#form"

jquery簡單實現表單提交後的需要等待效果

簡單來說就是遮罩然後載入個動畫，往上有利用js手動更改html值實現緩衝動畫的，比較麻煩，感覺價效比不高，畢竟誰也不會沒事一直在那載入很多張這種等待動畫。主要也就是利用了position裡面的fixed這個屬性，設定之後頁面內的其他元素均不可點選，保證頁面安全 <!

springmvc + freemarker 解決表單提交、頁面顯示亂碼的問題

其實，網上有很多的解決亂碼的，不過都只能在某些地方起作用，比如給spring增加一個編碼過濾器，能夠解決表單提交（所有以post方式提交的）的亂碼問題，比如給tomcat設定預設的url編碼，能夠解決get請求的亂碼問題，現在我將這兩者結合起來，能夠完美解決所有亂碼問題（至

jquery按回車鍵實現表單提交程式碼

jquery鍵盤事件參考：1、keydown()keydown事件會在鍵盤按下時觸發.2、keyup()keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件3、keypress()keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並擡起同一個按鍵正確

JavaScript基礎 submit按鈕配合form的onsubmit實現表單的提交與驗證

java asc body bmi 是我技術 pos true value 鎮場詩：　　　　清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。　　　　學有小成返哺根，願鑄一良心博客。誠心於此寫經驗，願見文者得啟發。—————————————————————

JavaScript基礎 submit按鈕結合onclick事件實現表單的提交與驗證

ret vs2015 基礎 result oct 學習資源 charset 簡單添加鎮場詩：　　　　清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。　　　　學有小成返哺根，願鑄一良心博客。誠心於此寫經驗，願見文者得啟發。————————————————

AJAX PHP無刷新form表單提交的簡單實現(推薦)

username mime win root 支持對象希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <

mvc Html.BeginForm和Ajax.BeginFrom表單提交

info tpm jquery log 提交 data 天使 posted () 今天使用異步提交附件後臺死活獲取不到文件，代碼還原 1 @using (Ajax.BeginForm("Add", "Event", new AjaxOptions() { H

Sping MVC + Freemarker實現表單提交

相關推薦