[發(fā)明專利]一種表格生成方法及裝置

有效

• 申請?zhí)枺?/td>: 201410247355.0
• 申請日: 2014-06-05
• 公開（公告）號: CN105138312B
• 公開（公告）日: 2018-07-03
• 發(fā)明（設計）人: 黃淞
• 申請（專利權(quán)）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 北京三友知識產(chǎn)權(quán)代理有限公司 11127
• 代理人: 李輝

本發(fā)明公開了一種表格生成方法及裝置，該方法為：根據(jù)指定的模板對象調(diào)用JavaScript表格組件創(chuàng)建組件對象實例，其中，組件對象實例繼承JavaScript表格組件嵌入的預設功能；在創(chuàng)建組件對象實例的過程中，將指定的表格數(shù)據(jù)的URL插入組件對象實例中的對應位置并加載相關(guān)表格數(shù)據(jù)，以及根據(jù)模板對象中包含的HTML描述信息調(diào)用組件對象實例中包含的預設功能對表格數(shù)據(jù)進行相應處理，以完成組件對象實例的創(chuàng)建。該方法采用JavaScript表格組件統(tǒng)一實現(xiàn)表格的排序、分頁和搜索功能，大大減少了js代碼的編寫量。同時，提高了代碼的上手性、可讀性和可維護性，并極大的提高了開發(fā)效率。

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

本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其設計一種表格生成方法及裝置。

背景技術(shù)

無線數(shù)讀(無線客戶端的數(shù)據(jù)統(tǒng)計和分析服務)產(chǎn)品經(jīng)常需要開發(fā)大量的表格報表。如圖1所示，為目前無線數(shù)讀中常用的表格展現(xiàn)形式，其中無線數(shù)讀產(chǎn)品常用的表格一般還可能需要用于提供搜索、分頁和排序等功能。現(xiàn)有技術(shù)中的常用方法是使用前端表格組件進行開發(fā)，開發(fā)的步驟包括：定義表格模板，編寫后臺獲取表格數(shù)據(jù)的Java代碼，編寫創(chuàng)建組件的JavaScript(以下簡稱js)代碼，編寫前臺獲取表格數(shù)據(jù)的js代碼，編寫前臺進行分頁數(shù)據(jù)處理的代碼，編寫前臺進行數(shù)據(jù)排序的js代碼及編寫前臺進行搜索過濾的js代碼。

然而，利用現(xiàn)有的前端表格組件進行相關(guān)的表格報表開發(fā)時，往往需要編寫大量的js代碼，單實現(xiàn)搜索、排序和分頁功能的js代碼的平均行數(shù)就能達到500行。并且由于編碼復雜，這種方法對開發(fā)人員的技能要求較高，開發(fā)效率、可讀性和可維護性較低。

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

本發(fā)明實施例提供一種表格生成方法及裝置，用以解決現(xiàn)有技術(shù)中利用前端表格組件開發(fā)表格報表時需要編寫大量js代碼，而開發(fā)難度大，開發(fā)效率、代碼可讀性、可維護性低下的問題。

本發(fā)明實施例提供的具體技術(shù)方案如下：

一種表格生成方法，包括：

根據(jù)指定的模板對象調(diào)用JavaScript表格組件創(chuàng)建組件對象實例，其中，所述組件對象實例繼承所述JavaScript表格組件嵌入的預設功能；

在創(chuàng)建組件對象實例的過程中，將指定的表格數(shù)據(jù)的URL插入所述組件對象實例中的對應位置并加載相關(guān)表格數(shù)據(jù)，以及根據(jù)所述模板對象中包含的HTML描述信息調(diào)用所述組件對象實例中包含的預設功能對所述表格數(shù)據(jù)進行相應處理，以完成組件對象實例的創(chuàng)建。

通過這樣的實現(xiàn)方式，采用JavaScript表格組件統(tǒng)一實現(xiàn)表格的排序、分頁和搜索功能，從而大大減少了js代碼的編寫量，同時，提高了代碼的上手性、可讀性和可維護性，并極大的提高了開發(fā)效率。

較佳的，根據(jù)指定的模板對象調(diào)用JavaScript表格組件創(chuàng)建組件對象實例，包括：

獲取預設的html模板、配置項數(shù)組和http請求參數(shù)；

根據(jù)所述預設的html模板查找對應的模板對象，根據(jù)所述對應的模板對象創(chuàng)建組件對象實例；

根據(jù)所述預設的配置項數(shù)組中的配置信息對所述組件對象實例中的默認配置項進行覆蓋；

將所述模板對象和所述預設的http請求參數(shù)作為所述組件對象實例的緩存數(shù)據(jù)進行緩存；

調(diào)用JavaScript表格組件實現(xiàn)所述組件對象實例的相關(guān)功能。

通過這樣的實現(xiàn)方式，通過調(diào)用已有的模板對象和JavaScript表格組件即可快速創(chuàng)建組件對象實例，無需再編寫大量的js代碼，減少了開發(fā)步驟。

較佳的，所述配置項數(shù)組為空值；或者，