SpringMvc表单标签库简单运用3（fm:select options）_<fm:select>怎么用-程序员宅基地

学习目标：fm:select options简单使用

前言：
1.从DB获取列表值
2.将值放集合类对象
3.将对象存model
4.在jsp使用options

代码：

Location实体类：

package model;

public class Location {
	private int id;
	private String name;
	//省略属性的setter getter方法
	//省略构造方法
	
	public Location(int id,String name){
		this.setId(id);
		this.setName(name);
	}

	/**
	 * @return the id
	 */
	public int getId() {
		return id;
	}

	/**
	 * @param id the id to set
	 */
	public void setId(int id) {
		this.id = id;
	}

	/**
	 * @return the name
	 */
	public String getName() {
		return name;
	}

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

HelloController:

package controller;


import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import model.Location;
import model.User;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.SessionAttributes;
import org.springframework.web.servlet.ModelAndView;

@Controller
@RequestMapping(value="/hello")
@SessionAttributes(value="user")
public class HelloController {
	//形参方式
	@RequestMapping(value="/register",method=RequestMethod.POST)
	public String register( String username, String pwd, String age,Model m){
		if(username.equals("1931030119")){
			
			//1创建一个对象：绑定数据用
			   User user = new User();
			   //2设置用户名
			   user.setName("lisi");
			   //3设置年龄
			   user.setAge(18);
			   //4设置编号
			   user.setNumber("A001");
				String a[]={"运动","看书","游戏"};
				List<String> list = new ArrayList();
				for(int i =0;i<3;i++){
				list.add(a[i]);
				}
				user.setHobbys(list);			  
				user.setSex("男");
				user.setDept(3);
				//设置user值，返回给结果页面
				//下拉框动态
				   Map<Integer,String> deptMap = new HashMap<Integer,String>();
				   deptMap.put(1, "机械工程学院");
				   deptMap.put(2, "电气工程学院"); 
				   deptMap.put(3, "信息工程学院");
				   deptMap.put(4, "土木工程学院");
				   m.addAttribute("deptMap", deptMap);
				   List<Location> deptList = new ArrayList<Location>();
				   deptList.add(new Location(1,"机械工程学院"));
				   deptList.add(new Location(2,"电气工程学院"));
				   deptList.add(new Location(3,"信息工程学院"));
				   deptList.add(new Location(4,"土木工程学院"));
				   
				   m.addAttribute("deptList", deptList);
				m.addAttribute("user",user);
				//返回结果页面
				return "main";
		}else{
			return "index";
		}
	}

}

main.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!-- 要使用Spring MVC提供的表单标签，首先需要在视图页面添加： -->
<%@ taglib prefix="fm" uri="http://www.springframework.org/tags/form" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'main.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
  <!-- modelAttribute属性指定该form绑定的是哪个Model，
  当指定了对应的Model后就可以在form标签内部其它表单标签
  上通过为path指定Model属性的名称来绑定Model中的数据了，
  method属性指定form的提交方式如GET、POST等。 -->
    <fm:form modelAttribute="user">
    <!-- 会生成一个type为text的Html input标签，通过path属性来指定要绑定的Model中的值。 -->
      姓名：<fm:input path="name"/><br><br>
      编号：<fm:input path="number"/><br><br>
      年龄：<fm:input path="age"/><br><br>
      <%-- </fm:form> 错误写法--%>
    爱好：<fm:checkbox path="hobbys" value="运动" label="运动运动"></fm:checkbox>
    <fm:checkbox path="hobbys" value="看书" label="看书看书"></fm:checkbox>
    <fm:checkbox path="hobbys" value="游戏" label="游戏游戏"></fm:checkbox><br><br>
    
        性别：<fm:radiobutton path="sex" value="男"/>男 &nbsp;
      <fm:radiobutton path="sex" value="女"/>女&nbsp;<br><br>
    
       学院:<fm:select path="dept">
      <fm:option value="1">信息与控制学院</fm:option>
       <fm:option value="2">生命学院</fm:option>
        <fm:option value="3">经管学院</fm:option>
         <fm:option value="4">学前教育学院</fm:option>
      </fm:select><br><br> 
      <h3>fm：select标签属性绑定Map</h3>
       部门：<fm:select path="dept" items="${deptMap}"/> <br> 
       <h3>从实例类获取数据显示jsp中</h3>
               部门2：<fm:select path="dept"> 
   <fm:options items="${deptList}" itemLabel="name" itemValue="id"/> 
   </fm:select>
         </fm:form>
         
