关于根据[节点]、[父节点]和[节点级别]生成html标记的树型脚本

最新推荐文章于 2021-03-13 01:24:40 发布
最新推荐文章于 2021-03-13 01:24:40 发布
阅读量193 收藏
点赞数
分类专栏： oracle 文章标签： oracle org tree
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JeffenCheung/article/details/84176058
版权
[b][u]0.建表语句无私奉上[/u][/b] 

-- Create table
create table M_ORG
(
  ORG_ID          VARCHAR2(32) not null,
  SHORT_NAME      VARCHAR2(50),
  NAME            VARCHAR2(100) not null,
  FULL_ID         VARCHAR2(320),
  FULL_NAME       VARCHAR2(500) not null,
  ENAME           VARCHAR2(200),
  ORG_CLASS       CHAR(1) not null,
  BRANCH_LEVEL    INTEGER,
  NODE_URL        VARCHAR2(100) default '#',
  IS_LAST_NODE    CHAR(1),
  PARENT_ORG_ID   VARCHAR2(32),
  BRANCH_INDEX    INTEGER,
  LOGO            VARCHAR2(100),
  DESC_INFO       VARCHAR2(1000),
  COM_ENABLE      CHAR(1) default 1,
  COM_DEL_FLG     CHAR(1) default 0,
  COM_ADD_DATE    DATE,
  COM_UPD_DATE    DATE,
  COM_DEL_DATE    DATE,
  COM_ADD_USER_ID VARCHAR2(32),
  COM_UPD_USER_ID VARCHAR2(32),
  COM_DEL_USER_ID VARCHAR2(32)
)
tablespace CAH_SMS_TBS
  pctfree 10
  initrans 1
  maxtrans 255
  storage
  (
    initial 64K
    next 1M
    minextents 1
    maxextents unlimited
  );
-- Add comments to the table 
comment on table M_ORG
  is '组织机构表。

用于管理组织机构图 organization chart（组织机构树形图）。
存储组织机构树所有节点信息。

组织机构ID规则说明：
  1.一级组织由001开始；二级组织由001001开始；依次类推。
  2.由于组织机构ID长度限制，最多支持到10级机构。';
-- Add comments to the columns 
comment on column M_ORG.ORG_ID
  is '组织机构ID(根据类别不同标示为不同单位部门职务的ID)';
comment on column M_ORG.SHORT_NAME
  is '短称';
comment on column M_ORG.NAME
  is '组织机构中文名称(机构树节点显示用)';
comment on column M_ORG.FULL_ID
  is '全ID(#号链接)';
comment on column M_ORG.FULL_NAME
  is '组织机构中文全称';
comment on column M_ORG.ENAME
  is '组织机构英文名称';
comment on column M_ORG.ORG_CLASS
  is '类别(1:单位;2:部门;3:职务)【数据字典：ORG_CLASS】';
comment on column M_ORG.BRANCH_LEVEL
  is '级别';
comment on column M_ORG.NODE_URL
  is '资源位置';
comment on column M_ORG.IS_LAST_NODE
  is '是否末级(Y/N)【数据字典：YES_NO】';
comment on column M_ORG.PARENT_ORG_ID
  is '上级组织机构ID';
comment on column M_ORG.BRANCH_INDEX
  is '枝顺序';
comment on column M_ORG.LOGO
  is '图标名称';
comment on column M_ORG.DESC_INFO
  is '描述';
comment on column M_ORG.COM_ENABLE
  is '是否可用(1:可用;0:不可用)';
comment on column M_ORG.COM_DEL_FLG
  is '是否删除(1:已删除;0:未删除)';
comment on column M_ORG.COM_ADD_DATE
  is '创建日期(yyyy-MM-dd hh:mm:ss)';
comment on column M_ORG.COM_UPD_DATE
  is '更新日期(yyyy-MM-dd hh:mm:ss)';
comment on column M_ORG.COM_DEL_DATE
  is '删除日期(yyyy-MM-dd hh:mm:ss)';
comment on column M_ORG.COM_ADD_USER_ID
  is '创建者用户ID';
comment on column M_ORG.COM_UPD_USER_ID
  is '更新者用户ID';
comment on column M_ORG.COM_DEL_USER_ID
  is '删除者用户ID';
