layui之动态树案例

最新推荐文章于 2024-06-03 06:00:00 发布

呲花1

最新推荐文章于 2024-06-03 06:00:00 发布

阅读量109

点赞数

文章标签： layui 大数据前端

本文链接：https://blog.csdn.net/m0_62327548/article/details/125846432

版权

本文介绍了使用Layui实现动态树的实战案例，包括后台代码实现和前端展示。后台涉及实体类Permission、PermissionDao、BuildTree类、TreeVo类的配置，以及web层的PermissionAction。前端部分展示了主界面及最终效果。

摘要由CSDN通过智能技术生成

一、后台代码实现

二、前端

一、后台代码实现

小编上篇文章写了关于Layui动态树知识，今天我们进行一个练习（案例）
下面是案例所需用的数据库表

实体类Permission ：

package com.zxw.entity;

public class Permission {
	private long id;
	private String name;
	private String description;
	private String url;
	private long pid;
	private int ismenu;
	private long displayno;
	public long getId() {
		return id;
	}
	public void setId(long id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}
	public String getUrl() {
		return url;
	}
	public void setUrl(String url) {
		this.url = url;
	}
	public long getPid() {
		return pid;
	}
	public void setPid(long pid) {
		this.pid = pid;
	}
	public int getIsmenu() {
		return ismenu;
	}
	public void setIsmenu(int ismenu) {
		this.ismenu = ismenu;
	}
	public long getDisplayno() {
		return displayno;
	}
	public void setDisplayno(long displayno) {
		this.displayno = displayno;
	}
	
	public Permission() {
		// TODO Auto-generated constructor stub
	}
	public Permission(long id, String name, String description, String url, long pid, int ismenu, long displayno) {
		super();
		this.id = id;
		this.name = name;
		this.description = description;
		this.url = url;
		this.pid = pid;
		this.ismenu = ismenu;
		this.displayno = displayno;
	}
	@Override
	public String toString() {
		return "Permission [id=" + id + ", name=" + name + ", description=" + description + ", url=" + url + ", pid="
				+ pid + ", ismenu=" + ismenu + ", displayno=" + displayno + "]";
	}
	
}

PermissionDao:

package com.zking.dao;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import com.zking.entity.Permission;
import com.zking.util.BaseDao;
import com.zking.util.BuildTree;
import com.zking.util.PageBean;
import com.zking.util.TreeVo;

public class permissionDao extends BaseDao<Permission>{
	
	//查询t_oa_permission表中的数据
	public List<Permission> list(Permission permission, PageBean pageBean) throws Exception {
		String sql = "select * from t_easyui_permission";
		return super.executeQuery(sql, Permission.class, pageBean);
	}
	
	public List<TreeVo<Permission>> menus(Permission permission, PageBean pageBean) throws Exception {
		List<TreeVo<Permission>> trees = new ArrayList<TreeVo<Permission>>();
		//从数据库拿到的菜单数据，此时数据是平级的，不具备父子关系
		List<Permission> list = this.list(permission, pageBean);
		for (Permission p : list) {
			TreeVo<Permission> vo = new TreeVo<>();
			vo.setId(p.getId()+"");
			vo.setText(p.getName());
			vo.setParentId(p.getPid()+"");//节点的父id
			trees.a