本發(fā)明涉及軟件應(yīng)用技術(shù)領(lǐng)域，具體地說是一種可縮減開發(fā)時(shí)間，提高開發(fā)效率的移動(dòng)應(yīng)用中模版化查詢配置的方法。

背景技術(shù)：

現(xiàn)有移動(dòng)應(yīng)用查詢功能的開發(fā)中，設(shè)計(jì)人員提供表樣與數(shù)據(jù)定義，美工人員根據(jù)表樣設(shè)計(jì)前臺(tái)頁面，開發(fā)人員根據(jù)數(shù)據(jù)定義開發(fā)后臺(tái)接口，三方合作完成一個(gè)表樣。

由于移動(dòng)應(yīng)用以移動(dòng)設(shè)備尤其手機(jī)為本，移動(dòng)運(yùn)行環(huán)境復(fù)雜，尤其手機(jī)操作系統(tǒng)更新?lián)Q代頻繁，新硬件新特性層出不窮，移動(dòng)設(shè)備的性能與電腦差別普遍比較大，顯示屏又始終維持在便攜程度，對(duì)移動(dòng)應(yīng)用操作性、運(yùn)行速度、離線能力、顯示特效、不同設(shè)備下的體驗(yàn)一致，相比電腦有很高的要求，美工人員需要花費(fèi)相當(dāng)多的時(shí)間設(shè)計(jì)應(yīng)用界面，設(shè)計(jì)好的界面又對(duì)開發(fā)人員提出了很高的要求來保持界面與數(shù)據(jù)的適配。

目前的模板定制化開發(fā)工具，對(duì)電腦瀏覽器支持比較完善，定制報(bào)表比較快捷，各種組件通過拖曳式操作可迅速合成一張報(bào)表進(jìn)行發(fā)布，但因?yàn)橐苿?dòng)應(yīng)用的復(fù)雜性，這些工具難以滿足移動(dòng)開發(fā)的普適性，同一個(gè)組件在移動(dòng)應(yīng)用中與電腦瀏覽器中相比，在尺寸、位置、特效、觸發(fā)事件、社交共享接口、調(diào)用手機(jī)功能接口交互等方面差異較大。由于移動(dòng)設(shè)備性能局限性，目前的模板定制工具產(chǎn)生的報(bào)表在html5緩存、單頁面應(yīng)用、本地存儲(chǔ)等方面難以使用這些新技術(shù)或理論，通過簡單的操作已經(jīng)難以實(shí)現(xiàn)比較滿意的移動(dòng)應(yīng)用查詢報(bào)表。

基于此，本專利提供一種可解決上述問題的移動(dòng)應(yīng)用中模版化查詢配置的方法。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明的技術(shù)任務(wù)是針對(duì)以上不足之處，提供一種可縮減開發(fā)時(shí)間，提高開發(fā)效率的移動(dòng)應(yīng)用中模版化查詢配置的方法。

一種移動(dòng)應(yīng)用中模版化查詢配置的方法，使用javascript框架angular組件在移動(dòng)設(shè)備上以單頁面應(yīng)用的形式，通過ui-route組件加載指定模板，將模板數(shù)據(jù)綁定到指定應(yīng)用頁面中，取得頁面各部分的數(shù)據(jù)并展現(xiàn)出來。

所述的單頁面應(yīng)用的形式是指，使用angular及ui-route路由解析地址hashbang獲取數(shù)據(jù)定義編號(hào)和模板地址。

所述指定模板包括后臺(tái)模板表、數(shù)據(jù)接口和應(yīng)用頁面，其中后臺(tái)模板表存儲(chǔ)模板數(shù)據(jù)信息；數(shù)據(jù)接口用于連接應(yīng)用頁面與后臺(tái)模板表；應(yīng)用頁面置于前臺(tái)，用于提供模板頁，完成調(diào)用信息的請(qǐng)求輸入。

所述后臺(tái)模板表用以填寫移動(dòng)應(yīng)用頁面的數(shù)據(jù)規(guī)范，該數(shù)據(jù)規(guī)范包含頁面標(biāo)題、數(shù)據(jù)來源、數(shù)據(jù)表格定義、頁面后退地址、頁面檢索條件、echarts設(shè)置，在應(yīng)用服務(wù)器部署適配數(shù)據(jù)規(guī)范的應(yīng)用頁面，通過設(shè)備訪問移動(dòng)應(yīng)用頁面時(shí)，根據(jù)訪問地址中hashbang值獲取后臺(tái)數(shù)據(jù)庫配置好的數(shù)據(jù)規(guī)范，取得頁面各部分的數(shù)據(jù)定義并展現(xiàn)出來。

