[發(fā)明專利]一種組件顯示方法及裝置

在審

• 申請?zhí)枺?/td>: 201710939370.5
• 申請日: 2017-10-10
• 公開（公告）號: CN107562509A
• 公開（公告）日: 2018-01-09
• 發(fā)明（設(shè)計(jì)）人: 周國偉
• 申請（專利權(quán)）人: 鄭州云海信息技術(shù)有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京安信方達(dá)知識(shí)產(chǎn)權(quán)代理有限公司11262
• 代理人: 李紅爽,李丹

技術(shù)領(lǐng)域

本發(fā)明屬于云計(jì)算技術(shù)領(lǐng)域，尤其涉及一種組件顯示方法及裝置。

背景技術(shù)

每個(gè)管理軟件都有一個(gè)首頁Dashboard，首頁的展示風(fēng)格多種多樣，大體上，就是把系統(tǒng)中比較重要的、統(tǒng)計(jì)性的、可圖形化的內(nèi)容展示出來。

VMware、Openstack等管理軟件，其首頁設(shè)計(jì)比較簡單：如Openstack，其首頁叫概述，并且只展示了其包含的物力資源基本信息，VMware首頁稍多了些，但也只是簡單介紹了系統(tǒng)功能和資源統(tǒng)計(jì)。

云平臺(tái)包含非常多的內(nèi)容，如云資源、云服務(wù)、云監(jiān)控、Openstack融合、用戶管理等大模塊，每個(gè)大模塊下又有若干個(gè)子模塊，這些包含的數(shù)據(jù)內(nèi)容非常龐大，在首頁中，一般固定展示幾個(gè)模塊的內(nèi)容。

但是，上述技術(shù)方案存在以下不足：

1、首頁展示內(nèi)容不夠靈活；

2、很難滿足不同行業(yè)和不同客戶的需求，為了滿足不同行業(yè)和不同客戶的需求，則需要進(jìn)行定制化開發(fā)，耗費(fèi)大量的人力物力。

因此，迫切需要提供一種組件顯示方案來解決上述技術(shù)問題。

發(fā)明內(nèi)容

本發(fā)明提供一種組件顯示方法及裝置，以解決上述問題。

本發(fā)明實(shí)施例提供一種組件顯示方法，包括以下步驟：通過組件容器加載待顯示圖表組件并對所述待顯示圖表組件進(jìn)行封裝；

對封裝后的待顯示圖表組件進(jìn)行排序并調(diào)用排序后的待顯示圖表組件進(jìn)行顯示。

本發(fā)明實(shí)施例還提供一種組件顯示裝置，包括處理器，適于實(shí)現(xiàn)各指令；存儲(chǔ)設(shè)備，適于存儲(chǔ)多條指令，所述指令適于由所述處理器加載并執(zhí)行；

通過組件容器加載待顯示圖表組件并對所述待顯示圖表組件進(jìn)行封裝；

對封裝后的待顯示圖表組件進(jìn)行排序并調(diào)用排序后的待顯示圖表組件進(jìn)行顯示。

本發(fā)明實(shí)施例提供以下技術(shù)方案：通過組件容器加載待顯示圖表組件并對所述待顯示圖表組件進(jìn)行封裝；對封裝后的待顯示圖表組件進(jìn)行排序并調(diào)用排序后的待顯示圖表組件進(jìn)行顯示。

上述技術(shù)方案中，通過對待顯示圖表組件加載、封裝、排序顯示，實(shí)現(xiàn)了首頁內(nèi)容靈活展示，滿足了用戶的個(gè)性化需求，避免了定制化開發(fā)，節(jié)省了大量人力物力。

本發(fā)明實(shí)施例提供以下技術(shù)方案：預(yù)先從圖表組件中選擇所述待顯示圖表組件并對所述待顯示圖表組件的顯示順序進(jìn)行設(shè)置。

上述技術(shù)方案中，通過對圖表組件進(jìn)行個(gè)性化選擇，滿足了用戶的個(gè)性化需求，避免了定制化開發(fā)，節(jié)省了大量人力物力。

附圖說明

此處所說明的附圖用來提供對本發(fā)明的進(jìn)一步理解，構(gòu)成本申請的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。在附圖中：

圖1所示為本發(fā)明實(shí)施例1的組件顯示原理圖；

圖2所示為本發(fā)明實(shí)施例2的組件顯示方法流程圖；

圖3所示為本發(fā)明實(shí)施例3的組件顯示裝置結(jié)構(gòu)圖。

具體實(shí)施方式

下文中將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。需要說明的是，在不沖突的情況下，本申請中的實(shí)施例及實(shí)施例中的特征可以相互組合。

本發(fā)明采用多種界面技術(shù)實(shí)現(xiàn)，技術(shù)核心是BootStrap框架，采用組件封裝方法，并且使用了動(dòng)態(tài)Div技術(shù)，加入自適應(yīng)排序算法實(shí)現(xiàn)，實(shí)現(xiàn)了根據(jù)需要進(jìn)行首頁的動(dòng)態(tài)展示。

原理如下：

首先，編寫首頁需要展示的圖表組件，每個(gè)圖表組件是不相關(guān)的，獨(dú)立存在的，這便于組件擴(kuò)展，因?yàn)橄到y(tǒng)在持續(xù)更新和擴(kuò)展，隨時(shí)都會(huì)有新的圖表組件加入，將其獨(dú)立編寫，做成一個(gè)個(gè)圖表組件，在使用時(shí)直接加載相應(yīng)的圖表組件即可；

其次，編寫組件容器，這個(gè)組件容器用來加載圖表組件，同時(shí)，組件容器中能夠?yàn)槊總€(gè)圖表組件單獨(dú)創(chuàng)建一個(gè)組件空間；組件容器的作用就是通過組件空間加載所述圖表組件并對所述圖表組件進(jìn)行封裝；

其中，組件容器中需要有自適應(yīng)功能，自適應(yīng)需要給組件容器的每個(gè)組件空間加入自適應(yīng)算法，其基本原理是當(dāng)某個(gè)組件空間的元素被移除時(shí)，從下方取一個(gè)圖表組件，根據(jù)其大小和最小空白展示的算法，加載到空白處，其基本要求就是首頁上的空白的地方必須盡量少，盡量填滿首頁空間，根據(jù)圖表組件的長寬和組件空間的大小進(jìn)行計(jì)算；

再次，組件容器中能夠進(jìn)行排序，默認(rèn)按照圖表組件加載的次序排序，這個(gè)排序還可由自定義模塊進(jìn)行控制，可以控制每個(gè)圖表組件的顯示順序，排序后，按照設(shè)定的順序逐個(gè)加載圖表組件，直至加載完成；其中，自定義模塊用來控制首頁哪些圖表組件顯示，控制圖表組件的顯示順序等。