springmvc easyUI tree 动态加载数据库实现

本是古典何须时尚 2022-06-11 01:54 197阅读 0赞

介绍大家如何实现树构造  
  
1：傻白甜实现，无需理解树构造，撸主会告诉你们如何直接调用。

2：以撸主的理解，来讲解树的实现，如有错误敬请理解。

这里先说明，撸主用的是dbutils 插件来实现查询数据库

你们用自己的方法查询数据库也可以

**1：首先，创建我们要实现的树类：**

public class TreeNode \{  
  
    /\*\*  
     \* <pre>  
     \* 构造树流程  
     \* 1.根节点--往下找到其子节点，构造第一层树  
     \* 2.根节点下的父节点--往下找到其子节点，构造第n层树  
     \* @param list 构造树所需要的数据  以ArrayList格式传入  
     \* @return 完整的树  
     \* </pre>  
     \*/  
    public static ArrayList<TreeModel> getTree(List<TreeModel> list) \{

//首先，我们创建一个链表，用于存放第一层，也就是最高层节点  
        ArrayList<TreeModel> tree = new ArrayList<>();  
        // 循环遍历父节点  
        for (TreeModel treeNode : list) \{  
            // 如果是根节点或者父节点，就构造树，我们这里Parent\_id=0代表最高层级，没有父节点的意思。  
            if (treeNode.getParent\_id() == 0 || treeNode.getParent\_id() == treeNode.getId()) \{

//如果寻找到最高层了，然后我们就往下找它的子节点，把它的ID和之前表中所有数据构成的链表一同传到getChildrenNode方法中，去寻找自己的孩子

treeNode.setChildren(getChildrenNode(treeNode.getId(),list));

//把我们的父节点放进链表中

tree.add(treeNode);  
            \}  
        \}

//返回我们装好的树

return tree;  
    \}  
  
    /\*\*  
     \* <pre>  
     \* 找到父节点的子节点  
     \* @param pid  
     \* @param list  
     \* @return 子节点  
     \* </pre>  
     \*/  
    //获取子节点  
    public static ArrayList<TreeModel> getChildrenNode(int pid, List<TreeModel> list) \{

//我们拿到了父节点的ID，和所有数据的链表之后，来到了这里，首先，申明一个链表，用于存放二级的节点。

等会会调用递归，要注意，调用的递归ArrayList<TreeModel>所代表的意义不是一样的，所以，调用n次就代表这里的链表存放的是n+2次的层级节点。  
        ArrayList<TreeModel> childrenNode = new ArrayList<>();  
        // 循环遍历子节点  
        for (TreeModel treeNode : list) \{  
            //如果节点是父节点，继续往下找到其子节点  
            if (pid == treeNode.getParent\_id())\{

treeNode.setChildren(getChildrenNode(treeNode.getId(), list));//继续调用自身方法，去寻找接下来pid的子节点的子节点。。。。，以此不断下去，就能把所有的遍历完了

//这里可能会有好几个节点是pid的子节点，所以用链表childrenNode装起来。  
                childrenNode.add(treeNode);  
            \}  
        \}  
        return childrenNode;  
    \}  
\}

**还有我们树的Bean类**

**这里要注意，对应数据库里你要生成树对应模块的表里的列一定要有这些字段。**

public class TreeModel \{  
  
    private int id;                           //id  
    private String text;                      //标题内容  
    private String state;                      //状态 closed-合起、open-打开  
    private ArrayList<TreeModel> children;      //子节点，子节点有0个或多个，所以用链表存放  
    private int level\_id;                      //层级       根层级为1  
    private int parent\_id;                    //父节点   根节点为0  
      
    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 getState() \{  
        return state;  
    \}  
    public void setState(String state) \{  
        this.state = state;  
    \}  
    public ArrayList<TreeModel> getChildren() \{  
        return children;  
    \}  
    public void setChildren(ArrayList<TreeModel> children) \{  
        this.children = children;  
    \}  
    public int getLevel\_id() \{  
        return level\_id;  
    \}  
    public void setLevel\_id(int level\_id) \{  
        this.level\_id = level\_id;  
    \}  
    public int getParent\_id() \{  
        return parent\_id;  
    \}  
    public void setParent\_id(int parent\_id) \{  
        this.parent\_id = parent\_id;  
    \}  
\}

