vue+element树组件 实现树懒加载的过程详解

一.页面样式

二.数据库

 三.前端页面代码

controller层

 @PostMapping("/tree")
 public JSonObject tree( ) {return userService.tree();
 }

 @PostMapping("/tree2")
 public JSonObject tree(@RequestParam Map user) {return userService.tree2(user);
 }

service层

 
 JSonObject tree();
 
 
 JSonObject tree2(Map user);

serviceImpl层

 @Override
 public JSonObject tree() {
  List list=userDao.tree();
  System.out.println(list);
  return CommonUtil.successPage(list);
 }
 @Override
 public JSonObject tree2(Map user) {
  int codept=Integer.parseInt(user.get("id").toString()) ;
  List list=userDao.tree2(codept);
  return CommonUtil.successPage(list);
 }

dao层

 
 List tree();
 List tree2(@Param("codept")int codept);

mapper层

 
  SELECT [id]
  ,[codept]
  ,[name]
 FROM [dbo].[Dept] WHERe codept ='0'
 

 
  SELECT [id]
  ,[codept]
  ,[name]
 FROM [dbo].[Dept] WHERe codept =#{codept}
 

总结

以上所述是小编给大家介绍的vue+element树组件 实现树懒加载的过程详解,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！