一種網(wǎng)頁數(shù)據(jù)展示系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁數(shù)據(jù)呈現(xiàn)領(lǐng)域，尤其涉及一種網(wǎng)頁數(shù)據(jù)展示系統(tǒng)。
【背景技術(shù)】
[0002]網(wǎng)絡(luò)技術(shù)的發(fā)展日新月易。網(wǎng)絡(luò)系統(tǒng)對(duì)于大量數(shù)據(jù)在終端上的呈現(xiàn)需要更靈活，更快速，更形象化的技術(shù)來實(shí)現(xiàn)。
[0003]對(duì)于大量的數(shù)據(jù)的呈現(xiàn)，需要使用一種即能以網(wǎng)頁界面顯示又能快速響應(yīng)的方式來實(shí)現(xiàn)。然而，編輯網(wǎng)頁界面通常需要較高的開發(fā)技術(shù)，采用較復(fù)雜的編程語言實(shí)現(xiàn)，普通用戶很難在不經(jīng)過長時(shí)間專業(yè)訓(xùn)練的情況下進(jìn)行網(wǎng)頁界面的制作和編輯操作，而數(shù)據(jù)本身又是多變的，這就為數(shù)據(jù)實(shí)時(shí)呈現(xiàn)增加了難度。因此，在數(shù)據(jù)呈現(xiàn)的網(wǎng)頁界面顯示和快速響應(yīng)之間存在著巨大的矛盾。
[0004]如上文所述，目前普通的技術(shù)人員對(duì)于網(wǎng)絡(luò)數(shù)據(jù)的呈現(xiàn)，需要掌握復(fù)雜的編程技術(shù)，例如HTML5語言。而此類技術(shù)的熟悉和使用，是非常耗時(shí)和困難的。因?yàn)檫@些數(shù)據(jù)具有多元性，多變性，實(shí)時(shí)性強(qiáng)，刷新速度快，而代碼的開發(fā)效率較低，每次開發(fā)無論是否使用已用過的插件都是重新開發(fā)編寫代碼，這導(dǎo)致了由于沒有工具可以批量，簡(jiǎn)單的完成開發(fā)工作，一個(gè)數(shù)據(jù)展現(xiàn)網(wǎng)頁的開發(fā)周期往往較長。

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

