[發明專利]一種組織機構圖的實現方法及裝置

在審

• 申請號: 201410707934.9
• 申請日: 2014-11-28
• 公開（公告）號: CN104407868A
• 公開（公告）日: 2015-03-11
• 發明（設計）人: 王國娟;王利軍
• 申請（專利權）人: 國家電網公司;北京中電普華信息技術有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 王寶筠

技術領域

本申請涉及前臺UI技術領域，特別是涉及一種組織機構圖的實現方法及裝置。

背景技術

組織機構是指為了實現共同的目標、任務或利益，把人力、物力和智力等按一定的形式和結構有秩序有成效地組合起來而開展活動的社會單位。

組織機構圖是組織機構的直觀反映，是最常見的表現雇員、職稱和群體關系的一種圖表，它形象地反映了組織內各機構、崗位上下左右相互之間的關系。對于一般政府機關和企事業單位，組織機構圖是從上至下通過組織單元、圖標列表形式展現的機構圖，以圖形形式直觀的表現了組織單元之間的相互關聯，并可通過組織機構圖直接查看組織單元的詳細信息，還可以查看與組織架構關聯的職位、人員信息。

但是，目前的前臺UI(User?Interface，用戶界面)比如EXT還是DOJO等對于組織機構的反映，通常都是利用提供的基于tree(樹)的widget，實現對組織機構的樹模型管理、展示和維護，而沒有組織機構圖或者水平展開的tree(樹)這種符合國人操作習慣的對組織機構的展示方式，使得對于組織機構圖的開發并不方便。

發明內容

有鑒于此，本申請提供一種組織機構圖的實現方法及裝置，以實現符合國人操作習慣的通過組織機構圖對組織機構的管理、展示和維護。

為了實現上述目的，本申請實施例提供的技術方案如下：

一種組織機構圖的實現方法，包括：

從數據庫中獲取組織機構數據；

將所述組織機構數據封裝為JSON字符串；

解析所述JSON字符串，通過級聯樣式表CSS控制所述JSON字符串中的組織機構數據的顯示樣式，并通過JavaScript控制所述JSON字符串中的組織機構數據的顯示內容，水平展示所述JSON字符串中的組織機構數據以得到所述JSON字符串中的組織機構數據的組織機構圖。

優選地，所述通過級聯樣式表CSS控制所述JSON字符串中的組織機構數據的顯示樣式，包括：

獲取所述JSON字符串中的組織機構數據的無序列表標簽；

解析所述無序列表標簽的style屬性；

根據所述無序列表標簽的style屬性，在所述級聯樣式表CSS的div元素上使用包括一整條連接線的背景圖片，在所述級聯樣式表CSS的a元素上使用包括一半連接線的背景圖片，并配置坐標位置，以所述包括一半連接線的背景圖片掩蓋所述包括一整條連接線的背景圖片的多余部分。

優選地，所述通過JavaScript控制所述JSON字符串中的組織機構數據的顯示內容，包括：

通過JavaScript控制顯示所述JSON字符串中的組織機構數據的所有內容；

通過JavaScript中的屬性設置為所述JSON字符串中的組織機構數據添加新增，修改和刪除圖標；

接收對所述新增，修改和刪除圖標的點擊操作，根據所述點擊操作對所述JSON字符串中的組織機構數據的顯示內容進行對應的控制，維護所述組織機構圖。

一種組織機構圖的實現裝置，包括：

獲取模塊，用于從數據庫中獲取組織機構數據；

封裝模塊，用于將所述組織機構數據封裝為JSON字符串；

控制模塊，用于解析所述JSON字符串，通過級聯樣式表CSS控制所述JSON字符串中的組織機構數據的顯示樣式，并通過JavaScript控制所述JSON字符串中的組織機構數據的顯示內容，水平展示所述JSON字符串中的組織機構數據以得到所述JSON字符串中的組織機構數據的組織機構圖。

優選地，所述控制模塊，包括：

獲取單元，用于獲取所述JSON字符串中的組織機構數據的無序列表標簽；

解析單元，用于解析所述無序列表標簽的style屬性；

配置單元，用于根據所述無序列表標簽的style屬性，在所述級聯樣式表CSS的div元素上使用包括一整條連接線的背景圖片，在所述級聯樣式表CSS的a元素上使用包括一半連接線的背景圖片，并配置坐標位置，以所述包括一半連接線的背景圖片掩蓋所述包括一整條連接線的背景圖片的多余部分。

優選地，所述控制模塊，還包括：

控制單元，用于通過JavaScript控制顯示所述JSON字符串中的組織機構數據的所有內容；

添加單元，用于通過JavaScript中的屬性設置為所述JSON字符串中的組織機構數據添加新增，修改和刪除圖標；