前言:上次与大家分享了tree前端的实现,为了展现一个完整的效果,在之前的数据都是静态的,今天我们将实现数据动态的效果,也就是说连接数据库---tree后端的实现。
一、明确目标:
? ? ? ? 今天将要实现的是动态数据的效果,将数据库的数据展现在页面上。
? ? ? ? 之前效果:
?今天要实现的效果:(这些效果是数据库中的数据)
二、具体思路以及代码实现:
? ? ? 一、思路:首先毋庸置疑的是取到数据,之后就是将数据从以前的平级结构变成父子结构,最后将效果展现出来。
? ? ? ? 1、首先建立好今天数据对应的实体类? ?
? ? ? ? 2、要将之前学MVC时的各类包导进去? ? ? ??
? ? ? ? 3、之后就到dao类中写方法,将数据库中的数据平级关系转换成包含关系将tree(Menu)转换成treevo(Menu)(也就是父子关系)
? ? ? ? 4、将MVC中的跳转路径处理好。
? ? ? 二、代码:
1.dao类:
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<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>();
attributes.put("self", m);
vo.setAttributes(attributes);
listvos.add(vo);
}
return BuildTree.buildList(listvos, "000");
}
在没有实现tree控件效果时(也就是说没有实现父子级别的效果):
{ "id": "004",
"text": "统一配置",
"state": null,
"checked": false,
"attributes": {
"self": {
"serialNo": "1C63DA57E65243F184D6789A88E137B9",
"menuid": "004",
"menuname": "统一配置",
"menuURL": null,
"parentid": "000"
}
},
2、MenuAction中的代码: ?
public class MenuAction extends ActionSupport implements ModelDriver<Menu> {
Menu menu = new Menu();
MenuDao md = new MenuDao();
public Menu getModel() {
return menu;
}
public String tree(HttpServletRequest req, HttpServletResponse resp) throws Exception {
try {
List<TreeVo<Menu>> tree = md.tree(null, null);
ResponseUtil.writeJson(resp, tree);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
这里的代码将会实现分级效果,关键代码为:
List<TreeVo<Menu>> tree = md.tree(null, null);
ResponseUtil.writeJson(resp, tree);
同时也要依据ResponseUtil去将效果展现出来:
public static void writeJson(HttpServletResponse response,Object o)throws Exception{
ObjectMapper om=new ObjectMapper();
write(response,om.writeValueAsString(o));
}
其中om.writeValueAsString(o)方法是将属性以及值一起展现出来的方法。
效果展示:
?三、思维导图:
总结:今天分享的知识就到这了,希望对大家有所帮助。祝大家生活愉快!
? ? ? ??
|