  </body>
</html>

运行结果：

本文链接：https://blog.csdn.net/qq_51404400/article/details/120612415

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

艾美捷Epigentek DNA样品的超声能量处理方案-程序员宅基地

文章浏览阅读15次。空化气泡的大小和相应的空化能量可以通过调整完全标度的振幅水平来操纵和数字控制。通过强调超声技术中的更高通量处理和防止样品污染，Epigentek EpiSonic超声仪可以轻松集成到现有的实验室工作流程中，并且特别适合与表观遗传学和下一代应用的兼容性。Epigentek的EpiSonic已成为一种有效的剪切设备，用于在染色质免疫沉淀技术中制备染色质样品，以及用于下一代测序平台的DNA文库制备。该装置的经济性及其多重样品的能力使其成为每个实验室拥有的经济高效的工具，而不仅仅是核心设施。

11、合宙Air模块Luat开发：通过http协议获取天气信息_合宙获取天气-程序员宅基地

文章浏览阅读4.2k次，点赞3次，收藏14次。目录点击这里查看所有博文本系列博客，理论上适用于合宙的Air202、Air268、Air720x、Air720S以及最近发布的Air720U（我还没拿到样机，应该也能支持）。先不管支不支持，如果你用的是合宙的模块，那都不妨一试，也许会有意外收获。我使用的是Air720SL模块，如果在其他模块上不能用，那就是底层core固件暂时还没有支持，这里的代码是没有问题的。例程仅供参考！..._合宙获取天气

EasyMesh和802.11s对比-程序员宅基地

文章浏览阅读7.7k次，点赞2次，收藏41次。1 关于meshMesh的意思是网状物，以前读书的时候，在自动化领域有传感器自组网，zigbee、蓝牙等无线方式实现各个网络节点消息通信，通过各种算法，保证整个网络中所有节点信息能经过多跳最终传递到目的地，用于数据采集。十多年过去了，在无线路由器领域又把这个mesh概念翻炒了一下，各大品牌都推出了mesh路由器，大多数是3个为一组，实现在面积较大的住宅里，增强wifi覆盖范围，智能在多热点之间切换，提升上网体验。因为节点基本上在3个以内，所以mesh的算法不必太复杂，组网形式比较简单。各厂家都自定义了组_802.11s

线程的几种状态_线程状态-程序员宅基地

文章浏览阅读5.2k次，点赞8次，收藏21次。线程的几种状态_线程状态

stack的常见用法详解_stack函数用法-程序员宅基地

文章浏览阅读4.2w次，点赞124次，收藏688次。stack翻译为栈，是STL中实现的一个后进先出的容器。要使用 stack，应先添加头文件include<stack>，并在头文件下面加上“ using namespacestd;"1. stack的定义其定义的写法和其他STL容器相同, typename可以任意基本数据类型或容器：stack<typename> name;2. stack容器内元素的访问..._stack函数用法

2018.11.16javascript课上随笔（DOM）-程序员宅基地

文章浏览阅读71次。<li> <a href = "“#”>-</a></li><li>子节点：文本节点（回车），元素节点，文本节点。不同节点树：　　节点（各种类型节点）childNodes:返回子节点的所有子节点的集合，包含任何类型、元素节点（元素类型节点）：child。node.getAttribute(at...

随便推点

layui.extend的一点知识第三方模块base 路径_layui extend-程序员宅基地

文章浏览阅读3.4k次。//config的设置是全局的layui.config({ base: '/res/js/' //假设这是你存放拓展模块的根目录}).extend({ //设定模块别名 mymod: 'mymod' //如果 mymod.js 是在根目录，也可以不用设定别名 ,mod1: 'admin/mod1' //相对于上述 base 目录的子目录}); //你也可以忽略 base 设定的根目录，直接在 extend 指定路径（主要：该功能为 layui 2.2.0 新增）layui.exten_layui extend

5G云计算：5G网络的分层思想_5g分层结构-程序员宅基地

文章浏览阅读3.2k次，点赞6次，收藏13次。分层思想分层思想分层思想-1分层思想-2分层思想-2OSI七层参考模型物理层和数据链路层物理层数据链路层网络层传输层会话层表示层应用层OSI七层模型的分层结构TCP/IP协议族的组成数据封装过程数据解封装过程PDU设备与层的对应关系各层通信分层思想分层思想-1在现实生活种，我们在喝牛奶时，未必了解他的生产过程，我们所接触的或许只是从超时购买牛奶。分层思想-2平时我们在网络时也未必知道数据的传输过程我们的所考虑的就是可以传就可以，不用管他时怎么传输的分层思想-2将复杂的流程分解为几个功能_5g分层结构