tree前端实现

一、前言

上次分享了后端输出tree数据，今天分享前端显示数据

二、所需要的助手类、js文件、jar包、sql文件

jar包
提取码：yti2
我用的MySQL数据库
数据库文件
提取码：uqqc
助手类、js文件
提取码：7tdo

前端展示实现

首先实体类

package com.liubiao.entity;

public class Menu {
   
	
	private String serialNo;
	private String menuid;
	private String menuname;
	private String menuURL;
	private String parentid;
	private String displayno;
	
	public String getSerialNo() {
   
		return serialNo;
	}
	public void setSerialNo(String serialNo) {
   
		this.serialNo = serialNo;
	}
	public String getMenuid() {
   
		return menuid;
	}
	public void setMenuid(String menuid) {
   
		this.menuid = menuid;
	}
	public String getMenuname() {
   
		return menuname;
	}
	public void setMenuname(String menuname) {
   
		this.menuname = menuname;
	}
	public String getMenuURL() {
   
		return menuURL;
	}
	public void setMenuURL(String menuURL) {
   
		this.menuURL = menuURL;
	}
	public String getParentid() {
   
		return parentid;
	}
	public void setParentid(String parentid) {
   
		this.parentid = parentid;
	}
	public String getDisplayno() {
   
		return displayno;
	}
	public void setDisplayno(String displayno) {
   
		this.displayno = displayno;
	}
	
	public Menu(String serialNo, String menuid, String menuname, String menuURL, String parentid, String displayno) {
   
		super();
		this.serialNo = serialNo;
		this.menuid = menuid;
		this.menuname = menuname;
		this.menuURL = menuURL;
		this.parentid = parentid;
		this.displayno = displayno;
	}
	
	public Menu() {
   
		super();
	}
	
	@Override
	public String toString() {
   
		return "menu [serialNo=" + serialNo + ", menuid=" + menuid + ", menuname=" + menuname + ", menuURL=" + menuURL
				+ ", parentid=" + parentid + ", displayno=" + displayno + "]";
	}
	
}

Dao方法

package com.liubiao.dao;

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

import com.liubiao.entity.Menu;
import com.liubiao.util.BaseDao;
import com.liubiao.util.BuildTree;
import com.liubiao.util.PageBean;
import com.liubiao.vo.TreeVo;

public class MenuDao extends BaseDao<Menu> {
   
	
	/**
	 * 是直接从数据库获取到的数据
	 * @param permission
	 * @param pageBean
	 * @return
	 * @throws InstantiationException
	 * @throws IllegalAccessException
	 * @throws SQLException+
	 */
	public List