所述的模板數(shù)據(jù)存儲(chǔ)在后臺(tái)模板表中，該模板數(shù)據(jù)包含模板編號(hào)、頁面標(biāo)題、檢索條件、過濾條件、排序、超鏈接、echarts設(shè)置信息。

所述后臺(tái)模板表存儲(chǔ)的模板數(shù)據(jù)中，頁面標(biāo)題是指應(yīng)用頁面的標(biāo)題；檢索條件包括條件名稱、初始值；過濾條件是指過濾器過濾時(shí)出現(xiàn)的過濾器提示、要過濾的數(shù)據(jù)屬性或字段；排序是指具體的排序方式，該排序方式包括漢字排序方式、數(shù)字排序方式或不允許排序；超鏈接是指超鏈接地址及地址中的參數(shù)定義；echarts設(shè)置是指是否可展示echarts圖的設(shè)置。

所述后臺(tái)模板表由數(shù)據(jù)表頭定義和數(shù)據(jù)來源描述組成數(shù)據(jù)表格的形式，其中，表頭定義包含數(shù)據(jù)各屬性的字段名、顯示名稱、顯示長度、上下對(duì)齊方式、顯示格式轉(zhuǎn)換函數(shù)、排序方式、超鏈接地址及地址中的參數(shù)定義、是否可展示echarts圖；數(shù)據(jù)來源是一個(gè)結(jié)果集，包含表頭定義中的各個(gè)字段，通過sql來定義。

所述數(shù)據(jù)接口由前臺(tái)模板頁請(qǐng)求調(diào)用，獲取后臺(tái)模板表中的數(shù)據(jù)定義，取到定義后，根據(jù)數(shù)據(jù)來源sql查詢數(shù)據(jù)，然后以json格式返回給應(yīng)用頁面，完成信息展示。

所述應(yīng)用頁面的主頁面通過angular組件作為單頁面路由應(yīng)用，以u(píng)i-route控制路由訪問，具體訪問過程為：首先配置訪問應(yīng)用的地址，設(shè)置hashbang值，根據(jù)該hashbang值獲取模板編號(hào)與模板地址；ui-route通過hashbang分解參數(shù)傳給具體模板控制器，模板控制器根據(jù)模板編號(hào)向后臺(tái)請(qǐng)求數(shù)據(jù)定義，根據(jù)模板地址指向要求加載的模板html地址，請(qǐng)求完成后由angular指令將數(shù)據(jù)定義綁定在頁面組件上。

所述頁面組件包括查詢框，過濾框，表格、echarts圖表。

本發(fā)明的一種移動(dòng)應(yīng)用中模版化查詢配置的方法和現(xiàn)有技術(shù)相比，具有以下有益效果：

本發(fā)明的一種移動(dòng)應(yīng)用中模版化查詢配置的方法，在移動(dòng)設(shè)備的html5基礎(chǔ)上使用將模板化配置在單頁面應(yīng)用上通過路由功能展示查詢報(bào)表，最大的優(yōu)勢(shì)在于用戶體驗(yàn)，對(duì)于內(nèi)容的改動(dòng)不需要加載整個(gè)頁面；對(duì)服務(wù)器壓力很小，消耗更少的帶寬，與面向服務(wù)的架構(gòu)更好地結(jié)合，實(shí)用性強(qiáng)，適用范圍廣泛，易于推廣。

具體實(shí)施方式

下面結(jié)合具體實(shí)施例對(duì)本發(fā)明作進(jìn)一步說明。

一種移動(dòng)應(yīng)用中模版化查詢配置的方法，利用本方法可縮減開發(fā)時(shí)間，提高開發(fā)效率。本發(fā)明通過下述技術(shù)方案予以實(shí)現(xiàn)：在應(yīng)用后臺(tái)數(shù)據(jù)庫中創(chuàng)建模板配置表，用以填寫移動(dòng)應(yīng)用頁面的數(shù)據(jù)規(guī)范，包含頁面標(biāo)題、數(shù)據(jù)來源，數(shù)據(jù)表格定義，頁面后退地址，頁面檢索條件，echarts設(shè)置，在應(yīng)用服務(wù)器部署適配數(shù)據(jù)規(guī)范的模板頁面，在通過設(shè)備訪問移動(dòng)應(yīng)用頁面時(shí)，根據(jù)訪問地址中hashbang值獲取后臺(tái)數(shù)據(jù)庫配置好的數(shù)據(jù)規(guī)范，取得頁面各部分的數(shù)據(jù)定義并展現(xiàn)出來。