[0005]基于現(xiàn)有技術(shù)中的上述問題，現(xiàn)提供一種網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，旨在降低網(wǎng)頁界面制作難度，使得普通用戶也能方便地制作和編輯網(wǎng)頁界面。
[0006]上述系統(tǒng)具體包括:
[0007]區(qū)域編輯模塊，于一空白網(wǎng)頁上劃分預(yù)設(shè)的多個(gè)數(shù)據(jù)顯示區(qū)域；
[0008]模板選擇模塊，連接所述區(qū)域編輯模塊，所述模板選擇模塊中預(yù)設(shè)有多個(gè)數(shù)據(jù)展示模板；
[0009]所述模板選擇模塊用于根據(jù)預(yù)設(shè)的指令選擇相應(yīng)的所述數(shù)據(jù)展示模板，并分別將每個(gè)所述數(shù)據(jù)展示模板置于相應(yīng)的所述數(shù)據(jù)顯示區(qū)域中，其中，預(yù)設(shè)的指令可以是預(yù)先設(shè)置在程序中的固定的指令，也可以是用戶根據(jù)需要的數(shù)據(jù)展示模板相應(yīng)設(shè)置的指令；
[0010]數(shù)據(jù)過濾模塊，連接所述模板選擇模塊，用于根據(jù)預(yù)設(shè)的條件對(duì)外部輸入的網(wǎng)頁數(shù)據(jù)進(jìn)行篩選，以確定需要于網(wǎng)頁上顯示的至少一組所述網(wǎng)頁數(shù)據(jù)，其中，預(yù)設(shè)的條件指根據(jù)數(shù)據(jù)的某一共同特性進(jìn)行判斷，甄別的條件，而由于可設(shè)置多個(gè)數(shù)據(jù)顯示區(qū)域，每個(gè)區(qū)域?qū)?yīng)一組所述網(wǎng)頁數(shù)據(jù)，所以在網(wǎng)頁上可顯示一組或多組所述網(wǎng)頁數(shù)據(jù)；
[0011]數(shù)據(jù)填充模塊，分別連接所述模板選擇模塊和所述數(shù)據(jù)過濾模塊，用于分別將每組所述網(wǎng)頁數(shù)據(jù)填充入相應(yīng)的所述數(shù)據(jù)展示模板中；
[0012]發(fā)布模塊，連接所述數(shù)據(jù)填充模塊，用于根據(jù)所述數(shù)據(jù)填充模塊的填充結(jié)果，合成并發(fā)布相應(yīng)的網(wǎng)頁。
[0013]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括用戶管理模塊，用于提供用戶的身份驗(yàn)證功能，并且管理登錄用戶的操作權(quán)限。
[0014]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括數(shù)據(jù)源配置模塊，連接所述數(shù)據(jù)過濾模塊，用于配置外部輸入的所述網(wǎng)頁數(shù)據(jù)的數(shù)據(jù)來源。
[0015]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，其中，區(qū)域編輯模塊還用于在網(wǎng)頁上劃分出至少一個(gè)菜單顯示區(qū)域；網(wǎng)頁數(shù)據(jù)展示系統(tǒng)中還包括第一菜單配置模塊，其中預(yù)設(shè)有多個(gè)菜單工具項(xiàng)，第一菜單配置模塊連接區(qū)域編輯模塊，用于根據(jù)預(yù)設(shè)的選擇指令，選擇相應(yīng)的多個(gè)所述菜單工具項(xiàng)，并按照預(yù)設(shè)的順序排列顯示于菜單顯示區(qū)域內(nèi)。其中，預(yù)設(shè)的選擇指令是指根據(jù)需要預(yù)先設(shè)置的指令，如，網(wǎng)頁數(shù)據(jù)的添加，修改，刪除，確認(rèn)等。
[0016]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括第二菜單配置模塊，其中預(yù)設(shè)有多個(gè)操作功能，第二菜單配置模塊用于根據(jù)預(yù)設(shè)的選擇指令，分別對(duì)使用者的不同的輸入操作配置相應(yīng)的所述操作功能，其中使用者可以使用鼠標(biāo)右鍵打開菜單，然后進(jìn)行網(wǎng)頁數(shù)據(jù)的添加，修改，刪除，確認(rèn)等。
[0017]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，其中區(qū)域編輯模塊還用于刪除經(jīng)過劃分得到的所述數(shù)據(jù)展示區(qū)域；和/或在經(jīng)過劃分的網(wǎng)頁上添加新的所述數(shù)據(jù)展示區(qū)域。
[0018]上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，其中數(shù)據(jù)展示模板包括:以柱狀圖方式顯示的所述數(shù)據(jù)展示模板；和/或以儀表盤方式顯示的所述數(shù)據(jù)展示模板；和/或以輪盤方式顯示的所述數(shù)據(jù)展示模板。
[0019]上述技術(shù)方案的有益效果是:由于采用模塊式開發(fā)，使用戶可以使用不同模塊進(jìn)行靈活的設(shè)置，免去了開發(fā)者大量的開發(fā)工作，使網(wǎng)頁的數(shù)據(jù)呈現(xiàn)編譯變得更快速，高效。
[0020]本網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，能夠根據(jù)用戶的模板設(shè)置，把數(shù)據(jù)庫輸入的數(shù)據(jù)以圖形化的方式在網(wǎng)頁上呈現(xiàn)出來，并能根據(jù)數(shù)據(jù)實(shí)時(shí)的變化而改變。
[0021]因此，本網(wǎng)頁數(shù)據(jù)展示系統(tǒng)的使用能提高數(shù)據(jù)展現(xiàn)界面的開發(fā)效率，縮短數(shù)據(jù)展現(xiàn)界面開發(fā)的周期，使更多的普通用戶可以根據(jù)自己的需求改變數(shù)據(jù)展現(xiàn)模式，使基于網(wǎng)頁的數(shù)據(jù)展現(xiàn)變得更簡(jiǎn)單。
【附圖說明】
[0022]圖1是本發(fā)明的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)的模塊示意圖；
[0023]圖2是使用本發(fā)明的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)創(chuàng)建的一個(gè)畫布的流程圖。
【具體實(shí)施方式】
[0024]下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0025]下面結(jié)合附圖和具體實(shí)施例對(duì)本發(fā)明作進(jìn)一步說明，但不作為本發(fā)明的限定。
[0026]如圖1所示，一種網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，包括:
[0027]區(qū)域編輯模塊1，于一空白網(wǎng)頁上劃分預(yù)設(shè)的多個(gè)數(shù)據(jù)顯示區(qū)域；
[0028]模板選擇模塊2，連接區(qū)域編輯模塊，模板選擇模塊中預(yù)設(shè)有多個(gè)數(shù)據(jù)展示模板；
[0029]模板選擇模塊2用于根據(jù)預(yù)設(shè)的指令選擇相應(yīng)的數(shù)據(jù)展示模板，并分別將每個(gè)數(shù)據(jù)展示模板置于相應(yīng)的數(shù)據(jù)顯示區(qū)域中，其中，預(yù)設(shè)的指令可以是預(yù)先設(shè)置在程序中的固定的指令，也可以是用戶根據(jù)需要的數(shù)據(jù)展示模板相應(yīng)設(shè)置的指令；
[0030]數(shù)據(jù)過濾模塊3，連接模板選擇模塊2，用于根據(jù)預(yù)設(shè)的條件對(duì)外部輸入的網(wǎng)頁數(shù)據(jù)進(jìn)行篩選，以確定需要于網(wǎng)頁上顯示的至少一組網(wǎng)頁數(shù)據(jù)，其中，預(yù)設(shè)的條件指根據(jù)數(shù)據(jù)的某一共同特性進(jìn)行判斷、甄別的條件，某一共同特性可以包括:CPU使用率，SWAP(交換分區(qū))使用率以及文件系統(tǒng)的使用率等，于本發(fā)明的較佳的實(shí)施例中不限制共同特性具體包括的內(nèi)容。而由于可設(shè)置多個(gè)數(shù)據(jù)顯示區(qū)域，每個(gè)區(qū)域?qū)?yīng)一組網(wǎng)頁數(shù)據(jù)，所以在網(wǎng)頁上可顯示一組或多組網(wǎng)頁數(shù)據(jù)；
[0031]數(shù)據(jù)填充模塊4，分別連接模板選擇模塊2和數(shù)據(jù)過濾模塊3，用于分別將每組網(wǎng)頁數(shù)據(jù)填充入相應(yīng)的數(shù)據(jù)展示模板中；
[0032]發(fā)布模塊5，連接數(shù)據(jù)填充模塊4，用于根據(jù)數(shù)據(jù)填充模塊4的填充結(jié)果，合成并發(fā)布相應(yīng)的網(wǎng)頁。
[0033]在本發(fā)明的實(shí)施例中，上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括用戶管理模塊8，用于提供用戶的身份驗(yàn)證功能，并且管理登錄用戶的操作權(quán)限，包括用戶的登陸認(rèn)證，License管理，用戶信息管理，用戶組信息管理等。
[0034]在本發(fā)明的實(shí)施例中，上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括數(shù)據(jù)源配置模塊9，連接數(shù)據(jù)過濾模塊3，用于配置外部輸入的網(wǎng)頁數(shù)據(jù)的數(shù)據(jù)來源。本發(fā)明的一個(gè)實(shí)施例中，于多節(jié)點(diǎn)監(jiān)控場(chǎng)景中，上述數(shù)據(jù)來源可以為產(chǎn)生監(jiān)控?cái)?shù)據(jù)的不同的監(jiān)控節(jié)點(diǎn)。
[0035]在本發(fā)明的實(shí)施例中，上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，其中，區(qū)域編輯模塊I還用于在網(wǎng)頁上劃分出至少一個(gè)菜單顯示區(qū)域；網(wǎng)頁數(shù)據(jù)展示系統(tǒng)中還包括第一菜單配置模塊6，其中預(yù)設(shè)有多個(gè)菜單工具項(xiàng)，第一菜單配置模塊6連接區(qū)域編輯模塊1，用于根據(jù)預(yù)設(shè)的選擇指令，選擇相應(yīng)的多個(gè)菜單工具項(xiàng)，并按照預(yù)設(shè)的順序排列顯示于菜單顯示區(qū)域內(nèi)。其中，預(yù)設(shè)的選擇指令是指根據(jù)需要預(yù)先設(shè)置的指令，如，網(wǎng)頁數(shù)據(jù)的添加，修改，刪除，確認(rèn)等。菜單工具項(xiàng)可呈橫條狀位于網(wǎng)頁的頂部，也可呈豎條狀位于網(wǎng)頁的左邊，也可呈豎條狀位于網(wǎng)頁的右邊，也可呈橫條狀位于網(wǎng)頁的底部。
[0036]本發(fā)明的較佳的實(shí)施例中，上述的網(wǎng)頁數(shù)據(jù)展示系統(tǒng)，還包括第二菜單配置模塊7，其中預(yù)設(shè)有多個(gè)操作功能，第二菜單配置模塊7用于根據(jù)預(yù)設(shè)的選擇指令，分別對(duì)使用者的不同的輸入操作配置相應(yīng)的操作功能，其中使用者可以使用鼠標(biāo)右鍵打開