vue+element树组件树组件 实现树懒加载的过程详解
实现树懒加载的过程详解
主要介绍了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层
总结总结
以上所述是小编给大家介绍的vue+element树组件 实现树懒加载的过程详解,希望对大家有所帮助,如果大家有任何疑问请给
我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!