基于EasyUI的基础之上实现树形功能菜单

页面展示截图如下：

为了实现以上效果，在开始前必须先将环境配置一下。

第一步： 首先，先将 jquery-easyui-1.2.6 文件引入到工程项目下，并在jsp页面上进入引入3个jsp文件和2个css文件。如下：

引入顺序必须按照以上顺序引入，否则页面展示效果将出错。

第二步：引入jar包，分别为：commons-beanutils-1.8.3.jar、commons-collections-3.2.1.jar、commons-lang-2.5.jar、commons-logging-1.1.1.jar、ezmorph-1.0.6.jar、json-lib-2.3-jdk15.jar、mysql-connector-java-5.1.17-bin.jar

代码实现

1、创建数据表

drop database easyui;
create database easyui;
use easyui;
show tables;
#创建菜单表
create table menu(
	id int(11) not null auto_increment,  ####菜单id###
	name varchar(20) default null,        ####菜单名####
	url varchar(100) default null,        #### 菜单url####
	checked varchar(10) default null,    ####菜单是否被选中
	icon varchar(30) default null,        ####菜单图标####
	parent_id int(11) default null,       ####父节点菜单的id####
	primary key(id)                          ####id是主键####           
);
#插入测试数据            ####测试数据####
insert into menu(id,name,url,checked,icon,parent_id) values
(1,'权限菜单',null,'',null,0),
(2,'用户管理',null,'0',null,1),
(3,'岗位管理',null,'',null,1),
(4,'资源管理',null,'',null,1),
(5,'用户功能1',null,'',null,2),
(6,'岗位功能1',null,'0',null,3),
(7,'资源功能2','/easyui/index.jsp','0',null,3),
(8,'资源功能1','sss','0',null,4),
(9,'岗位功能2',null,'',null,3),
(10,'资源功能3','111','0',null,4),
(11,'资源管理4','222','',null,4),
(14,'岗位功能3','dfds',null,null,3),
(17,'用户功能2','sss','0',null,2);
#查看数据
select * from menu;
//查询跟节点
select * from menu where parent_id=0;
#查看指定父节点下有哪些子节点
select * from menu where parent_id=2;

2、JDBC连接工具类

JDBCUtils.java

package com.hsj.utils;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
public class JDBCUtils {
	static {
		try {
			Class.forName("com.mysql.jdbc.Driver");
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		}
	}
	public static Connection getConnection() throws Exception {
		return DriverManager.getConnection(
				"jdbc:mysql:///easyui?useUnicode=true&characterEncoding=UTF-8",
				"root", "zxczxc");
	}
	public static void close(ResultSet rs, PreparedStatement ps, Connection conn) {
		try {
			if (rs != null)
				rs.close();
		} catch (Exception e) {
			e.printStackTrace();
		} finally {
			try {
				if (ps != null)
					ps.close();
			} catch (Exception e) {
				e.printStackTrace();
			} finally {
				try {
					if (conn != null)
						conn.close();
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		}
	}
}

3、创建实体类domain

Menu.java

package com.hsj.domain;
public class Menu {
	private int id;  //菜单id
	private String name;  //菜单名
	private String url;  //菜单链接的网址
	private String checked;    //菜单是否被选中
	private String icon;   //菜单图标
	private int parent_id;    //当前菜单的父节点id
	public Menu(){}
	public Menu(int id, String name, String url, String checked, String icon,int parentId) {
		this.id = id;
		this.name = name;
		this.url = url;
		this.checked = checked;
		this.icon = icon;
		parent_id = parentId;
	}
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getUrl() {
		return url;
	}
	public void setUrl(String url) {
		this.url = url;
	}
	public String getChecked() {
		return checked;
	}
	public void setChecked(String checked) {
		this.checked = checked;
	}
	public String getIcon() {
		return icon;
	}
	public void setIcon(String icon) {
		this.icon = icon;
	}
	public int getParent_id() {
		return parent_id;
	}
	public void setParent_id(int parentId) {
		parent_id = parentId;
	}
}

TreeDTD.java

package com.hsj.domain;
import java.util.HashMap;
import java.util.Map;
public class TreeDTO {
	private int id;
	private String text;
	private String iconCls;
	private String checked;
	private int parent_id;
	private String state;
	/**
	 * 自定义属性信息
	 */
	private Map attributes = new HashMap();
	public TreeDTO() {
	}
	public TreeDTO(int id, String text, String iconCls, String checked,
			int parent_id, String state, Map attributes) {
		this.id = id;
		this.text = text;
		this.iconCls = iconCls;
		this.checked = checked;
		this.parent_id = parent_id;
		this.state = state;
		this.attributes = attributes;
	}
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getText() {
		return text;
	}
	public void setText(String text) {
		this.text = text;
	}
	public String getIconCls() {
		return iconCls;
	}
	public void setIconCls(String iconCls) {
		this.iconCls = iconCls;
	}
	public String getChecked() {
		return checked;
	}
	public void setChecked(String checked) {
		this.checked = checked;
	}
	public int getParent_id() {
		return parent_id;
	}
	public void setParent_id(int parentId) {
		parent_id = parentId;
	}
	public String getState() {
		return state;
	}
	public void setState(String state) {
		this.state = state;
	}
	public Map getAttributes() {
		return attributes;
	}
	public void setAttributes(Map attributes) {
		this.attributes = attributes;
	}
	@Override
	public String toString() {
		return "TreeDTO [attributes=" + attributes + ", checked=" + checked
				+ ", iconCls=" + iconCls + ", id=" + id + ", parent_id="
				+ parent_id + ", state=" + state + ", text=" + text + "]";
	}
}

4、创建接口DAO

MeunDao.java

package com.hsj.dao;
import java.util.List;
import com.hsj.domain.Menu;
import com.hsj.domain.TreeDTO;
public interface MenuDao{
	/**
	 * 根据父节点的值查询所有的子节点
	 * @param parentId
	 * @return
	 */
	public List getChildrenByParentId(String parentId);
	/**
	 * 根据id值查询当前对象
	 * @param id
	 * @return
	 */
	public Menu findMenuById(int id);
	
	/**
	 * 保存指定对象
	 * @param 
	 * @param t
	 */
	public  void save(T t);
	
	/**
	 * 修改菜单对象
	 * @param menu
	 */
	public void update(Menu menu);
	
	/**
	 * 根据id删除指定对象
	 * @param id
	 */
	public void delete(int id);
	
	/**
	 * 根据父节点删除当前父节点下所有的子节点
	 * @param parentId 父节点id
	 */
	public void deleteChildrenByParentId(int parentId);
	
	/**
	 * 根据当前节点 的id值删除它的所有子节点
	 * @param id
	 */
	 public void deleteChildren(int id);
}

5、实现DAO接口方法Bean

MenuDaoBean.java

package com.hsj.dao.bean;
import java.lang.reflect.Field;
import java.lang.reflect.Method;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.hsj.dao.MenuDao;
import com.hsj.domain.Menu;
import com.hsj.domain.TreeDTO;
import com.hsj.utils.JDBCUtils;
public class MenuDaoBean implements MenuDao{

	public  int getTotalRecord(Class clazz) {
		// TODO Auto-generated method stub
		return 0;
	}
	public  void save(T t)
	{
		//1.根据对象得到类模板对象
		Class clazz= (Class) t.getClass();
		//2.得到当前类中所有字段组成的数组，不管访问权限如何，但不包括父类中的字段
		Field[]  fields=clazz.getDeclaredFields();
		//insert into t_menu(field1,field2,....) values(value1,value2,....)
		List key=new ArrayList();//key用来存储字段列表
		List