专利名称：web图形化展示组织架构的制作方法
技术领域：
本发明web图形化展示组织架构，主要涉及信息图形化领域，特别涉及将数据方式录入的公司或组织结构以图形方式进行展示。
背景技术：
在互联网上很多组织机构或者社会团体会把公司的结构展示到互联网上，在展示自身实力的同时，也让浏览者对本组织的构成形式产生更为深刻的印象。目前最常见的方式为线下采用相关制图工具对企业的组织架构进行绘制，最终生成一个图片，并将此图片发布到网络上。这种方式满足图形化需求但有以下缺点第一，携带的信息量有限，受到网络条件，终端显示分辨率等各种因素的限制，图片的大小和尺寸都不能够任意地扩大，因此 在有限的空间中如果想存储可扩展数量的信息是不可能实现的；第二，用户体验较差。对于复杂组织架构，用户在一个有限区域内浏览组织整体架构，必定存在看不完整等情况，浏览起来相对不便。因此有必要开发出一种基于现代网络技术、友好操作的组织架构展示形式。
发明内容
有鉴于此，本发明的主要目的在于提供一种图形化展示组织架构方法，使得能够将以数据形式输入的组织架构作结构化转换和储存，并以图形方式展示和操作。为解决上述技术问题，本发明采用的技术方案为web图形化展示组织架构，包含以下步骤数据录入客户端录入单个用户所在的组织架构信息，发送该信息到服务器端；结构化数据在服务器端将录入数据结构化转换，形成单条数据；数据存储合并多个用户的单条数据以表格形式储存到服务器中；数据格式化在服务器端读取出表格数据，查询其中部门关系数据确定出组织架构，建立各上下级部11的指针指向关系；数据序列化将上一步骤中指针的指向关系数据转化成字符串形式，并发送到客户端；图形化显示使用客户端浏览器前端脚本整理该字符串，并用图形引擎将组织架构图展示到网页浏览软件中。所述将上一步骤中指针的指向关系数据转化成字符串形式的步骤中字符串形式或是XML或是JSON。本发明与现有技术相比所具有的有益效果为I、克服图片格式下浏览时，放大效果受图片分辨率限制；2、由数据输入，可简单即时的对结构图进行扩展；3、利用网页展示的优点，携带信息量大。
下面结合附图对本发明做进一步的说明；图I为本发明的拓扑结构具体实施例方式本发明采用B/S方式从客户终端获取组织中的结点数据，在服务器端对其进行结构化转换和存储，并返回客户端后以图形方式进行展示和操作，具体方案过程包括用户以填表形式从客户端录入有关组织架构的信息，并将数据归类转换为二维表储存到服务器持久化介质中；从持久化介质中读取出二维表数据，通过定义数据的地址指针方式建立各部门的相互关系；将上述数据中的指针地址关系转化字符串形式，并发送到客户端；通过客户端前端脚本对该字符串进行整理，并用有关图形引擎以图形化方式将组织架构图展示到浏览器中。下面通过附图和实施例，对本发明的技术方案做进一步的详细描述
客户端录入单个用户所在的组织架构信息，发送该信息到服务器端，具体是用户在客户端以填表形式录入有关组织架构的信息(101)，此处录入的信息量要保证生成架构图的最小需求，此处只要指定出其上级部门即可，同时可以不限制长度地录入更多的附加信息，便于在用户在浏览的时候展示。例如，录入“技术部”下的“研发部”，首先需要录入“技术部”的有关信息，再录入“研发部”的信息，并指定研发部为“技术部”的下一级部门，如有需要，还可以录入有关部门的其他信息，如人员组成，部门介绍等等。在客户端通过将录入数据归类，转换单条数据，具体是用户信息经由网络到达服务器，在服务器端根据用户提供的信息进行数据的结构化转换(102)，形成单条数据以便转化为表格。合并多个用户的单条数据以表格形式储存到服务器中，具体是将单条数据内容按照表格要求整理归类，合并转化为表格形式，并把转化结果存储到持久化介质中(103)，如数据库、文件等，便于后续数据的展示和维护。在服务器端读取出表格数据，查询其中部门关系数据确定出组织架构，建立各上下级部门的指针指向关系，具体是在服务器端将数据从持久化介质中读取出来(201)，此时获取的数据为一种二维表。查询表格中的部门关系数据，确定每个部门的父部门与子部门，再根据查询到的部门关系，建立上下级部门的指针指向关系，此过程称为数据格式化过程(202)，例如“研发部”内存中存在一个指针指向了 “技术部”，表示他是“技术部”的一个子部门，通过其上下级关系，将平面数据转化为树状结构，以区别出各级部门的相互关系。将上一步骤中指针的指向关系数据转化成字符串形式，并发送到客户端，具体是将内存中数据指针的指向地址数据转化为字符串形式，称为数据序列化方法(203)，字符串形式是XML或JS0N。例如查询“研发部”所在的组织架构图，返回的JSON字符串为{" name":"技术部"，"children" :[{" name"研发部"，"children" :[]}]}。然后将这些序列化后的字符串数据发送到客户端。使用客户端浏览器前端脚本整理该字符串，并用图形引擎将组织架构图展示到网页浏览软件中，具体是字符串通过网络传输到达到达客户端后，通过浏览器内部的前端脚本对该字符串进行整理成所需格式，并用图形引擎将组织架构图展示到客户的网页浏览软件中(205)，同时也能够把其他附加的信息显示出来。
此时不仅仅是对组织架构图的一个展示，用户可以在上面进行一些浏览操作，如拖拽，移动，点击等，既能够方便查看整个组织架构的整体，也能够定位于某一个结点，浏览 详细信息。以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
权利要求
1.web图形化展示组织架构，其特征在于，包含以下步骤 数据录入客户端录入单个用户所在的组织架构信息，发送该信息到服务器端； 结构化数据在服务器端将录入数据结构化转换，形成单条数据； 数据存储合并多个用户的单条数据以表格形式储存到服务器中； 数据格式化在服务器端读取出表格数据，查询其中部门关系数据确定出组织架构，建立各上下级部门的指针指向关系； 数据序列化将上一步骤中指针的指向关系数据转化成字符串形式，并发送到客户端; 图形化显示使用客户端浏览器前端脚本整理该字符串，并用图形引擎将组织架构图展示到网页浏览软件中。
2.根据权利要求I所述的web图形化展示组织架构，其特征在于所述将上一步骤中指针的指向关系数据转化成字符串形式的步骤中字符串形式或是XML或是JSON。
全文摘要
本发明web图形化展示组织架构，主要涉及信息图形化领域，提供一种图形化展示组织架构方法，其包含以下步骤数据录入客户端录入单个用户所在的组织架构信息，发送该信息到服务器端；结构化数据在服务器端将录入数据结构化转换，形成单条数据；数据存储合并多个用户的单条数据以表格形式储存到服务器中；数据格式化在服务器端读取出表格数据，查询其中部门关系数据确定出组织架构，建立各上下级部门的指针指向关系；数据序列化将上一步骤中指针的指向关系数据转化成字符串形式，并发送到客户端；图形化显示使用客户端浏览器前端脚本整理该字符串，并用图形引擎将组织架构图展示到网页浏览软件中，其主要在网页携带信息量大时使用。
文档编号G06F17/30GK102750321SQ20121015947
公开日2012年10月24日 申请日期2012年5月22日 优先权日2012年5月22日
发明者张小宇, 李世忠 申请人:山西优府信息技术开发有限公司