專利名稱：一種數(shù)據(jù)分頁(yè)插件的生成方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種數(shù)據(jù)分頁(yè)插件的生成方法，可以在界面上以分頁(yè)的方式顯示數(shù)據(jù)并支持對(duì)數(shù)據(jù)進(jìn)行操作，屬于計(jì)算機(jī)軟件技術(shù)領(lǐng)域。
背景技術(shù)：
在程序開(kāi)發(fā)過(guò)程中，對(duì)于處理較多數(shù)據(jù)的應(yīng)用系統(tǒng)，通常都有對(duì)數(shù)據(jù)分頁(yè)顯示的需求，以支持?jǐn)?shù)據(jù)的分頁(yè)顯示以及操作功能。但目前存在的分頁(yè)插件在性能上還不能滿足用戶的需要，比如有的分頁(yè)插件的頁(yè)面風(fēng)格設(shè)置復(fù)雜呆板，數(shù)據(jù)修改繁瑣等；有的分頁(yè)插件功能固定，難以擴(kuò)展；又比如現(xiàn)有的EXT的分頁(yè)插件依賴于EXT框架，體積比較大，界面加載較慢，降低了數(shù)據(jù)顯示速度，并增大了開(kāi)發(fā)難度。因此，需要一種新的數(shù)據(jù)分頁(yè)插件，能夠提高界面數(shù)據(jù)顯示速度，簡(jiǎn)化頁(yè)面設(shè)置和 數(shù)據(jù)修改，并能減少代碼開(kāi)發(fā)量，提高開(kāi)發(fā)效率。

發(fā)明內(nèi)容
本發(fā)明的目的正是為了提供一種數(shù)據(jù)分頁(yè)插件的生成方法，支持對(duì)數(shù)據(jù)的單選、多選、打印、輸入數(shù)據(jù)列、批量修改數(shù)據(jù)后提交等操作，能夠方便地按照自定義的界面風(fēng)格分頁(yè)顯示數(shù)據(jù)，減少了代碼開(kāi)發(fā)量，方便擴(kuò)展和使用，提高開(kāi)發(fā)效率，并且提高了界面數(shù)據(jù)的顯示速度，減小對(duì)服務(wù)器的壓力。JQUERY是優(yōu)秀的Javascript框架,是輕量級(jí)的js庫(kù)，定義了很多便利的函數(shù)，使得開(kāi)發(fā)簡(jiǎn)潔高效，兼容性好。本發(fā)明以JQUERY插件的方式實(shí)現(xiàn)了一種數(shù)據(jù)分頁(yè)插件的生成方法，該數(shù)據(jù)分頁(yè)插件的生成方法包括以下步驟
步驟一，定義用于顯示數(shù)據(jù)的表格；
步驟二，定義表格中的參數(shù)，并對(duì)表格的參數(shù)進(jìn)行設(shè)置；
步驟三，在表格中設(shè)置操作按鈕；
步驟四，實(shí)現(xiàn)頁(yè)面操作函數(shù)；
步驟五，通過(guò)所述表格，將操作按鈕與頁(yè)面操作函數(shù)進(jìn)行關(guān)聯(lián)，即將操作函數(shù)綁定到操作按鈕上；
步驟六，執(zhí)行對(duì)表格的加載，從而實(shí)現(xiàn)表格分頁(yè)插件。本發(fā)明所提供的數(shù)據(jù)分頁(yè)插件支持對(duì)數(shù)據(jù)的單選、多選、打印、輸入數(shù)據(jù)列、批量修改數(shù)據(jù)后提交等操作，能夠方便地按照自定義的界面風(fēng)格分頁(yè)顯示數(shù)據(jù)，減少了代碼開(kāi)發(fā)量，方便擴(kuò)展和使用，提高開(kāi)發(fā)效率，并且提高了界面數(shù)據(jù)的顯示速度，減小了對(duì)服務(wù)器的壓力。


