easyUI之后端实现(1)

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

list = menuDao.list(null, null);

List<TreeVo

> tree = menuDao.tree(null, null);

ObjectMapper om = new ObjectMapper();

/**

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

• 思考： 1.TreeVo对象 2.List

  –>List<TreeVo > TreeVo vo=new TreeVo();

• vo.setid(menu.getId()); vo.setText(menu.getmenuname());

• 3.让List<TreeVo

  >中的数据有父子层级关系 由工具类实现

*/

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

}

}

TreeVo:

---

package com.zking.util;

import java.util.ArrayList;

import java.util.List;

import java.util.Map;

public class TreeVo {

/**

• 节点ID

*/

private String id;

/**

• 显示节点文本

*/

private String text;

/**

• 节点状态，open closed

*/

private Map<String, Object> state;

/**

• 节点是否被选中 true false

*/

private boolean checked = false;

/**

• 节点属性

*/

private Map<String, Object> attributes;

/**

• 节点的子节点

*/

private List<TreeVo> children = new ArrayList<TreeVo>();

/**

• 父ID

*/

private String parentId;

/**

• 是否有父节点

*/

private boolean hasParent = false;

/**

• 是否有子节点

*/

private boolean hasChildren = false;

public String getId() {

return id;

}

public void setId(String id) {

this.id = id;

}

public String getText() {

return text;

}

public void setText(String text) {

this.text = text;

}

public Map<String, Object> getState() {

return state;

}

public void setState(Map<String, Object> state) {

this.state = state;

}

public boolean isChecked() {

return checked;

}

public void setChecked(boolean checked) {

this.checked = checked;

}

public Map<String, Object> getAttributes() {

return attributes;

}

public void setAttributes(Map<String, Object> attributes) {

this.attributes = attributes;

}

public List<TreeVo> getChildren() {

return children;

}

public void setChildren(List<TreeVo> children) {

this.children = children;

}

public boolean isHasParent() {

return hasParent;

}

public void setHasParent(boolean isParent) {

this.hasParent = isParent;

}

public boolean isHasChildren() {

return hasChildren;

}

public void setChildren(boolean isChildren) {

this.hasChildren = isChildren;

}

public String getParentId() {

return parentId;

}

public void setParentId(String parentId) {

this.parentId = parentId;

}

public TreeVo(String id, String text, Map<String, Object> state, boolean checked, Map<String, Object> attributes,

List<TreeVo> children, boolean isParent, boolean isChildren, String parentID) {

super();

this.id = id;

this.text = text;

this.state = state;

this.checked = checked;

this.attributes = attributes;

this.children = children;

this.hasParent = isParent;

this.hasChildren = isChildren;

this.parentId = parentID;

}

public TreeVo() {

super();

}

}

BuildTree:

---

package com.zking.util;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

public class BuildTree {

/**

• 默认-1为顶级节点

• @param nodes

• @param

• @return

*/

public static TreeVo build(List<TreeVo> nodes) {

if (nodes == null) {

return null;

}

List<TreeVo> topNodes = new ArrayList<TreeVo>();

for (TreeVo children : nodes) {

String pid = children.getParentId();

if (pid == null || “-1”.equals(pid)) {

topNodes.add(children);

continue;

}

for (TreeVo parent : nodes) {

String id = parent.getId();

if (id != null && id.equals(pid)) {

parent.getChildren().add(children);

children.setHasParent(true);

parent.setChildren(true);

continue;

}

}

}

TreeVo root = new TreeVo();

if (topNodes.size() == 1) {

root = topNodes.get(0);

} else {

root.setId(“000”);

root.setParentId(“-1”);

root.setHasParent(false);

root.setChildren(true);

root.setChecked(true);

root.setChildren(topNodes);

root.setText(“顶级节点”);

Map<String, Object> state = new HashMap<>(16);

state.put(“opened”, true);

root.setState(state);

}

return root;

}

/**

• 指定idparam为顶级节点

• @param nodes

• @param idParam

• @param

• @return

*/

public static List<TreeVo> buildList(List<TreeVo> nodes, String idParam) {

if (nodes == null) {

return null;

}

List<TreeVo> topNodes = new ArrayList<TreeVo>();

for (TreeVo children : nodes) {

String pid = children.getParentId();

if (pid == null || idParam.equals(pid)) {

topNodes.add(children);

continue;

}

for (TreeVo parent : nodes) {

String id = parent.getId();

if (id != null && id.equals(pid)) {

parent.getChildren().add(children);

children.setHasParent(true);

parent.setChildren(true);

continue;

}

}

}

return topNodes;

}

}

ResponseUtil:

---

package com.zking.util;

import java.io.IOException;

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 IOException {

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 IOException {

ObjectMapper om = new ObjectMapper();

// om.writeValueAsString(o)代表了json串

write(response, om.writeValueAsString(o));

}

}

子控制器 MenuAction

---

package com.zking.web;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.zking.dao.MenuDao;

import com.zking.entity.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

{

private Menu menu = new Menu();

private MenuDao menuDao = new MenuDao();

@Override

public Menu getModel() {

return menu;

}

public String tree(HttpServletRequest req, HttpServletResponse resp) {

try {

List<TreeVo

> tree = menuDao.tree(null, null);

ResponseUtil.write(resp, tree);

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

return null;

}

}

配置xml文件

---

<?xml version="1.0" encoding="UTF-8"?>

修改js文件的url

---

$(function() {

/**

• $.ajax无刷新1.tree方法是通过$.extends()拓展出来的 2.tree方法做的事情 $(‘#tt’).append("

• File21

• "); 需求： 1.点击左侧显示右侧Tab ①给菜单添加点击事件 ②调用Tabs选项卡打开对应的页面 选项卡打开 选项卡对应的页面展示

• 2.不能打开重复的Tab 拿到目前所有打开的Tab选项卡，与将要打开的选项卡做对比exists 存在true：不打开 不存在false：打开

• 3.对于已经存在的Tab选项，被点击时应默认被选中 4.点击菜单，能够访问对应的页面，而非文字内容

• 注意：js文件中不支持el表达式

*/

$(‘#stuMenu’)

.tree(

{

url : $(“#ctx”).val() + ‘/menu.action?methodName=tree’,

onClick : function(node) {

// 判断当前选项卡是否存在

var exists = $(‘#stuTabs’)

.tabs(‘exists’, node.text);

if (exists) {

$(‘#stuTabs’).tabs(‘select’, node.text);

} else {

$(‘#stuTabs’)

.tabs(

‘add’,

{

title : node.text,

content : ‘<iframe width=“100%” height=“100%” src="’

• node.attributes.url

• ‘">’,

closable : true,

tools : [ {

iconCls : ‘icon-mini-refresh’,

handler : function() {

alert(‘refresh’);

}

} ]

});

}

}

});

})

注意：js文件中，不支持el表达式

所以绝对路径不能用${ pageContext.request.contextPath }，要在jsp文件中加入一个隐藏的input

index.jsp:

---

<%@ page language=“java” contentType=“text/html; charset=UTF-8”

pageEncoding=“UTF-8”%>

href=“${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css”>

href=“${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/icon.css”>