这是我的部门bean类  
public class Dept \{  
    private int  dept\_id;        //  
    private String dept\_name;    //菜单名称  
    private int parent\_id;       //上级 : 父节点  
    private int level\_id;        //级别 ：  
    private int order\_id;        //排序  
    private String dept\_note;    //菜单备注  
    private String is\_open;      //  
    private int function\_id;     //功能id  
    private int status\_id;       //状态：0-注销 1-有效  
    private String dept\_code;  
    private String up\_dept\_name;  
    private int master\_id;  
    private String master\_name;  
    private int page;  
    private int rows;  
    public Dept() \{  
        super();  
        // TODO Auto-generated constructor stub  
    \}  
    public int getDept\_id() \{  
        return dept\_id;  
    \}  
    public void setDept\_id(int dept\_id) \{  
        this.dept\_id = dept\_id;  
    \}  
    public String getDept\_name() \{  
        return dept\_name;  
    \}  
    public void setDept\_name(String dept\_name) \{  
        this.dept\_name = dept\_name;  
    \}  
    public int getParent\_id() \{  
        return parent\_id;  
    \}  
    public void setParent\_id(int parent\_id) \{  
        this.parent\_id = parent\_id;  
    \}  
    public int getLevel\_id() \{  
        return level\_id;  
    \}  
    public void setLevel\_id(int level\_id) \{  
        this.level\_id = level\_id;  
    \}  
    public int getOrder\_id() \{  
        return order\_id;  
    \}  
    public void setOrder\_id(int order\_id) \{  
        this.order\_id = order\_id;  
    \}  
    public String getDept\_note() \{  
        return dept\_note;  
    \}  
    public void setDept\_note(String dept\_note) \{  
        this.dept\_note = dept\_note;  
    \}  
    public String getIs\_open() \{  
        return is\_open;  
    \}  
    public void setIs\_open(String is\_open) \{  
        this.is\_open = is\_open;  
    \}  
    public int getFunction\_id() \{  
        return function\_id;  
    \}  
    public void setFunction\_id(int function\_id) \{  
        this.function\_id = function\_id;  
    \}  
    public int getStatus\_id() \{  
        return status\_id;  
    \}  
    public void setStatus\_id(int status\_id) \{  
        this.status\_id = status\_id;  
    \}  
    public String getDept\_code() \{  
        return dept\_code;  
    \}  
    public void setDept\_code(String dept\_code) \{  
        this.dept\_code = dept\_code;  
    \}  
    public String getUp\_dept\_name() \{  
        return up\_dept\_name;  
    \}  
    public void setUp\_dept\_name(String up\_dept\_name) \{  
        this.up\_dept\_name = up\_dept\_name;  
    \}  
    public int getMaster\_id() \{  
        return master\_id;  
    \}  
    public void setMaster\_id(int master\_id) \{  
        this.master\_id = master\_id;  
    \}  
    public int getPage() \{  
        return page;  
    \}  
    public void setPage(int page) \{  
        this.page = page;  
    \}  
    public int getRows() \{  
        return rows;  
    \}  
    public void setRows(int rows) \{  
        this.rows = rows;  
    \}  
    public String getMaster\_name() \{  
        return master\_name;  
    \}  
    public void setMaster\_name(String master\_name) \{  
        this.master\_name = master\_name;  
    \}  
  
\}

**如果数据库不太懂，我会截一下我数据库的字段出来看下**

**![Center][]**

**这里撸主用的是部门作为案例**

**好了，无论理不理解，如果你把这两个类放了进去，然后我们先写一个生成部门树的实现类：**

@Service

public class DeptServiceImpl \{

@Autowired  
    QueryRunner runner;

@Override  
    public ArrayList<TreeModel> deptTree() \{  
  
        ArrayList<TreeModel> root = new ArrayList<>();  
  
        try \{  
            String sql = "SELECT t.dept\_id,t.dept\_name,t.is\_open,t.level\_id,t.parent\_id FROM sys\_p\_dept t WHERE 1=1";**//这是撸主数据库查询部门表的语句，你们对应好自己的表的语句。**  
  
            // 获取部门管理数据  
            List<Dept> list = runner.query(sql, new BeanListHandler<Dept>(Dept.class));  
            // 将部门管理数据遍历进tree，注意，里面的dept.getDept\_id()都是我部门的列有的，你们就对好自己的表。  
            ArrayList<TreeModel> tree = new ArrayList<>();  
            for (Dept dept : list) \{  
                TreeModel node = new TreeModel();  
                node.setId(dept.getDept\_id());  
                node.setText(dept.getDept\_name());  
                node.setState(dept.getIs\_open());  
                node.setLevel\_id(dept.getLevel\_id());  
                node.setParent\_id(dept.getParent\_id());  
                tree.add(node);  
            \}//简单的来说，就是把数据库里所有数据查出来之后，然后一条一条的封装，扔进TreeModel里，作为一个个节点，然后放在ArrayList里  
            // 构造树  
            root = TreeNode.getTree(tree);  
        \} catch (Exception e) \{            
            throw new RuntimeException(e);  
        \}  
        return root;  
    \}

**写一下Controller类**

@RestController  
public class DeptController \{  
  
    @Autowired  
    DeptServiceImpl deptService;

@RequestMapping("/getDeptTree")  
    public ArrayList<TreeModel> getDeptTree() throws Exception \{

//这里说明一下，我们返回的只是一个对象，easyUI tree里已经封装好方法进行将对象转化为json数据了，所以我们直接返回就行  
        return deptService.deptTree();  
  
    \}

**后台做完了，我们就做下前台**

**js：**

</script>

**jsp页面：**

**开始不用多说，你肯定要导相应easyUI的js，css吧。。这里就不多说了**

然后木有了，你就会发现一颗树就出来了。2333

springmvc  easyUI tree 动态加载数据库实现

[Center]: /images/20220611/f58a4517f5ef4b39929e6c7316103a0a.png