每日一博 | 突破 CRUD | 万能树工具类封装
0、学完本文你或许可以收获 感受一个树工具从初始逐步优化完善的过程 树工具封装的设计思考与实现思路 最后收获一款拿来即用的树工具源代码 对于前端树组件有一定了解和使用过的同学可直接跳跃到第3章节开始。 1、树长什么样 ? 前端的树组件大多数情况下出现在后端的管理系统中,比如我们常见的菜单树、机构树、某某分类树、树表格等。大致像下方图片所展示的这样。 菜单树 机构树 org_tree.png 树表格 大致上来说,前端树的展现形式就是上面3张图所列的几种形式。而这种前端树组件的展现构成需要依赖于后端返回的数据格式。 2、数据格式 结合我自身使用过的前端树组件来说,大致可以分为如下两种。 列表形式 [ {id:1,pId:0,name:"父节点1"} {id:11,pId:1,name:"父节点11"}, {id:111,pId:11,name:"叶子节点111"}, {id:112,pId:11,name:"叶子节点112"}, {id:113,pId:11,name:"叶子节点113"}, {id:114,pId:11,name:"叶子节点114"}, {id:12...