-- Create/Recreate primary, unique and foreign key constraints 
alter table M_ORG
  add constraint XPK组织机构表 primary key (ORG_ID)
  using index 
  tablespace CAH_SMS_TBS
  pctfree 10
  initrans 2
  maxtrans 255
  storage
  (
    initial 64K
    next 1M
    minextents 1
    maxextents unlimited
  );

[b][u]1.初步格式化组织机构树形结构[/u][/b] 

CREATE OR REPLACE VIEW V_ORG_TREE_SUB AS
SELECT REPLACE(LPAD('|-', (LEVEL - 1) * 2), '|-', '<LI>') || NAME AS NAME,
               ORG_ID,
               PARENT_ORG_ID,
               BRANCH_LEVEL,
               SHORT_NAME,
               FULL_ID,
               FULL_NAME,
               ENAME,
               ORG_CLASS,
               NODE_URL,
               IS_LAST_NODE,
               BRANCH_INDEX,
               LOGO,
               DESC_INFO
          FROM CAHSMS_M_ORG -- 组织机构：单位>部门>职务
        CONNECT BY PRIOR ORG_ID = PARENT_ORG_ID
         START WITH ORG_ID = '001';

[b][u]2.加工完毕树形结构代码[/u][/b] 

CREATE OR REPLACE VIEW V_ORG_TREE AS
SELECT CASE
         WHEN ORG.ORG_ID = RN_NEXT.PARENT_ORG_ID THEN
          ORG.NAME || '<ul>' -- 该节点是父节点
         WHEN ORG.BRANCH_LEVEL - 1 > RN_NEXT.BRANCH_LEVEL OR
              RN_NEXT.BRANCH_LEVEL IS NULL THEN
          ORG.NAME || '</li> </ul></li>' ||
          DECODE(ORG.BRANCH_LEVEL - 1 -
                 DECODE(RN_NEXT.BRANCH_LEVEL, NULL, 2, RN_NEXT.BRANCH_LEVEL),
                 1,
                 '    </ul></li>',
                 2,
                 '    </ul></li></ul></li>',
                 3,
                 '    </ul></li></ul></li></ul></li>',
                 4,
                 '    </ul></li></ul></li></ul></li></ul></li>',
                 5,
                 '    </ul></li></ul></li></ul></li></ul></li></ul></li>',
                 6,
                 '    </ul></li></ul></li></ul></li></ul></li></ul></li></ul></li>',
                 7,
                 '    </ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li>',
                 8,
                 '    </ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li>',
                 9,
                 '    </ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li>'
                 , '') -- 与下个节点不在一棵树枝上
         WHEN ORG.PARENT_ORG_ID = RN_NEXT.PARENT_ORG_ID THEN
          ORG.NAME || '</li>' -- 【所在枝有两个以上节点】非末节点
         WHEN ORG.PARENT_ORG_ID = RN_PREV.PARENT_ORG_ID AND
              ORG.PARENT_ORG_ID != RN_NEXT.PARENT_ORG_ID THEN
          ORG.NAME || '</li> </ul></li>' -- 【所在枝有两个以上节点】末节点
         ELSE
          ORG.NAME || '</li> </ul></li>'
       END AS NAME,
       ORG.ORG_ID,
       ORG.PARENT_ORG_ID,
       RN_PREV.PARENT_ORG_ID AS PARENT_ORG_ID_PREV, -- 上个节点的父节点ID
       RN_NEXT.PARENT_ORG_ID AS PARENT_ORG_ID_NEXT, -- 下个节点的父节点ID
       ORG.BRANCH_LEVEL AS BRANCH_LEVEL,
       RN_PREV.BRANCH_LEVEL AS BRANCH_LEVEL_PREV, -- 上个节点所在枝级别
       RN_NEXT.BRANCH_LEVEL AS BRANCH_LEVEL_NEXT, -- 下个节点所在枝级别
       ORG.SHORT_NAME,
       ORG.FULL_ID,
       ORG.FULL_NAME,
       ORG.ENAME,
       ORG.ORG_CLASS,
       ORG.NODE_URL,
       ORG.IS_LAST_NODE,
       ORG.BRANCH_INDEX,
       ORG.LOGO,
       ORG.DESC_INFO
  FROM (SELECT SUB.*, ROWNUM AS RN FROM V_ORG_TREE_SUB SUB) ORG
  LEFT JOIN (SELECT SUB.*, ROWNUM + 1 AS RN_PREV FROM V_ORG_TREE_SUB SUB) RN_PREV ON ORG.RN =
                                                                                     RN_PREV.RN_PREV
  LEFT JOIN (SELECT SUB.*, ROWNUM - 1 AS RN_NEXT FROM V_ORG_TREE_SUB SUB) RN_NEXT ON ORG.RN =
                                                                                     RN_NEXT.RN_NEXT;



