tree后台实现

一、思维导图

 二、Json串转换

①、转换成对象

拿到下面属性值

"id":11,
"text":"学生管理",
"state":"closed",
"children":[{
"id":111,
"text":"Friend"

 1、实体类对象转化成json串-->json对象-->方式一

JsonObject1 obj1=new JsonObject1("11","学生管理","closed");
		ObjectMapper om=new ObjectMapper();
		System.out.println(om.writeValueAsString(obj1));

2、Map集合转化成json串-->json对象-->方式二

Map<String, Object> map=new HashMap<String, Object>();
		map.put("id", "11");
		map.put("text", "学生管理");
		map.put("state", "closed");
		System.out.println(om.writeValueAsString(map));

运行结果：

 ②、转换成数组

拿到下面属性值

{
        "id":14,
        "text":"about.html"
    },{
        "id":15,
        "text":"welcome.html"
    }]

1、实体类集合转化成json串-->json数组-->方式一

JsonObject1 obj1=new JsonObject1("14","about.html",null);
		JsonObject1 obj2=new JsonObject1("15","welcome.html",null);
        List<JsonObject1> list=new ArrayList<JsonObject1>();
        list.add(obj1);
        list.add(obj2);
		
		ObjectMapper om=new ObjectMapper();
		System.out.println(om.writeValueAsString(list));

2、Map集合对象转化成json串-->json数组-->方式二

Map<String, Object> map=new HashMap<String, Object>();
		map.put("id", "14");
		map.put("text", "about.html");
		map.put("state", null);
		Map<String, Object> map2=new HashMap<String, Object>();
		map2.put("id", "15");
		map2.put("text", "welcome.html");
		map2.put("state", null);
		List<Map<String, Object>> listMap=new ArrayList<>();
		listMap.add(map);
		listMap.add(map2);
		System.out.println(om.writeValueAsString(listMap));

运行结果：

 ③、结论

就Json串的转换结果而言，Map等价于对象，List<map>等价于List<创建的类>

三、实例

1、要求：

把从数据库中拿值显示到界面菜单，有层级关系

2、显示效果

 3、数据库表（t_easyui_menu）

 4、jar包

 5、使用的包

MenuDao（ extends BaseDao<Menu>）

MenuDao使用以下代码

缺陷：
         * 1、json串并没有体现出父子层级关系，数据之间都是平级的
         * 2、json串属性并不是id/text...等easyui要求的属性

List<Menu> list=menuDao.list(null, null); 

System.out.println(om.writeValueAsString(list)); 

 思考：
         * 1、TreeVo<T>对象
         * id：节点ID，对加载远程数据很重要。
            text：显示节点文本。
            state：节点状态，'open' 或 'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
            checked：表示该节点是否被选中。
            attributes: 被添加到节点的自定义属性。
            children: 一个节点数组声明了若干节点。
         * 2、List<Menu>-->List<TreeVo<Menu>>
         * TreeVo vo=new TreeVo();
         * vo.setid(menu.getId());
         * vo.setText(menu.getmenunane());
         * 
         * 3、让List<TreeVo<Menu>>中的数据有父子层级关系
         * for(){
         *       外层
         *       权限管理
         * for(){
         *       内层
         *    }
         * }

package com.dhm.dao;

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

import com.dhm.entiey.Menu;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.zking.util.BaseDao;
import com.zking.util.BuildTree;
import com.zking.util.PageBean;
import com.zking.util.TreeVo;

public class MenuDao extends BaseDao<Menu>{
	public List<Menu> list(Menu menu, PageBean pageBean) throws Exception {
		return super.executeQuery("select *from t_easyui_menu", Menu.class, pageBean);
	}
	
	public List<TreeVo<Menu>> tree(Menu menu, PageBean pageBean) throws Exception{
//		拿到的是平级，没有父子层级关系的数据
		List<Menu> list = this.list(menu, pageBean);
//		List<Menu>-->List<TreeVo<Menu>>
		
		List<TreeVo<Menu>> listvos=new ArrayList<TreeVo<Menu>>();
		for (Menu m : list) {
			TreeVo<Menu> vo=new TreeVo<>();
			vo.setId(m.getMenuid());
			vo.setText(m.getMenuname());
			vo.setParentId(m.getParentid());
			Map<String, Object> attributes=new HashMap<String, Object>();
//			self是个键名字，随便取一个名字
//			node.attributes.self.menuURL
			attributes.put("self", m);
			vo.setAttributes(attributes);
			listvos.add(vo);
		}
//		构建父子层级关系(希望拿到菜单管理下的所有子节点数据)
		return BuildTree.buildList(listvos, "000");
	}
	
	public static void main(String[] args) throws Exception {
		
		MenuDao menuDao=new MenuDao();
//		List<Menu> list=menuDao.list(null, null);
		List<TreeVo<Menu>> tree = menuDao.tree(null, null);
		
//		https://tool.oschina.net/codeformat/json/
		ObjectMapper om=new ObjectMapper();
		/**
		 * 缺陷：
		 * 1、json串并没有体现出父子层级关系，数据之间都是平级的
		 * 2、json串属性并不是id/text...等easyui要求的属性
		 * 
		 * 思考：
		 * 1、TreeVo<T>对象
		 * id：节点ID，对加载远程数据很重要。
            text：显示节点文本。
            state：节点状态，'open' 或 'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
            checked：表示该节点是否被选中。
            attributes: 被添加到节点的自定义属性。
            children: 一个节点数组声明了若干节点。
		 * 2、List<Menu>-->List<TreeVo<Menu>>
		 * TreeVo vo=new TreeVo();
		 * vo.setid(menu.getId());
		 * vo.setText(menu.getmenunane());
		 * 
		 * 3、让List<TreeVo<Menu>>中的数据有父子层级关系
		 * for(){
		 *       外层
		 *       权限管理
		 * for(){
		 *       内层
		 *    }
		 * }
		 * 
		 * 
		 * 
		 */
		
//		System.out.println(om.writeValueAsString(list));
		
		System.out.println(om.writeValueAsString(tree));
		
		
	}
	

}

MenuAction（extends ActionSupport implements ModelDriver<Menu>） 

package com.dhm.web;

import java.util.List;

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

import com.dhm.dao.MenuDao;
import com.dhm.entiey.Menu;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.ResponseUtil;
import com.zking.util.TreeVo;

public class MenuAction extends ActionSupport implements ModelDriver<Menu>{

	private Menu menu=new Menu();
	private MenuDao menuDao=new MenuDao();
	public Menu getModel() {
		return menu;
	}
	
	public String tree(HttpServletRequest req, HttpServletResponse resp) {
		try {
			List<TreeVo<Menu>> tree = menuDao.tree(null, null);
			ResponseUtil.writeJson(resp, tree);
			
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}
	
	
}

ResponseUtil

package com.zking.util;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

import com.fasterxml.jackson.databind.ObjectMapper;

public class ResponseUtil {

	public static void write(HttpServletResponse response,Object o)throws Exception{
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out=response.getWriter();
		out.println(o.toString());
		out.flush();
		out.close();
	}
	public static void writeJson(HttpServletResponse response,Object o)throws Exception{
		ObjectMapper om=new ObjectMapper();
//		om.writeValueAsString(o)代表了json串
		write(response,om.writeValueAsString(o));
		
		
	}
}

tree_data1.json

1、运行MenuDao包，复制运行结果（如下）

 2、使用以下网址更改 tree_data1.json包，复制格式化Json到tree_data1.json包

 https://tool.oschina.net/codeformat/json/

在index.js中更改跳转路径

在mvc2.xml中配置 

 

------没有啦----------