Tree组件的前端界面

最新推荐文章于 2022-07-19 06:00:00 发布

莹酱不想秃头

最新推荐文章于 2022-07-19 06:00:00 发布

阅读量325

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_46703930/article/details/106931050

版权

这篇博客继续上一篇的内容，主要介绍如何在前端实现Tree组件。包括导入必要的jar包，新增dao类方法以展现数据的父子结构，PermissionAction的设置，index.js的编写，工具类ResponseUtil的使用，mvc.xml配置以及index.jsp的展示。最后展示了实现后的效果。

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

前言

续上一篇
上篇博客地址
这次我们来写前端界面

1、导入jar包
在这里插入图片描述
2、dao类新增方法：
能够将数据库中的数据体现父子结构

package com.xieying.dao;

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

import com.fasterxml.jackson.databind.ObjectMapper;
import com.xieying.entity.Permission;
import com.xieying.util.BaseDao;
import com.xieying.util.BuildTree;
import com.xieying.util.PageBean;
import com.xieying.vo.TreeVo;


public class PermissionDao extends BaseDao<Permission> {

	/**
	 * 
	 * 直接从数据库获取到的数据
	 * @param permission
	 * @param pageBean
	 * @return
	 * @throws Exception
	 */
	public List<Permission> list(Permission permission,PageBean pageBean) throws Exception {
		
		String sql="select * from t_easyui_Permission";
		return super.executeQuery(sql, Permission.class, pageBean);
	}
	
	/**
	 * 能够将数据库中的数据，体现父子结构
	 * @param permission
	 * @param pageBean
	 * @return
	 * @throws Exception
	 */

	public List<TreeVo<Permission>> topNode(Permission permission,PageBean pageBean) throws Exception {
	
		List<Permission> list = this.list(permission, pageBean);
	
		List<TreeVo<Permission>> nod