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

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

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

第一种，特别复古特别原始的方法，类似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~~