【树形字典系列】如何在后台通过几张表格拼接出树形字典

guoguo

一、实现效果
如图1所示，通过几张普通表拼接成树形表。：


二、实现思路
1、创建数据字典
2、后台拼接该字典
三、具体操作
1、创建树形数据字典，选择自定义，只需要写明java bean的名称和方法名即可，如图2:


2、如图3所示，代码分析如下：


1）树形数据字典要求返回的是JSONTreeNode类型。
2）参数固定是DicInfoVo的格式，前端会将参数传过来，并封装到java该类中。
3）取出所有基础数据
4）将取出的普通数据拼接成可树形模式的数据加入到主数据中
3、如图4，代码分析如下：


1）获取根节点数据集合
2）定义一个集合，用来存放根节点信息
3）循环根节点，并且封装根节点以下节点
4）把根节点放入集合中
四、相关代码（可选）

1. @Component("dictXmsService")
   
2. public class DictXmsServiceImpl implements DictXmsService {
   
3. 
   
4.     @Autowired
   
5.     private PCDynaServiceTemplate serviceTemplate;
   
6. 
   
7.     @Override
   
8.     public JSONTreeNode getDictXmsTree(DicInfoVo dicInfoVo) {
   
9.         JSONTreeNode rootNode = TreeUtil.buildRootNode();
   
10.         EndUser currentUser = SecurityUserHolder.getCurrentUser();
    
11.         //获取自定义字典表中数据集合,主数据树
    
12.         List<DynaBean> zhjDynaBeanList = serviceTemplate.selectList("BFSY_BASE_XM", "AND 1 = 1 AND INSTR((SELECT JDGSINFO_JGGS_ID FROM JE_CORE_JDGSINFO WHERE JE_CORE_YWCJ_ID='rMHNXUwdwZ1G102goeK' AND JDGSINFO_TYPE_CODE='SHOW' AND JDGSINFO_JGGS_ID IS NOT NULL AND JDGSINFO_JGGS_ID!='' AND SY_JTGSID = '"+currentUser.getJtgsId()+"'),SY_JTGSID)>0 order by SY_ORDERINDEX");
    
13.         //AND INSTR((SELECT JDGSINFO_JGGS_ID FROM JE_CORE_JDGSINFO WHERE JE_CORE_YWCJ_ID='rMHNXUwdwZ1G102goeK' AND JDGSINFO_TYPE_CODE='SHOW' AND JDGSINFO_JGGS_ID IS NOT NULL AND JDGSINFO_JGGS_ID!='' AND SY_JTGSID = currentUser.getJtgsId()),SY_JTGSID)>0
    
14.         //获取区域数据集合
    
15.         List<DynaBean> qyDynaBeanList = serviceTemplate.selectList("BFSY_XS_QY", "AND BFSY_XS_QY_ID != 'ROOT' order by QY_CODE");
    
16.         //获取栋楼数据集合
    
17.         List<DynaBean> dlDynaBeanList = serviceTemplate.selectList("BFSY_XS_LD", "AND 1 = 1 order by LD_CODE");
    
18.         //获取单元数据集合
    
19.         List<DynaBean> dyDynaBeanList = serviceTemplate.selectList("BFSY_XS_DY", "AND 1 = 1 order by DY_NUMBER");
    
20.         for(DynaBean zhj : zhjDynaBeanList){
    
21.             zhj.set("nodeInfo", "SY_XMID");                                  //点左侧项目树查询功能查询字段
    
22.         }
    
23.         //区域数据加入主数据
    
24.         for(DynaBean qy : qyDynaBeanList){
    
25.             DynaBean bean = new DynaBean("BFSY_BASE_XM", true);
    
26.             bean.set("BFSY_BASE_XM_ID", qy.getStr("BFSY_XS_QY_ID"));    //主键赋值
    
27.             bean.set("SY_PARENT", qy.getStr("SY_XMID"));                //父节点赋值
    
28.             bean.set("XM_XMBM", qy.getStr("QY_CODE"));                //区域编码
    
29.             bean.set("XM_NAME", qy.getStr("QY_NAME"));                //区域名称
    
30.             bean.set("nodeInfo", "QY_ID");                                  //点左侧项目树查询功能查询字段
    
31.             zhjDynaBeanList.add(bean);
    
32.         }
    
33.         //栋楼数据加入主数据
    
34.         for(DynaBean dl : dlDynaBeanList){
    
35.             DynaBean bean = new DynaBean("BFSY_BASE_XM", true);
    
36.             bean.set("BFSY_BASE_XM_ID", dl.getStr("BFSY_XS_LD_ID"));    //主键赋值
    
37.             bean.set("SY_PARENT", dl.getStr("QY_ID"));                //父节点赋值
    
38.             bean.set("XM_XMBM", dl.getStr("LD_CODE"));                //栋楼编码
    
39.             bean.set("XM_NAME", dl.getStr("LD_NAME"));                //栋楼名称
    
40.             bean.set("nodeInfo", "LD_ID");                                  //点左侧项目树查询功能查询字段
    
41.             zhjDynaBeanList.add(bean);
    
42.         }
    
43.         //单元数据加入主数据
    
44.         for(DynaBean dy : dyDynaBeanList){
    
45.             DynaBean bean = new DynaBean("BFSY_BASE_XM", true);
    
46.             bean.set("BFSY_BASE_XM_ID", dy.getStr("BFSY_XS_DY_ID"));    //主键赋值
    
47.             bean.set("SY_PARENT", dy.getStr("LD_ID"));                //父节点赋值
    
48.             bean.set("XM_XMBM", dy.getStr("DY_CODE"));                //栋楼编码
    
49.             bean.set("XM_NAME", dy.getStr("DY_NAME"));                //栋楼名称
    
50.             bean.set("nodeInfo", "DY_ID");                                  //点左侧项目树查询功能查询字段
    
51.             zhjDynaBeanList.add(bean);
    
52.         }
    
53.         //获取根节点数据集合
    
54.         List<DynaBean> dynaBeanNodeList = this.getRootNode(zhjDynaBeanList);
    
55.         //定义一个集合，用来存放根节点信息
    
56.         List<JSONTreeNode> childrenList = new ArrayList<>();
    
57.         //循环根节点，并且封装根节点以下节点
    
58.         for(DynaBean dynaBean : dynaBeanNodeList){
    
59.             JSONTreeNode node = TreeUtil.buildRootNode();
    
60.             node.setId((String)dynaBean.get("XM_XMBM"));//主键ID
    
61.             node.setCode((String)dynaBean.get("BFSY_BASE_XM_ID"));//编码
    
62.             node.setText((String)dynaBean.get("XM_NAME"));//名称
    
63.             node.setParent((String)dynaBean.get("SY_PARENT"));//父节点信息
    
64.             node.setNodeInfo((String)dynaBean.get("nodeInfo"));//左侧项目树查询字段
    
65.             node.setIcon("fe icon-book-alt");//图标自己看着定义
    
66.             //看是否有下级节点
    
67.             buildChilNode(node, zhjDynaBeanList);
    
68.             childrenList.add(node);
    
69.         }
    
70.         //把根节点放入集合中
    
71.         rootNode.setChildren(childrenList);
    
72.         rootNode.setText("项目");
    
73.         rootNode.setNodeInfo("SY_XMID");
    
74.         return rootNode;
    
75.     }

复制代码

五、总结（可选）
可以任意拼接自己的项目树，只要按照上面的模板即可。
六、关键字

查询树，树形字典，左侧查询树，树形拼接

wwb5

前端怎么传参数