JSTL动态加载单选框--【ssnc】

最新推荐文章于 2020-03-16 22:11:04 发布
最新推荐文章于 2020-03-16 22:11:04 发布
阅读量4.6k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： jsp springmvc 单选框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangmei4968/article/details/50393073
版权

         亲爱的部长大人又提新需求了，希望我们能做出动态加载单选按钮的弹出框，方便后期维护。如下图所示，添加一个菜品的时候，需要定义辣的梯度：不辣，微辣，麻辣，如果后期需要添加什么变态辣啊，超辣之类的，还要去改动页面上的多处代码，后期维护起来会烦人啦。所以对这个辣做活，进行抽象和封装，给编程人员减负啊，丫的，这才是真正的懒人~



　　首先，我查阅了一些资料。大致解决方案如下：

第一种，特别复古特别原始的方法，类似Servlet的原理，在controller里面拼接弹出框，然后return回前台，因为要做整个页面，小主比较懒，就给pass了。.net的可以参考一下王雅瑾师姐的博客 投诉举报项目中动态加载单选框、复选框，写的特好。


第二种，就是通过Ajax在前台拼接表单，然后返回，可以参考这个博客ajax动态加载下拉框、单选框、复选框，感觉还是很复杂，也pass掉了。


第三种，采用SpringMVC的标签，form标签，能实现加载出多个单选框，但是样式不一致，也给pass掉了。

核心代码如下：

Action:

<span style="font-size:14px;">       /**
	 * 添加辣度梯度弹出框  王美  2015年12月22日16:49:24
	 * @return 
	 */
	@RequestMapping(value="/addDishInfo.do",method=RequestMethod.GET)
	public String testAudio(Map<String, Object> map){
			Spcity spcity = new Spcity();  
			   spcity.setFavoriteBall("1");//设置默认辣度  
			   Map<Integer, String> ballMap = new HashMap<Integer, String>();  
			   ballMap.put(1, "不辣");  
			   ballMap.put(0, "微辣");  
			   ballMap.put(2, "麻辣");  			    
			   map.put("spcity", spcity);  
			   map.put("ballMap", ballMap); 
		return "ssnc/ncgl/caipin-add";
	}
</span>

SpringMVC: 
<span style="font-size:14px;"><form:form action="ssnc/ncgl/addDishInfo.do" method="post" commandName="spcity">  
			<div class="f_label">辣度:</div>
		          
			<form:radiobuttons name="spicy"  path="favoriteBall" items="${ballMap}" delimiter=" "/>  
		     

 </form:form></span>

实体： 
<span style="font-size:14px;">       package com.snsoft.ssnc.ncgl.action;
	
	/**
	 *菜品-- 辣度实体 王美  2015年12月24日09:31:25
	 * @author wm
	 *
	 */
	public class Spcity {
		
		private String id;
		private String FavoriteBall;
	    
	
		public String getId(){
	         return this.id;
	    }
	    public void setId(String id){
	         this.id = id;
	    }
		public String getFavoriteBall() {
			return FavoriteBall;
		}
		public void setFavoriteBall(String favoriteBall) {
			FavoriteBall = favoriteBall;
		}
	    
	  
	

}</span>



第四种，(*@ο@*) 哇～终于等到你~还好我没放弃~采用JSTL表达式，完美实现，之前网上商城的项目有用过哦，现在是温习的时候啦。

编辑JSP:

<span style="font-size:14px;"><div class="formitem">
		<div class="f_label">辣度:</div>
			<div class="f_item">	
				
			<c:forEach items="${list}" var="m" >						
			<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }" <c:if test="${dishInfo.spicy ==m.key}">checked="checked"</c:if>/><label for="ld${m.key }" class="label">${m.val }</label>			
		</c:forEach>	
					
</div>
</span>

编辑action:

<span style="font-size:14px;">               /**
		 * 打开菜品编辑页面  王美 2015年12月20日
		 * @param modelMap 用于保存待显示数据
		 * @param roleuuid 菜品ID
		 * @return
		 */
		@RequestMapping(value="/editDishInfo.do", method=RequestMethod.GET)
		@SuppressWarnings("all")
		public String edit(ModelMap modelMap,ModelMap map, String dishuuid){
			
			spicy spcity = new spicy();  
			   List<Object> list = new ArrayList<Object>();
			   Map<String, String> map2 = new HashMap<String, String>();
			   map2.put("key", "1");
			   map2.put("val", "不辣");
			   list.add(map2);
			   
			   map2 = new HashMap<String, String>();
			   map2.put("key", "0");
			   map2.put("val", "微辣");
			   list.add(map2);
			   
			   map2 = new HashMap<String, String>();
			   map2.put("key", "2");
			   map2.put("val", "麻辣");
			   list.add(map2);
			   map.put("list", list);		    
			   map.put("spcity", spcity);  
			
			
			//获取菜品的持久化对象	
			SnDishInfo dishInfo = dishInfoService.get(dishuuid);
			//把使用的数据实体放入ModelMap中
			modelMap.put("dishInfo", dishInfo);
			
			//返回caipin-edit页面
			return "ssnc/ncgl/caipin-edit";
		}
		