圖I為本發(fā)明的流程圖。圖2為本發(fā)明的界面顯示效果圖。圖3為數(shù)據(jù)單選效果圖。
圖4為數(shù)據(jù)多選效果圖。圖5為隱藏標(biāo)題部分效果圖。圖6為隱藏表頭部分效果圖。圖7為隱藏標(biāo)題、表頭和分頁(yè)部分，只顯示數(shù)據(jù)部分效果圖。圖8為數(shù)據(jù)輸入效果圖。
具體實(shí)施例方式以下結(jié)合附圖對(duì)本發(fā)明的原理和特征進(jìn)行描述，所舉實(shí)例只用于解釋本發(fā)明，并非用于限定本發(fā)明的范圍。本發(fā)明以JQUERY插件的方式開(kāi)發(fā)分頁(yè)插件，可以保證分頁(yè)插件的可擴(kuò)展性，方便添加新的功能。 圖I為本發(fā)明的流程圖，顯示了數(shù)據(jù)分頁(yè)插件的生成過(guò)程。以下結(jié)合附圖I所展示的流程圖詳細(xì)說(shuō)明本發(fā)明所涉及的數(shù)據(jù)分頁(yè)插件生成過(guò)程。步驟一,定義用于顯示數(shù)據(jù)的表格,如var Sg。步驟二，定義表格中的參數(shù)，并對(duì)表格的參數(shù)進(jìn)行設(shè)置，其中，設(shè)置的參數(shù)包括頁(yè)面標(biāo)題、頁(yè)面大小、打印格式，以及是否顯示標(biāo)題、是否顯示表頭、是否顯示分頁(yè)信息等，
步驟三，在表格中增加操作按鈕，如查詢、清除、新增、修改、刪除、保存、打印等按鈕。步驟四，實(shí)現(xiàn)頁(yè)面操作函數(shù)，如；查詢函數(shù)、增加新記錄的函數(shù)、修改記錄的函數(shù)、數(shù)據(jù)保存函數(shù)、打印函數(shù)等，其中，數(shù)據(jù)符合JSON格式。步驟五，通過(guò)所述表格，將操作按鈕與頁(yè)面操作函數(shù)進(jìn)行關(guān)聯(lián)，即將操作函數(shù)綁定到操作按鈕上。步驟六,執(zhí)行對(duì)表格的加載,從而實(shí)現(xiàn)表格分頁(yè)插件。如利用函數(shù)$ (document),ready (function () {sg=$ ("#virtualInfo") sitechgrid (屬性 I,…，屬性 n) ;})實(shí)現(xiàn)對(duì)表格的加載，其中，Sg為待加載的表格變量，"#virtualInfo"表示在頁(yè)面中加載表格的特定區(qū)域的區(qū)域名，函數(shù)sitechgrid ()為定義表格屬性的函數(shù)，該函數(shù)通過(guò)屬性I,…，屬性n定義了待加載表格的表格屬性，n為大于等于2的自然數(shù)，$ (document).ready (function () {})為執(zhí)行表格加載的啟動(dòng)函數(shù),具體解釋為document表示獲取整個(gè)網(wǎng)頁(yè)文檔對(duì)象，$ (document). ready (function () {})表示在獲取網(wǎng)頁(yè)文檔對(duì)象就緒時(shí),執(zhí)行函數(shù)functionO {}大括號(hào){}中的代碼內(nèi)容，從而實(shí)現(xiàn)了對(duì)表格的加載。本發(fā)明所涉及的表格分頁(yè)插件，所有顯示效果基本都通過(guò)參數(shù)配置實(shí)現(xiàn)在插件中定義表格初始參數(shù)，如頁(yè)面已定義，則取頁(yè)面的值，覆蓋默認(rèn)的初始值，從而只需要簡(jiǎn)單配置和代碼編寫(xiě)就可實(shí)現(xiàn)各種顯示效果，減少頁(yè)面代碼量，并且使用方便。通過(guò)本發(fā)明所實(shí)現(xiàn)的效果圖如圖2所示，界面中具有標(biāo)題、表頭部分，并實(shí)現(xiàn)了對(duì)數(shù)據(jù)的分頁(yè)，用戶可自由選擇以前進(jìn)到目標(biāo)頁(yè)。在具體的使用中，考慮客戶的各種顯示需求，如在圖2的基礎(chǔ)上可自定義標(biāo)題和按鈕，標(biāo)題、表頭和分頁(yè)部分都可以根據(jù)需要通過(guò)配置不同參數(shù)控制是否顯示。表格分頁(yè)插件中實(shí)現(xiàn)了對(duì)數(shù)據(jù)的單選、多選操作，實(shí)現(xiàn)了對(duì)數(shù)據(jù)進(jìn)行查詢、增加、刪除、修改、打印等操作，修改后的數(shù)據(jù)可以以不同顏色顯示。支持處理嵌套格式JSON數(shù)據(jù)，可無(wú)限級(jí)嵌套，方便處理復(fù)雜數(shù)據(jù)，通過(guò)把常用功能集成到插件中，用封裝的方法實(shí)現(xiàn)，使得調(diào)用簡(jiǎn)單靈活。其中，數(shù)據(jù)的單選操作效果如圖3所示，數(shù)據(jù)的多選操作效果如圖4所示，標(biāo)題部分隱藏效果如圖5所示，表頭部分隱藏效果如圖6所示，隱藏標(biāo)題、表頭和分頁(yè)部分只顯示數(shù)據(jù)部分效果的效果如圖7所示，數(shù)據(jù)輸入界面如圖8所示。在具體操作中，使用JSON格式數(shù)據(jù)，對(duì)性能進(jìn)行了優(yōu)化，可以減少服務(wù)器的壓力，滿足大數(shù)據(jù)量一次顯示的要求。一頁(yè)顯示5000條數(shù)據(jù)只要十秒左右，簡(jiǎn)單的數(shù)據(jù)可以一 頁(yè)顯示10000條，只需十秒到幾分鐘左右，大大提高了顯示效率。以上所述僅為本發(fā)明的較佳實(shí)施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種數(shù)據(jù)分頁(yè)插件的生成方法，該數(shù)據(jù)分頁(yè)插件的生成方法包括以下步驟 步驟一，定義用于顯示數(shù)據(jù)的表格； 步驟ニ，定義所述表格中的參數(shù)，并對(duì)所述表格中的參數(shù)進(jìn)行設(shè)置； 步驟三，在所述表格中設(shè)置操作按鈕； 步驟四，實(shí)現(xiàn)頁(yè)面操作函數(shù)； 步驟五，通過(guò)所述表格，將所述操作按鈕與所述頁(yè)面操作函數(shù)進(jìn)行關(guān)聯(lián)，即將所述操作函數(shù)綁定到所述操作按鈕上； 步驟六，執(zhí)行對(duì)所述表格的加載，從而實(shí)現(xiàn)表格分頁(yè)插件。
2.根據(jù)權(quán)利要求I所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，該數(shù)據(jù)分頁(yè)插件是以頁(yè)面開(kāi)發(fā)插件JQUERY插件方式開(kāi)發(fā)的表格分頁(yè)插件。
3.根據(jù)權(quán)利要求I所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，通過(guò)設(shè)置表格中的參數(shù)值實(shí)現(xiàn)對(duì)界面風(fēng)格的配置。
4.根據(jù)權(quán)利要求1-3任一所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，表格中的數(shù)據(jù)符合JSON格式，其中，JSON數(shù)據(jù)格式為程序開(kāi)發(fā)中所使用的輕量級(jí)數(shù)據(jù)交換格式。
5.根據(jù)權(quán)利要求1-3任一所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，設(shè)置的參數(shù)包括頁(yè)面標(biāo)題、頁(yè)面大小、打印格式，單選、多選設(shè)置，以及是否顯示標(biāo)題、是否顯示表頭、是否顯示分頁(yè)信息。
6.根據(jù)權(quán)利要求1-3任一所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，操作按鈕包括查詢按鈕、清除按鈕、新增按鈕、修改按鈕、刪除按鈕、保存按鈕、打印按鈕。
7.根據(jù)權(quán)利要求1-3任一所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，頁(yè)面操作函數(shù)包括查詢函數(shù)、增加新記錄的函數(shù)、修改記錄的函數(shù)、數(shù)據(jù)保存函數(shù)、打印函數(shù)。
8.根據(jù)權(quán)利要求1-3任一所述的數(shù)據(jù)分頁(yè)插件的生成方法，其特征在于，利用函數(shù)“$(document) · ready(function O {sg = $( " #virtualInfo " )·sitechgrid (屬性1，···，屬性η) ;})”實(shí)現(xiàn)對(duì)表格的加載，其中，Sg為待加載的表格變量，"#virtualInfo"表示在頁(yè)面中加載表格的特定區(qū)域的區(qū)域名，函數(shù)sitechgridO為定義表格屬性的函數(shù)，該函數(shù)通過(guò)屬性1，...，屬性η定義了待加載表格的表格屬性，η為大于2的自然數(shù)。
9.一種數(shù)據(jù)分頁(yè)插件的生成裝置，該數(shù)據(jù)分頁(yè)插件的生成裝置包括以下模塊 表格定義模塊，用于定義顯不數(shù)據(jù)的表格； 參數(shù)設(shè)置模塊，用于定義所述表格中的參數(shù)，并對(duì)所述表格中的參數(shù)進(jìn)行設(shè)置； 按鈕設(shè)置模塊，用于在所述表格中設(shè)置操作按鈕； 函數(shù)實(shí)現(xiàn)模塊，用于實(shí)現(xiàn)頁(yè)面操作函數(shù)； 關(guān)聯(lián)模塊，用于通過(guò)所述表格，將所述操作按鈕與所述頁(yè)面操作函數(shù)進(jìn)行關(guān)聯(lián)，即將所述操作函數(shù)綁定到所述操作按鈕上； 加載模塊，用于執(zhí)行對(duì)所述表格的加載，從而實(shí)現(xiàn)表格分頁(yè)插件。
10.根據(jù)權(quán)利要求9所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，該數(shù)據(jù)分頁(yè)插件是以頁(yè)面開(kāi)發(fā)插件JQUERY插件方式開(kāi)發(fā)的表格分頁(yè)插件。
11.根據(jù)權(quán)利要求9所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，通過(guò)設(shè)置表格中的參數(shù)值實(shí)現(xiàn)對(duì)界面風(fēng)格的配置。
12.根據(jù)權(quán)利要求9-11任一所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，表格中的數(shù)據(jù)符合JSON格式，其中，JSON數(shù)據(jù)格式為程序開(kāi)發(fā)中所使用的輕量級(jí)數(shù)據(jù)交換格式。
13.根據(jù)權(quán)利要求9-11任一所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，設(shè)置的參數(shù)包括頁(yè)面標(biāo)題、頁(yè)面大小、打印格式，單選、多選設(shè)置，以及是否顯示標(biāo)題、是否顯示表頭、是否顯示分頁(yè)信息。
14.根據(jù)權(quán)利要求9-11任一所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，操作按鈕包括查詢按鈕、清除按鈕、新增按鈕、修改按鈕、刪除按鈕、保存按鈕、打印按鈕。
15.根據(jù)權(quán)利要求9-11任一所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，頁(yè)面操作函數(shù)包括查詢函數(shù)、增加新記錄的函數(shù)、修改記錄的函數(shù)、數(shù)據(jù)保存函數(shù)、打印函數(shù)。
16.根據(jù)權(quán)利要求9-11任一所述的數(shù)據(jù)分頁(yè)插件的生成裝置，其特征在于，利用函數(shù) “$ (document) ready (function () {sg = $( " #virtualInfo " ). sitechg rid(屬性.1，...，屬性11) ;})”實(shí)現(xiàn)對(duì)表格的加載，其中，sg為待加載的表格變量，"#virtualInfo"表示在頁(yè)面中加載表格的特定區(qū)域的區(qū)域名，函數(shù)sitechgridO為定義表格屬性的函數(shù)，該函數(shù)通過(guò)屬性1，...，屬性n定義了待加載表格的表格屬性，n為大于等于2的自然數(shù)。
全文摘要
本發(fā)明提供了一種以頁(yè)面開(kāi)發(fā)插件JQUERY插件方式開(kāi)發(fā)的數(shù)據(jù)分頁(yè)插件的生成方法，支持對(duì)數(shù)據(jù)的單選、多選、打印、輸入數(shù)據(jù)列、批量修改數(shù)據(jù)后提交等操作，能夠方便地按照自定義的界面風(fēng)格分頁(yè)顯示數(shù)據(jù)，減少了代碼開(kāi)發(fā)量，方便擴(kuò)展和使用，提高開(kāi)發(fā)效率，并且提高了界面數(shù)據(jù)的顯示速度，減小了對(duì)服務(wù)器的壓力。
文檔編號(hào)G06F3/048GK102662654SQ20121006225
公開(kāi)日2012年9月12日 申請(qǐng)日期2012年3月9日 優(yōu)先權(quán)日2012年3月9日
發(fā)明者廖小波 申請(qǐng)人:北京神州數(shù)碼思特奇信息技術(shù)股份有限公司