Spring MVC的标签库——form和input

最新推荐文章于 2021-05-20 13:15:16 发布

原创最新推荐文章于 2021-05-20 13:15:16 发布 · 612 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Spring MVC

Spring MVC 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了一个使用Spring MVC框架实现的用户注册流程案例，包括控制器、领域模型和视图三个部分的设计与实现。控制器负责处理HTTP请求，领域模型定义了用户信息的数据结构，视图展示了注册页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一控制器

package org.fkit.controller;

import org.fkit.domain.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

/**
*  HelloWorldController是一个基于注解的控制器,
*  可以同时处理多个请求动作，并且无须实现任何接口。
*  org.springframework.stereotype.Controller注解用于指示该类是一个控制器
*/
@Controller
public class UserController{
     
     @GetMapping(value="/registerForm")
     public String registerForm(Model model) {
         User user = new User("jack","男",28);
         // model中添加属性command，值是user对象
         model.addAttribute("command",user);
         return "registerForm";
     }
     
     @GetMapping(value="/registerForm2")
     public String registerForm2(Model model) {
         User user = new User("jack","男",28);
         // model中添加属性user，值是user对象
         model.addAttribute("user",user);
         return "registerForm2";
     }

}

二领域模型

package org.fkit.domain;
import java.io.Serializable;

// 域对象，实现序列化接口
public class User implements Serializable{
     
     private static final long serialVersionUID = 1L;
     
     // 私有字段
     private String username;
     private String sex;
     private Integer age;
     
     public User() {
           super();
     }
     public User(String username, String sex, Integer age) {
           super();
           this.username = username;
           this.sex = sex;
           this.age = age;
     }
     public String getUsername() {
           return username;
     }
     public void setUsername(String username) {
           this.username = username;
     }
     public String getSex() {
           return sex;
     }
     public void setSex(String sex) {
           this.sex = sex;
     }
     public Integer getAge() {
           return age;
     }
     public void setAge(Integer age) {
           this.age = age;
     }
     
     @Override
     public String toString() {
           return "User [username=" + username + ", sex=" + sex  + ", age=" + age
                     + "]";
     }
     
     
     
}

三视图

1 registerForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="form"  uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;  charset=UTF-8">
<title>测试form标签</title>
</head>
<body>
<h3>注册页面</h3>
<form:form  method="post" action="register" >
     <table>
           <tr>
                <td>姓名:</td>
                <td><form:input path="username"/></td>
           </tr>
           <tr>
                <td>性别:</td>
                <td><form:input path="sex"/></td>
           </tr>
           <tr>
                <td>年龄:</td>
                <td><form:input path="age"/></td>
           </tr>
     </table>
</form:form>
</body>
</html>

2 registerForm2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="form"  uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;  charset=UTF-8">
<title>测试form标签</title>
</head>
<body>
<h3>注册页面</h3>
<form:form modelAttribute="user" method="post" action="register"  >
     <table>
           <tr>
                <td>姓名:</td>
                <td><form:input path="username"/></td>
           </tr>
           <tr>
                <td>性别:</td>
                <td><form:input path="sex"/></td>
           </tr>
           <tr>
                <td>年龄:</td>
                <td><form:input path="age"/></td>
           </tr>
     </table>
</form:form>
</body>
</html>

四测试