</span>



添加jsp: 
<span style="font-size:14px;">              <div class="formitem">
			<div class="f_label">辣度:</div>
			<div class="f_item">
			<c:forEach items="${list}" var="m">
				<c:if test="${m.key==1 }" >
						<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }" checked="checked" /><label for="ld${m.key }" class="label">${m.val }</label>
				</c:if>
				<c:if test="${m.key!=1 }">
				<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }"  /><label for="ld${m.key }" class="label">${m.val }</label>
				</c:if>
			</c:forEach>			
		</div>
</span>

添加Action:

<span style="font-size:14px;">                       /**
			 * 添加菜品弹出框
			 * @return 添加菜品jsp
			 */
			@RequestMapping(value="/addDishInfo.do",method=RequestMethod.GET)
			public String addDishInfo(ModelMap map){
				spicy spcity = new spicy();  
				   List<Object> list = new ArrayList<Object>();
				   Map<String, String> map2 = new HashMap<String, String>();
				   map2.put("key", "1");
				   map2.put("val", "不辣");
				   list.add(map2);
				   
				   map2 = new HashMap<String, String>();
				   map2.put("key", "0");
				   map2.put("val", "微辣");
				   list.add(map2);
				   
				   map2 = new HashMap<String, String>();
				   map2.put("key", "2");
				   map2.put("val", "麻辣");
				   list.add(map2);
				   map.put("list", list);		    
				   map.put("spcity", spcity);  
				return "ssnc/ncgl/caipin-add";

}</span>


实体：

<span style="font-size:14px;">		package com.snsoft.ssnc.ncgl.entity;
		/**
		 *菜品-- 辣度实体 王美  2015年12月24日09:31:25
		 * @author wm
		 *
		 */
		public class SnSpicy {
			
			private String id;
			private String Favorite;
		    
		
			public String getId(){
		         return this.id;
		    }
		    public void setId(String id){
		         this.id = id;
		    }
			public String getFavorite() {
				return Favorite;
			}
			public void setFavoriteBall(String favorite) {
				Favorite = favorite;
			}
		}
		    
</span>



第五种，写一个静态的辣度类：

package com.snsoft.framework.core;

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

/**
 * 辣度类
 * @author wm
 *
 */
public class Spicy {
	
	
	public static final List<Map<String, String>> SPICY_LIST= new ArrayList<Map<String, String>>();
	static{
		
		Map<String, String> map2 = new HashMap<String, String>();
		   map2.put("key", "1");
		   map2.put("val", "不辣");
		   SPICY_LIST.add(map2);
		   
		   map2 = new HashMap<String, String>();
		   map2.put("key", "0");
		   map2.put("val", "微辣");
		   SPICY_LIST.add(map2);
		   
		   map2 = new HashMap<String, String>();
		   map2.put("key", "2");
		   map2.put("val", "麻辣");
		   SPICY_LIST.add(map2);
		   
	/*	   map2 = new HashMap<String, String>();
		   map2.put("key", "3");
		   map2.put("val", "变态辣");
		   SPICY_LIST.add(map2);*/
	}
	
}
添加菜品弹出框： 

	/**
	 * 添加菜品弹出框
	 * @return 添加菜品jsp
	 */
	@RequestMapping(value="/addDishInfo.do",method=RequestMethod.GET)
	public String addDishInfo(ModelMap map){
				   
		   Spicy spicy=new Spicy();	//实例化辣度类	  
		   map.put("list", spicy.SPICY_LIST);//spicy.SPICY_LIST是辣度的梯度-静态属性    
	 
		return "ssnc/caipin/caipin-add";
	}

编辑菜品弹出框： 

/**
	 * 打开菜品编辑页面  王美 2015年12月20日
	 * @param modelMap 用于保存待显示数据
	 * @param roleuuid 菜品ID
	 * @return
	 */
	@RequestMapping(value="/editDishInfo.do", method=RequestMethod.GET)
	@SuppressWarnings("all")
	public String edit(ModelMap modelMap,ModelMap map, String dishuuid){
				
		Spicy spicy=new Spicy();	//实例化辣度类	  
		map.put("list", spicy.SPICY_LIST);//spicy.SPICY_LIST是辣度的梯度-静态属性    
		
		//获取菜品的持久化对象	
		SnDishInfo dishInfo = dishInfoService.get(dishuuid);
		if(dishInfo==null){
			modelMap.put("errormessage", "参数异常");
			return "framework/error/error";
		}
		//把使用的数据实体放入ModelMap中
		modelMap.put("dishInfo", dishInfo);
		
		//返回caipin-edit页面
		return "ssnc/caipin/caipin-edit";
	}


辣度添加jsp:

<div class="formitem">
		<div class="f_label">辣度:</div>
		<div class="f_item">
		<c:forEach items="${list}" var="m">
			<c:if test="${m.key==1 }" >
					<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }" checked="checked" /><label for="ld${m.key }" class="label">${m.val }</label>
			</c:if>
			<c:if test="${m.key!=1 }">
			<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }"  /><label for="ld${m.key }" class="label">${m.val }</label>
			</c:if>
		</c:forEach>			
	</div>

