Goods:动态加载所有的分类项到left.jsp

CategoryDao

//把一个map中的数据映射到category中
    private Category toCategory(Map<String,Object> map)
    {
        
        Category category=CommonUtils.toBean(map, Category.class);
        String pid=(String) map.get("pid");
        if(pid!=null)  //如果父分类id不为空
        {
            Category parent=new Category();
            parent.setCid(pid);
            category.setParent(parent);
        }
        return category;
        
    }
    
    //可以把多个Map<List<Map>> 映射成多个Category
    private List<Category> toCategoryList(List<Map<String,Object>> mapList)
    {
        List<Category> categoryList=new ArrayList<Category>();
        for(Map<String,Object> map:mapList)
        {
              Category c=toCategory(map);
              categoryList.add(c);
              
        }
        return categoryList;
        
    }
    //通过父分类查询子分类
    public List<Category> findByparent(String pid) throws SQLException
    {
        
        String sql="select * from t_category where pid=?";
        List<Map<String,Object>> mapList=qr.query(sql, new MapListHandler(),pid);
        return toCategoryList(mapList);
        
    }
    
       //得到所有一级分类的List
    public List<Category> findAll() throws SQLException
    {
        /*
         * 1、查询所有的一级分类 得到List<Category>
         * 2、循环遍历每一个一级分类，为每个一级分类加载它的所有二级分类    }
         * 3、返回所有的积极分类
         */
        //1、查询所有的一级分类
        String sql="select * from t_category where pid is null";
        //为防止丢掉pid 所以不用BeanListHandler  先把他放到一个Maplist中
        List<Map<String,Object>> mapList=qr.query(sql, new MapListHandler());
        List<Category>  parents=toCategoryList(mapList);
        
        //2、循环遍历所有的一级分类 为每个一级分类加载他的所有的二级分类
        
        for(Category parent:parents)
        {   
            //查询出当前父分类的所有子分类
            List<Category> children = findByparent(parent.getCid());
            parent.setChildren(children);
            
        }
    
        return parents;        
        
}

前端的left.jsp用的js小工具加载  具体的看mymenu.js文件

<script type="text/javascript" src="<c:url value='/menu/mymenu.js'/>"></script>
    <link rel="stylesheet" href="<c:url value='/menu/mymenu.css'/>" type="text/css" media="all">
    <link rel="stylesheet" type="text/css" href="<c:url value='/jsps/css/left.css'/>">
<script language="javascript">
/*
 * 1. 对象名必须与第一个参数相同！
   2. 第二个参数是显示在菜单上的大标题
 */
var bar = new Q6MenuBar("bar", "网上书城");
$(function() {
    bar.colorStyle = 4;//指定配色样式，一共0,1,2,3,4
    bar.config.imgDir = "<c:url value='/menu/img/'/>";//小工具所需图片的路径
    bar.config.radioButton=true;//是否排斥，多个一级分类是否排斥

    /*
    1. 程序设计：一级分类名称
    2. Java Javascript：二级分类名称
    3. /goods/jsps/book/list.jsp：点击二级分类后链接到的URL
    4. body:链接的内容在哪个框架页中显示
    */
<c:forEach items="${parents}" var="parent">
  <c:forEach items="${parent.children}" var="child">
    bar.add("${parent.cname}", "${child.cname}", "/goods/jsps/book/list.jsp", "body");
  </c:forEach>
</c:forEach>
    
    $("#menu").html(bar.toString());
});

</script>