树知识一览:https://www.cnblogs.com/CloudFish/archive/2012/05/09/2493453.html
1.后台返回json格式1:
https://blog.csdn.net/claram/article/details/54616485
{
“nodeId”: “2”,
“nodeName”: “北京市”,
“parentNodeId”: “1”,
“orderNum”: 2,
“level”: 0,
“children”: [{
“nodeId”: “18”,
“nodeName”: “县”,
“parentNodeId”: “2”,
“orderNum”: 3,
“level”: 0,
“children”: [{
“nodeId”: “19”,
“nodeName”: “密云县”,
“parentNodeId”: “18”,
“orderNum”: 19,
“level”: 0,
“children”: []
},
{
“nodeId”: “20”,
“nodeName”: “延庆县”,
“parentNodeId”: “18”,
“orderNum”: 20,
“level”: 0,
“children”: []
}]
},
{
“nodeId”: “3”,
“nodeName”: “市辖区”,
“parentNodeId”: “2”,
“orderNum”: 3,
“level”: 0,
“children”: [{
“nodeId”: “17”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 17,
“level”: 0,
“children”: []
},
{
“nodeId”: “15”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 15,
“level”: 0,
“children”: []
},
{
“nodeId”: “16”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 16,
“level”: 0,
“children”: []
},
{
“nodeId”: “13”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 13,
“level”: 0,
“children”: []
},
{
“nodeId”: “14”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 14,
“level”: 0,
“children”: []
},
{
“nodeId”: “11”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 11,
“level”: 0,
“children”: []
},
{
“nodeId”: “12”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 12,
“level”: 0,
“children”: []
},
{
“nodeId”: “10”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 10,
“level”: 0,
“children”: []
},
{
“nodeId”: “7”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 7,
“level”: 0,
“children”: []
},
{
“nodeId”: “6”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 6,
“level”: 0,
“children”: []
},
{
“nodeId”: “5”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 5,
“level”: 0,
“children”: []
},
{
“nodeId”: “4”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 4,
“level”: 0,
“children”: []
},
{
“nodeId”: “9”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 9,
“level”: 0,
“children”: []
},
{
“nodeId”: “8”,
“nodeName”: “东城区”,
“parentNodeId”: “3”,
“orderNum”: 8,
“level”: 0,
“children”: []
}]
}]
}
2.强大的Js树型控件Dtree使用详解:
http://www.lmwlove.com/ac/ID868
3.为了让朋友们更容易的学习 zTree:
官方:http://www.treejs.cn/v3/demo.php#_209
个人:https://blog.csdn.net/proeny/article/details/78766882
4.EasyUI Tree:
https://www.cnblogs.com/soundcode/p/5015467.html
补充:树的具体功能设计及效果,还需结合后台数据库设计和代码完成!
项目看板的应用:![在这里插入图片描述](https://img-
示例代码:
[{“code”:“s05”,“parentCode”:“f04”,“name”:“律师”,“icon”:“icon-th”,“child”:[]},{“code”:“s06”,“parentCode”:“f04”,“name”:“海外银行”,“icon”:“icon-th”,“child”:[]},{“code”:“s07”,“parentCode”:“f04”,“name”:“体检”,“icon”:“icon-th”,“child”:[]},{“code”:“s08”,“parentCode”:“f04”,“name”:“语言”,“icon”:“icon-th”,“child”:[]},{“code”:“s14”,“parentCode”:“f04”,“name”:“签证”,“icon”:“icon-th”,“child”:[]},{“code”:“s18”,“parentCode”:“f04”,“name”:“投资及其他”,“icon”:“icon-th”,“child”:[]},{“code”:“s19”,“parentCode”:“f04”,“name”:“留学”,“icon”:“icon-th”,“child”:[]},{“code”:“s50”,“parentCode”:“f04”,“name”:“售后”,“icon”:“icon-th”,“child”:[]},{“code”:“s51”,“parentCode”:“f04”,“name”:“考察”,“icon”:“icon-th”,“child”:[]}]