其具體實(shí)現(xiàn)過程為：使用javascript框架angular組件在移動(dòng)設(shè)備上以單頁面應(yīng)用的形式，通過ui-route組件加載指定模板，將模板數(shù)據(jù)綁定到指定應(yīng)用頁面中，取得頁面各部分的數(shù)據(jù)并展現(xiàn)出來。

所述的單頁面應(yīng)用的形式是指，使用angular及ui-route路由解析地址hashbang獲取數(shù)據(jù)定義編號(hào)和模板地址。

所述指定模板包括后臺(tái)模板表、數(shù)據(jù)接口和應(yīng)用頁面，其中后臺(tái)模板表存儲(chǔ)模板數(shù)據(jù)信息；數(shù)據(jù)接口用于連接應(yīng)用頁面與后臺(tái)模板表；應(yīng)用頁面置于前臺(tái)，用于提供模板頁，完成調(diào)用信息的請(qǐng)求輸入。

所述的模板數(shù)據(jù)存儲(chǔ)在后臺(tái)模板表中，該模板數(shù)據(jù)包含模板編號(hào)、頁面標(biāo)題、檢索條件、過濾條件、排序、超鏈接、echarts設(shè)置信息。

所述后臺(tái)模板表存儲(chǔ)的模板數(shù)據(jù)中，頁面標(biāo)題是指應(yīng)用頁面的標(biāo)題；檢索條件包括條件名稱、初始值；過濾條件是指過濾器過濾時(shí)出現(xiàn)的過濾器提示、要過濾的數(shù)據(jù)屬性或字段；排序是指具體的排序方式，該排序方式包括漢字排序方式、數(shù)字排序方式或不允許排序；超鏈接是指超鏈接地址及地址中的參數(shù)定義；echarts設(shè)置是指是否可展示echarts圖的設(shè)置。

所述后臺(tái)模板表由數(shù)據(jù)表頭定義和數(shù)據(jù)來源描述組成數(shù)據(jù)表格的形式，其中，表頭定義包含數(shù)據(jù)各屬性的字段名、顯示名稱、顯示長度、上下對(duì)齊方式、顯示格式轉(zhuǎn)換函數(shù)、排序方式、超鏈接地址及地址中的參數(shù)定義、是否可展示echarts圖；數(shù)據(jù)來源是一個(gè)結(jié)果集，包含表頭定義中的各個(gè)字段，通過sql來定義。

所述數(shù)據(jù)接口由前臺(tái)模板頁請(qǐng)求調(diào)用，獲取后臺(tái)模板表中的數(shù)據(jù)定義，取到定義后，根據(jù)數(shù)據(jù)來源sql查詢數(shù)據(jù)，然后以json格式返回給應(yīng)用頁面，完成信息展示。

所述應(yīng)用頁面基于html5規(guī)范，引用v1.3.8版本的angularjs及ui-route模塊和百度echarts圖形模塊，在width>=320p和height>=480px的尺寸上開發(fā)。

其主頁面引入angular組件作為單頁面路由應(yīng)用，以u(píng)i-route控制路由訪問。配置訪問應(yīng)用的地址設(shè)置hashbang值包含模板編號(hào)與模板地址,ui-route通過hashbang分解參數(shù)傳給具體模板控制器，模板控制器根據(jù)模板編號(hào)向后臺(tái)請(qǐng)求數(shù)據(jù)定義，根據(jù)模板地址指向應(yīng)用服務(wù)器要求加載模板html地址，請(qǐng)求完成后由angular指令數(shù)據(jù)定義綁定在頁面組件（包括查詢框，過濾框，表格、echarts圖表等），數(shù)據(jù)的排序、超鏈接、echart屬性為表頭和數(shù)據(jù)綁定相應(yīng)操作也都基于angular指令來實(shí)現(xiàn)。

通過上面具體實(shí)施方式，所述技術(shù)領(lǐng)域的技術(shù)人員可容易的實(shí)現(xiàn)本發(fā)明。但是應(yīng)當(dāng)理解，本發(fā)明并不限于上述的具體實(shí)施方式。在公開的實(shí)施方式的基礎(chǔ)上，所述技術(shù)領(lǐng)域的技術(shù)人員可任意組合不同的技術(shù)特征，從而實(shí)現(xiàn)不同的技術(shù)方案。

除說明書所述的技術(shù)特征外，均為本專業(yè)技術(shù)人員的已知技術(shù)。