辣度修改jsp: 

	<div class="formitem">
		<div class="f_label">辣度:</div>
		<div class="f_item">	
		
		<c:forEach items="${list}" var="m" >						
			<input type="radio" id="spicy${m.key }" name="spicy" value="${m.key }" <c:if test="${dishInfo.spicy ==m.key}">checked="checked"</c:if>/><label for="ld${m.key }" class="label">${m.val }</label>			
		</c:forEach>	
			
	</div>

用祖蓝和金星奶奶的两个字，就是完美~


最后，点点滴滴的积累，发现自己正在从小菜到大菜的转型中，happy everyday~~



喵喵7781
关注
专栏目录
用jstl写单选框和多选框
u013712592的专栏
05-28 1386
这是综合性设计实验的做单选多选框的
jstl中<c:if>标签的单选框用法
qq_36134977的博客
10-12 4120
当servel传回来的值需要单选判断时，可以使用                 checked=""         >                日期
JSP动态选择单选按钮（男或女）,通过JSTL实现
热门推荐
friendan的专栏
06-18 5万+
基础知识：在JSP页面如何使用JSTL表达式？首先需要往web工程导入两个jar包， 一个是jstl.jar，另一个是standard.jar，在MyEclipse中，已经自动帮我们导入了，方便吧。 --------------------------------------------------------------------------------------------------
jsp+js带单选复选框的动态树
11-29
jsp+js带单选复选框的动态树，我用的是oracle数据。
如何使用jstl将在一个页面上显示多个复选框默认的勾选状态？
liulianzi_147的博客
03-16 1152
需求：将数据库中一组数据显示在页面上 问题：这组数据是复选框，怎样默认让数据库中已经存在的数据显示到页面上呢？？ 例如：一个学生爱好在数据库已经存储为：游泳，篮球，足球，那么现在如何将这游泳，篮球，足球的复选框默认勾选上呢？？ 第一步：引入Jstl的函数库 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" ...
jstl-api-1.2和jstl-impl-1.2
03-21
jstl-api-1.2和jstl-impl-1.2，jstl-api-1.2和jstl-impl-1.2，jstl-api-1.2和jstl-impl-1.2，jstl-api-1.2和jstl-impl-1.2
jstl-1_1-mr2-spec.rar_JSTL_jstl-1_1-mr2-spec p_jstl-1_1-mr2-spec
09-20
**"jstl-1_1-mr2-spec.pdf"** 这个文档很可能是JSTL 1.1 MR2版本的官方规范或用户指南，详细阐述了JSTL的各种标签、属性和用法，是学习和理解JSTL的重要参考资料。 **"www.pudn.com.txt"** 这个文件可能是一个文本...
jstl标签jar包（jstl-api-1.2和jstl-impl-1.2）
02-26
`jstl-api-1.2.jar` 和 `jstl-impl-1.2.jar` 是JSTL的两个关键组件： 1. **jstl-api-1.2.jar**：这是JSTL的API接口定义，包含了所有JSTL标签库的接口和抽象类。开发人员在编写JSP页面时需要导入这个包，以便使用...
jstl-1.2.jar standard-1.1.2.jar
12-17
在部署Web应用时，通常将`jstl-1.2.jar`和`standard-1.1.2.jar`放入Web应用的`WEB-INF/lib`目录下，这样服务器在解析JSP页面时就能找到并加载这两个库。如果你的项目使用了Maven或Gradle等构建工具，可以在pom.xml或...
jstl-api-1.2.jar、jstl-impl-1.2.jar
02-23
在给定的压缩包中，有两个关键文件：`jstl-api-1.2.jar` 和 `jstl-impl-1.2.jar`。它们分别是JSTL的API接口和实现的jar包。 **jstl-api-1.2.jar** 包含了JSTL的接口定义，定义了各种标签的API，比如`<c:forEach>`、...
Spring框架--Spring MVC标签--JSTL、EL
qq_38644907的博客
03-11 405
JSTL：JSP标准标签库。首先引入标签库，然后使用 EL：${key }，依次提取page、request、session、application信息，在当前位置显示 Spring MVC表单标签可以自动提取模型中存储的对象值，已表单元素形式显示到页面上。 使用注意事项： 1）在JSP页面引入标签库：&lt;%@ taglib uri="http://www.springframewor...
Jquery单选框、复选框、下拉框动态设置默认项，及动态获取选中项。
liufang12的专栏
08-20 4247
1.单选框Html代码： 女 男 请选择性别！ class="col-sm-7">   class="rdio rdio-success col-sm-2">   id="radio-success1" type="radio" name="radio" data="female">   for="
JSP中单选按钮回显学生性别
跟着BOSS有肉吃
09-17 7354
 一个实例：根据学号把学生信息回显到JSP页面中 数据库表studentInfo设计如下： 表中的数据如下：   项目的结构如下： 实体类如下： package com.icss.entity; public class StudentInfo { private String studentId; private String studentName; privat...
单选框回显效果的解决办法
黄俊东的专栏
05-09 6600
评论 42
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值