[發(fā)明專利]一種WAP網(wǎng)頁開發(fā)方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201610043813.8
• 申請(qǐng)日: 2016-01-21
• 公開（公告）號(hào): CN105574207A
• 公開（公告）日: 2016-05-11
• 發(fā)明（設(shè)計(jì)）人: 劉捷;牛懷清;華燁;聞志坤;孟磊
• 申請(qǐng)（專利權(quán)）人: 上海謙訊網(wǎng)絡(luò)科技有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 上海華工專利事務(wù)所(普通合伙) 31104
• 代理人: 繆利明;劉淑芹

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

本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，特別是涉及一種WAP網(wǎng)頁開發(fā)方法。

背景技術(shù)

隨著通信技術(shù)和移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，移動(dòng)互聯(lián)網(wǎng)使用量呈爆發(fā)式發(fā)展。根據(jù) 工信部的統(tǒng)計(jì)數(shù)據(jù)，2015年上半年用戶月均移動(dòng)互聯(lián)網(wǎng)流量達(dá)到321.5MB，同比增長 83.7％。移動(dòng)用戶對(duì)網(wǎng)絡(luò)信息需求量的擴(kuò)大對(duì)互聯(lián)網(wǎng)企業(yè)在生產(chǎn)互聯(lián)網(wǎng)產(chǎn)品的效率和質(zhì)量 上提出的更高的要求。WAP網(wǎng)頁是移動(dòng)網(wǎng)絡(luò)傳輸中的主要內(nèi)容，手機(jī)App中可以通過直接嵌 入WAP網(wǎng)頁來實(shí)現(xiàn)主要功能，因此WAP網(wǎng)頁開發(fā)設(shè)計(jì)成為移動(dòng)互聯(lián)網(wǎng)開發(fā)工作的主要內(nèi)容之 一。

而現(xiàn)有的WAP網(wǎng)頁開發(fā)技術(shù)，在開發(fā)的過程中，需要遵循頁面方案設(shè)計(jì)、方案確定、 頁面前后端開發(fā)與調(diào)試的工作流程，開發(fā)完成后，測(cè)試人員需要在不同的手機(jī)品牌、操作系 統(tǒng)(Android、iPhone)及版本、屏幕尺寸等條件下測(cè)試頁面顯示及功能是否正常。按照這種 傳統(tǒng)的“生產(chǎn)模式”開發(fā)WAP頁面，不僅周期長，測(cè)試工作繁雜，而且很可能造成開發(fā)出的產(chǎn) 品在風(fēng)格上不一致，尤其是當(dāng)同一產(chǎn)品由多個(gè)開發(fā)人員開發(fā)實(shí)施時(shí)，頁面代碼風(fēng)格不一致， 且增加了產(chǎn)品日后維護(hù)和升級(jí)的復(fù)雜度。WAP網(wǎng)頁開發(fā)人員在編寫含以上功能的頁面時(shí)，往 往進(jìn)行大量重復(fù)的工作，且需要按照一般的開發(fā)流程，生產(chǎn)效率低下。

應(yīng)該注意，上面對(duì)技術(shù)背景的介紹只是為了方便對(duì)本申請(qǐng)的技術(shù)方案進(jìn)行清楚、 完整的說明，并方便本領(lǐng)域技術(shù)人員的理解而闡述的。不能僅僅因?yàn)檫@些方案在本申請(qǐng)的 背景技術(shù)部分進(jìn)行了闡述而認(rèn)為上述技術(shù)方案為本領(lǐng)域技術(shù)人員所公知。

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

有鑒于現(xiàn)有技術(shù)的上述缺陷，本發(fā)明所要解決的技術(shù)問題是提供一種能夠提高 WAP網(wǎng)頁開發(fā)效率的WAP網(wǎng)頁開發(fā)方法。

為實(shí)現(xiàn)上述目的，本發(fā)明提供了一種WAP網(wǎng)頁開發(fā)方法，包括步驟：

客戶端發(fā)出請(qǐng)求目標(biāo)URL的請(qǐng)求指令，并獲取后端系統(tǒng)根據(jù)預(yù)設(shè)的路由跳轉(zhuǎn)機(jī)制 返回標(biāo)示了用戶訪問資源原始URL的頁面元素生成器；

客戶端接收到頁面元素生成器后，頁面元素生成器自動(dòng)請(qǐng)求訪問資源原始URL，并 獲取后端系統(tǒng)返回的原始頁面元素的配置信息和頁面數(shù)據(jù)；

頁面元素生成器根據(jù)獲取到的頁面元素的配置信息，重組相應(yīng)的頁面組件，并加 載相應(yīng)的數(shù)據(jù)，完成WAP頁面重繪。優(yōu)選的，在頁面元素生成器在獲取后端系統(tǒng)返回的原始 頁面元素的配置信息和頁面數(shù)據(jù)步驟后：

頁面元素生成器獲取頁面元素配置信息和業(yè)務(wù)邏輯數(shù)據(jù)；

遍歷通用組件數(shù)組，將自定義屬性替換成相應(yīng)組件的HTML模板；

加載相應(yīng)的數(shù)據(jù)，完成WAP頁面重繪。具體的，頁面元素生成器是一套基于 AngularJS開發(fā)的前端框架，整體設(shè)計(jì)思想是通過使用angular中的指令(Directive)機(jī)制， 將自定義的熟悉替換為目標(biāo)html代碼，同時(shí)為U了能重用相關(guān)組件，減少代碼冗余，預(yù)先建 立了帶參數(shù)的通用組件數(shù)組的html模板，通過頁面元素生成器和通用組件數(shù)組的結(jié)合運(yùn) 用，在html模板中使用angular指令，結(jié)合頁面元素配置參數(shù)，可以動(dòng)態(tài)生成相應(yīng)的組件 html代碼，加快WAP頁面重繪工作，大大提高開發(fā)效率。

優(yōu)選的，所述將自定義屬性替換成相應(yīng)組件的HTML模板的步驟包括：

遍歷組件內(nèi)部子元素配置數(shù)組，重組開發(fā)子元素的HTML模板。除了帶參數(shù)的通用 組件數(shù)組的html模板外，對(duì)應(yīng)通用組件內(nèi)部的子元素，也預(yù)先建立了對(duì)應(yīng)的html模板，進(jìn)一 步提高開發(fā)效率。

優(yōu)選的，所述通用組件數(shù)組包括語言數(shù)組，后端系統(tǒng)在返回原始頁面元素的配置 信息時(shí)，根據(jù)客戶端所在地區(qū)及預(yù)設(shè)支持的語言返回相應(yīng)語言版本的頁面內(nèi)容。該通用組 件數(shù)組，在涵蓋現(xiàn)有通用組件的基礎(chǔ)上，額外增加語言數(shù)組，通過預(yù)設(shè)在各個(gè)語言環(huán)境下的 組件顯示語言內(nèi)容，后端系統(tǒng)在返回頁面元素配置時(shí)，會(huì)根據(jù)客戶端所在地區(qū)及預(yù)設(shè)支持 的語言返回相應(yīng)版本的頁面內(nèi)容，減少了多語言支持下的重復(fù)開發(fā)工作，提高開發(fā)效率，縮 短開發(fā)周期。