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

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


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