[b][u]3.视图数据挂接到jsp中[/u][/b] 

		<ul id="org" style="display: none">
			<li>
				<!-- 以下内容由SQL脚本直接查询 start-->
				<c:forEach items="${orgTrees}" var="org">
					${org}
				</c:forEach>
				<!-- 以上内容由SQL脚本直接查询 end-->

				<!-- 匹配根节点的结束 -->
				</ul>

			</li>
		</ul>


[color=darkred]------------------------------感情丰富的感谢线-----------------------------[/color]
Trees in Oracle SQL [url]http://philip.greenspun.com/sql/trees.html[/url]
jQuery Org Chart demo (注意：jOrgChart效果IE8+支持)[url]http://www.capricasoftware.co.uk/jquery/orgchart/orgchart.html[/url]
jQuery Org Chart Code [url]https://github.com/Tquila/jOrgChart[/url]

[color=gray]-------------后续报告--------------[/color]
jQuery Org Chart 已然修改了IE7的UBG [url]http://th3silverlining.com/2011/12/01/jquery-org-chart-a-plugin-for-visualising-data-in-a-tree-like-structure/[/url]
下载移步这里：[url]https://github.com/wesnolte/jOrgChart/downloads[/url]
JeffenCheung
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一般树的非递归先序遍历及根据父结点-子节点形式的输入生成其链式表示
02-20
tree_traversing.java是主类里边包括根据父结点-子节点形式的输入生成树的链式表示及对链式表示进行非递归的先序遍历请下载其中用到的表示树的两个类源码tree_node.java和runtime_tree_node.java
树形结构结点编码表
07-31
对树形结构的结点从1开始，自上而下，自左而右按层序编码，编码是64进制数，用java语言实现。对存取在mysql数据库的树形结构应该有帮助。 对一棵树的结点进行编码的步骤如下: 首先，对根节点编码，调用TreeCodeSet.root()可以获得根结点编码。 然后，按自上而下，自左而右的顺序遍历树，调用TreeCodeSet.child(code, i)依次对所有结点的子节点编号（可以借助队列完成）。
二叉树节点的创建
weixin_44579258的博客
07-04 491
/** BST树的节点类型 @param */ class BSTNode <T extends Comparable>{ private T data; // 数据域 private BSTNode left; // 左孩子域 private BSTNode right; // 右孩子域 public BSTNode(T data, BSTNode left, BSTNod...
css 类选择器 id选择器 html选择器 通配符选择器 父子选择器
wml
05-18 3453
1、css使用的基本语法： 选择器 { 属性1：属性值； 属性2：属性值； 属性3：属性值；          .          .          . } 2、Css使用的必要性： （1）、统一网页不同个体的风格 （2）、可以使用滤镜 3、Css中常用的4种选择器： （1）、类选择器，又叫class选择器：          类选择器格式： . 类选择器{
树形结构 —— 树与二叉树 —— 树的数据生成器
Alex_McAvoy的博客
02-10 2173
为方便测试数据，给出一个树的数据生成器。 树的结点为 1~10 个，边权为 1~100，各点编号随机化 struct Edge { int x, y; int dis; } edge[N]; int n,edgeTot; int tot, x[N], y[N], dis[N]; int id[N], father[N]; int Find(int x) { return fa...
DOM下的节点属性和操作小结
09-06
DOM（Document Object Model）是一种用于表示HTML或XML文档的树型结构，它允许程序和脚本动态更新、添加、删除和改变元素及属性。在DOM中，每个部分都被视为一个节点，这些节点可以是元素节点、属性节点或文本节点。...
XML 树型控件代码.rar_html_html 树_html 树型_树型控件
09-22
XML（Extensible Markup Language）是一种标记语言，常用于数据交换和结构化数据表示。在这个实例中，我们将讨论如何使用XML来创建一个HTML页面上的树型控件。树型控件通常用于显示层次结构的数据，例如文件系统、...
[新闻文章]树型结构自动生成HTML系统_phptree.zip
最新发布
03-13
4. **自动生成**：在Web开发中，自动生成HTML意味着系统能够根据预设规则或用户输入的数据，自动创建和更新HTML页面，减少了手动编写代码的工作量。 5. **系统实现**：`phptree`可能是一个PHP类库或脚本，用于接收...
html.rar_html_html date_html 二级菜单_树html_树型菜单
09-23
在IT领域，HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它与CSS（Cascading Style Sheets）和JavaScript一起构成了Web开发的基础。在这个名为"html.rar"的压缩包中，我们可以找到一些关于HTML...
活字格-菜单和树型图.zip
09-09
"活字格-菜单和树型图.zip"这个压缩包文件包含了用于构建和自定义菜单以及树型图的资源和组件。活字格，可能是一个低代码开发平台，旨在简化应用开发过程，允许用户通过图形化界面创建和设计功能丰富的应用程序。在...
orgchart 组织架构图 demo 实例
11-01
orgchart 组织架构图 demo 实例
elementui获取所有树节点,ElementUI tree的取值与回显
weixin_31598511的博客
03-13 3436
ElementUI tree的取值与回显目的场景一选择树的节点后，希望提交当前选中的节点，以及节点对应的父级节点。比如下面结构，当我选中字典管理时，我希望能够获取到的ids = [1,2,3]{"id": "1","label": "资源","type": "menu","children": [{"id": "2","label": "系统设置","type": "menu","children...
JS DOM节点（父级元素、父级节点、子级元素、子级节点、..之间的关系）
qq_38163146的博客
07-29 4759
节点属性 1.NodeType: 节点类型:1-----表示标签 2-----表示属性 2---文本 2.NodeName: 节点的名字 标签----大写标签名 属性----小写的属性文本节点 3.NodeValue: 节点值: 标签--null 属性--属性值 文本---文本内容 ​<div id="dv"> <span id="...
满k叉树编号为 i 的节点的孩子编号公式推导
wozaizhe55
09-18 9327
结论 满k叉树编号为i的节点第一个孩子的编号 j 满足; 推导过程 设: 节点 i 处在该 m 叉树的第 h层, (h = 1, 2, 3...) 则 前 h - 1 层共有    个节点 同理 前 h 层共有   个节点 显然 i 是第 h 层的 个节点, 即 节点i 有  个左兄弟 故节点i 的第一个孩子 j 有 个左兄弟 由此可得 j在第h + 1 层中的位置为  那么 节...
html中树状图实现方式
weixin_45089089的博客
10-13 8416
html代码： <div class="form-group"> <label class="col-sm-3 control-label " style="margin-top:10px;text-align:right;">所属类型及分类</label> <div class="col-...
css常用选择器、否定伪类
World peace的博客
04-15 688
常用选择器： 1：元素选择器：通过元素选择器可以选择页面中的所有指定元素 语法：标签名{} 2：id选择器：通过元素的id属性值选中唯一的一个元素(id名不可重复) 语法：#id属性值{} 3：（类）class选择器：通过元素的class属性值选中一组属性 语法：.class属性值{} 特点：拥有相同class属性值的元素，为一组元素 可以同时为一个元素设置多个class属性值，多个值之...
父子节点创建树问题
ZeWe的博客
07-21 1422
问题： 类似如下部门列表，部门下有子部门，要求创建树结构并且按照部门id排序即单层结构变多层结构： 单层部门列表 ```json [ { "id": 44116841, "name": "测试部", "parentId": 56188932 }, { "id": 56104925, "name": "飞轮储能事业部&qu
layui 树型结构选中子节点怎么得到父结点和子节点的值
05-27
假设你已经使用 layui 的 tree 模块渲染了一棵树，可以通过监听 tree 模块的 click 事件来获取选中节点的值和其父节点的值。 具体实现方法如下： 1. 给 tree 模块绑定 click 事件： ```javascript tree.on('click...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值