Spring MVC的select、option和options标签的使用

以你之姓@ 2021-07-24 11:00 599阅读 0赞

**一 领域模型**

1 User

package org.fkit.domain;
    import java.io.Serializable;
    
    // 域对象，实现序列化接口
    public class User implements Serializable{
         private static final long serialVersionUID = 1L;
         
         // 部门编号
         private Integer deptId;
         public User() {
               super();
               // TODO Auto-generated constructor stub
         }
         public Integer getDeptId() {
               return deptId;
         }
         public void setDeptId(Integer deptId) {
               this.deptId = deptId;
         }
         
         
    }

2 Dept

package org.fkit.domain;
    import java.io.Serializable;
    
    public class Dept implements Serializable{
         
         private static final long serialVersionUID = 1L;
         
         private Integer id;
         private String name;
         
         
         public Dept() {
               super();
               // TODO Auto-generated constructor stub
         }
         public Dept(Integer id, String name) {
               super();
               this.id = id;
               this.name = name;
         }
         public Integer getId() {
               return id;
         }
         public void setId(Integer id) {
               this.id = id;
         }
         public String getName() {
               return name;
         }
         public void setName(String name) {
               this.name = name;
         }
    }

**二 控制器**

package org.fkit.controller;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    import org.fkit.domain.Dept;
    import org.fkit.domain.User;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    
    
    /**
    *  org.springframework.stereotype.Controller注解用于指示该类是一个控制器
    */
    @Controller
    public class UserController{
         
         @GetMapping(value="/selectForm")
         public String selectForm(Model model) {
             User user = new User();
             // 设置deptId的值，页面的select下拉框对应的option项会被选中
             user.setDeptId(2);
             model.addAttribute("user", user);
             return "selectForm";
         }
         
         @GetMapping(value="/selectForm2")
         public String selectForm2(Model model) {
             User user = new User();
             user.setDeptId(2);
             // 页面展现的可供选择的select下拉框内容deptMap
             Map<Integer, String> deptMap = new HashMap<Integer, String>();
             deptMap.put(1, "财务部");
             deptMap.put(2, "开发部");
             deptMap.put(3, "销售部");
             model.addAttribute("user", user);
             model.addAttribute("deptMap", deptMap);
             return "selectForm2";
         }
         
         @GetMapping(value="/selectForm3")
         public String selectForm3(Model model) {
             User user = new User();
             user.setDeptId(2);
            // 页面展现的可供选择的select下拉框内容deptMap
             Map<Integer, String> deptMap = new HashMap<Integer, String>();
             deptMap.put(1, "财务部");
             deptMap.put(2, "开发部");
             deptMap.put(3, "销售部");
             model.addAttribute("user", user);
             model.addAttribute("deptMap", deptMap);
             return "selectForm3";
         }
         
         
         @GetMapping(value="/selectForm4")
         public String selectForm4(Model model) {
             User user = new User();
             user.setDeptId(2);
             // 页面展现的可供选择的select下拉框内容deptList，其中的元素的Dept对象
             // 模拟从数据库获取到部门信息封装到对象当中
             List<Dept> deptList = new ArrayList<Dept>();
             deptList.add(new Dept(1, "财务部"));
             deptList.add(new Dept(2, "开发部"));
             deptList.add(new Dept(3, "销售部"));
             model.addAttribute("user", user);
             model.addAttribute("deptList", deptList);
             return "selectForm4";
         }
    
    }

**三 视图**

1 selectForm.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>测试select标签</title>
    </head>
    <body>
    <h3>form:select标签直接添加form:option</h3>
    <form:form modelAttribute="user" method="post"  action="selectForm" >
         <table>
               <tr>
                    <td>部门:</td>
                    <td>
                         <form:select path="deptId">
                          <form:option value="1">财务部</form:option>
                          <form:option value="2">开发部</form:option>
                          <form:option value="3">销售部</form:option>
                         </form:select>
                    </td>
               </tr>
         </table>
    </form:form>
    </body>
    </html>

2 selectForm2.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>测试select标签</title>
    </head>
    <body>
    <h3>form:select标签items属性绑定Map</h3>
    <form:form modelAttribute="user" method="post"  action="selectForm2" >
         <table>
               <tr>
                    <td>部门:</td>
                    <td>
                         <form:select path="deptId"  items="${deptMap}"/>
                    </td>
               </tr>
         </table>
    </form:form>
    </body>
    </html>

3 selectForm3.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>测试options标签</title>
    </head>
    <body>
    <h3>使用form:options标签items属性绑定Map</h3>
    <form:form modelAttribute="user" method="post"  action="selectForm" >
         <table>
               <tr>
                    <td>学历:</td>
                    <td>
                         <form:select path="deptId">
                               <form:options items="${deptMap}"/>
                         </form:select>
                    </td>
               </tr>
         </table>
    </form:form>
    </body>
    </html>

4 selectForm4.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>测试select标签</title>
    </head>
    <body>
    <h3>使用form:options标签绑定Object</h3>
    <form:form modelAttribute="user" method="post"  action="selectForm" >
         <table>
               <tr>
                    <td>学历:</td>
                    <td>
                         <form:select path="deptId">
                               <form:options items="${deptList}"
                               itemLabel="name" itemValue="id"/>
                         </form:select>
                    </td>
               </tr>
         </table>
    </form:form>
    </body>
    </html>

**四 测试**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 3][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/206f431f5e8b47028b59e723754ec772.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 1]: /images/20210724/6c91721634b84c5cbc0f7087fc6327d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 2]: /images/20210724/d9899384d0714e23b73bbf3e581481a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70 3]: /images/20210724/eefbad5f4e3b496dafd1999a1afb87a4.png