基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法及裝置的制造方法
【專利摘要】本發(fā)明實(shí)施例公開了一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法及裝置，所述方法包括：根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；確定所述移動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖；基于超文本標(biāo)記語(yǔ)言HTML，將所述展示效果圖制作成靜態(tài)頁(yè)面，并制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本；基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的開發(fā)；基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的邏輯銜接而形成開發(fā)文件；將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。
【專利說(shuō)明】
基于超文本標(biāo)巧語(yǔ)言的移動(dòng)應(yīng)用生成方法及裝置
技術(shù)領(lǐng)域
[0001] 本發(fā)明設(shè)及移動(dòng)應(yīng)用生成技術(shù)，尤其設(shè)及一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生 成方法及裝置。
【背景技術(shù)】
[0002] 目前的移動(dòng)終端中的應(yīng)用開發(fā)技術(shù)，基本采用原生語(yǔ)言進(jìn)行開發(fā)，運(yùn)導(dǎo)致開發(fā) 過(guò)程中跨平臺(tái)性差，需要針對(duì)每種操作系統(tǒng)進(jìn)行開發(fā)，如安卓采用化va語(yǔ)言，I0S采用 化jectC++等；運(yùn)無(wú)疑要求開發(fā)人員的開發(fā)技能比較高，需要開發(fā)人員掌握原生開發(fā)技術(shù)， 導(dǎo)致開發(fā)難度高、開發(fā)周期長(zhǎng)，而開發(fā)成本相當(dāng)高，運(yùn)極大地制約了企業(yè)應(yīng)用的業(yè)務(wù)發(fā)展需 要。

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

[0003] 為解決上述技術(shù)問(wèn)題，本發(fā)明實(shí)施例提供一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生 成方法及裝置。
[0004] 本發(fā)明實(shí)施例的技術(shù)方案是運(yùn)樣實(shí)現(xiàn)的： 陽(yáng)〇化]一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法，包括：
[0006] 根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；確定所述移動(dòng)應(yīng)用的 頁(yè)面的展示方案，制作展示效果圖；
[0007] 基于超文本標(biāo)記語(yǔ)言HTML·將所述展示效果圖制作成靜態(tài)頁(yè)面，并制作所述移動(dòng) 應(yīng)用的動(dòng)態(tài)控制JS腳本；
[0008] 基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的開發(fā)；
[0009] 基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的邏輯銜接 而形成開發(fā)文件；
[0010] 將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。 W11] 優(yōu)選地，所述基于HTML·將所述展示效果圖制作成靜態(tài)頁(yè)面，包括：
[0012] 使用HTML及層疊樣式表CSS作為表現(xiàn)層展示語(yǔ)言，利用HTML的標(biāo)簽庫(kù)W及控件 庫(kù)對(duì)所述移動(dòng)應(yīng)用的頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS對(duì)頁(yè)面元素進(jìn)行格式、顏色、位置的控 審IJ，將所述展示效果圖制作成靜態(tài)頁(yè)面。
[0013] 優(yōu)選地，所述制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本，包括：
[0014] 在JS的JqueryMobile內(nèi)置函數(shù)庫(kù)中調(diào)用所述移動(dòng)應(yīng)用的所需的動(dòng)態(tài)功能模塊， 形成所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。
[0015] 優(yōu)選地，所述將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的邏輯銜接而形成開發(fā)文件， 包括：
[0016] 利用JS的JqueryMobile的異步方式數(shù)據(jù)交互，采用請(qǐng)求/響應(yīng)的模式，將所述 移動(dòng)應(yīng)用的前端的數(shù)據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程服務(wù)進(jìn)行關(guān)聯(lián)，而形成開發(fā)文 件。
[0017] 優(yōu)選地，將所述開發(fā)文件上傳至編譯平臺(tái)之前，所述方法還包括：
[0018] 利用編譯引擎對(duì)所述開發(fā)文件的HTML代碼片段進(jìn)行編譯，并通過(guò)移動(dòng)終端操作 系統(tǒng)的應(yīng)用接口 API,將所述開發(fā)文件編譯成與原生控件，而形成能被移動(dòng)終端直接調(diào)用的 移動(dòng)應(yīng)用。
[0019] 一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置，包括：制定單元、第一制作單元、 第二制作單元、開發(fā)單元、銜接單元和發(fā)布單元，其中：
[0020] 制定單元，用于根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；
[0021] 第一制作單元，用于確定所述移動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖；
[0022] 第二制作單元，用于基于超文本標(biāo)記語(yǔ)言HTML·將所述展示效果圖制作成靜態(tài)頁(yè) 面，并制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本；
[0023] 開發(fā)單元，用于基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功 能的開發(fā)；
[0024] 銜接單元，用于基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的 功能的邏輯銜接而形成開發(fā)文件；
[0025] 發(fā)布單元，用于將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。
[00%] 優(yōu)選地，所述第二制作單元，還用于使用HTML及層疊樣式表CSS作為表現(xiàn)層展示 語(yǔ)言，利用HTML的標(biāo)簽庫(kù)W及控件庫(kù)對(duì)所述移動(dòng)應(yīng)用的頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS對(duì) 頁(yè)面元素進(jìn)行格式、顏色、位置的控制，將所述展示效果圖制作成靜態(tài)頁(yè)面。
[0027] 優(yōu)選地，所述第二制作單元，還用于在JS的JqueryMobile內(nèi)置函數(shù)庫(kù)中調(diào)用所述 移動(dòng)應(yīng)用的所需的動(dòng)態(tài)功能模塊，形成所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。
[0028] 優(yōu)選地，所述銜接單元，還用于利用JS的JqueryMobile的異步方式數(shù)據(jù)交互，采 用請(qǐng)求/響應(yīng)的模式，將所述移動(dòng)應(yīng)用的前端的數(shù)據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程 服務(wù)進(jìn)行關(guān)聯(lián)，而形成開發(fā)文件。
[0029] 優(yōu)選地，所述裝置還包括：編譯單元，用于在將所述開發(fā)文件上傳至編譯平臺(tái)之 前，還用于利用編譯引擎對(duì)所述開發(fā)文件的HTML代碼片段進(jìn)行編譯，并通過(guò)移動(dòng)終端操作 系統(tǒng)的應(yīng)用接口 API,將所述開發(fā)文件編譯成與原生控件，而形成能被移動(dòng)終端直接調(diào)用的 移動(dòng)應(yīng)用。
[0030] 本發(fā)明實(shí)施例中，首先根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口， 并確定移動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖；其次，基于超文本標(biāo)記語(yǔ)言（HTML， Hyp&rText Mark-up Language)，將展示效果圖制作成靜態(tài)頁(yè)面，并制作所述移動(dòng)應(yīng)用的動(dòng) 態(tài)控制JS(Javascript)腳本；基于數(shù)據(jù)交互接口，進(jìn)行移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的 開發(fā)；基于移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的邏輯銜接而形成 開發(fā)文件；將開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。
[0031] 與現(xiàn)有技術(shù)相比，本發(fā)明實(shí)施例的技術(shù)方案中，開發(fā)人員只需傳統(tǒng)的W邸開發(fā)技 術(shù)即可，無(wú)需專口掌握某種移動(dòng)操作系統(tǒng)的開發(fā)語(yǔ)言，降低了技術(shù)口檻，適合大部分企業(yè)的 開發(fā)和維護(hù)團(tuán)隊(duì)的技術(shù)結(jié)構(gòu)。本發(fā)明實(shí)施例無(wú)需根據(jù)不同的移動(dòng)終端平臺(tái)獨(dú)立開發(fā)，只需 要開發(fā)一次，即可能在主流的移動(dòng)終端操作系統(tǒng)上運(yùn)行，從而節(jié)約了人力成本，使移動(dòng)應(yīng)用 的開發(fā)更具普遍性。
【附圖說(shuō)明】
[0032] 圖1為本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法的流程圖；
[0033] 圖2為本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置的組成結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0034] 為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清除明白，W下舉實(shí)施例并參照附圖，對(duì) 本發(fā)明進(jìn)一步詳細(xì)說(shuō)明。
[0035] 圖1為本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法的流程圖，如圖 1所示，本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法包括W下步驟：
[0036] 步驟101，根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；確定所述移 動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖。
[0037] 本步驟中，需要根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口。數(shù)據(jù)交 互接口的制定需要根據(jù)不同的移動(dòng)應(yīng)用需求而設(shè)定，用戶通過(guò)運(yùn)些數(shù)據(jù)交互接口可與移動(dòng) 應(yīng)用的后臺(tái)進(jìn)行數(shù)據(jù)交互。確定所述移動(dòng)應(yīng)用的頁(yè)面的展示方案，由美工等相關(guān)人員制作 相應(yīng)的展示效果圖。
[0038] 步驟102,基于超文本標(biāo)記語(yǔ)言HTML·將所述展示效果圖制作成靜態(tài)頁(yè)面，并制作 所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。
[0039] 本步驟中，使用HTML及層疊樣式表CSS作為表現(xiàn)層展示語(yǔ)言，利用HTML的標(biāo)簽庫(kù) W及控件庫(kù)對(duì)所述移動(dòng)應(yīng)用的頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS對(duì)頁(yè)面元素進(jìn)行格式、顏色、 位置的控制，將所述展示效果圖制作成靜態(tài)頁(yè)面。
[0040] 在JS的JqueryMobile內(nèi)置函數(shù)庫(kù)中調(diào)用所述移動(dòng)應(yīng)用的所需的動(dòng)態(tài)功能模塊， 形成所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。
[0041] 本發(fā)明實(shí)施例中，超文本標(biāo)記語(yǔ)言可采用HTML5,其他版本的HTML也可W實(shí)現(xiàn)。
[0042] 步驟103,基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的開 發(fā)。
[0043] 關(guān)于移動(dòng)應(yīng)用的前端開發(fā)，可由前端人員采用基于HTML5的跨平臺(tái)快速移動(dòng)應(yīng)用 開發(fā)技術(shù)，基于網(wǎng)頁(yè)開發(fā)工具進(jìn)行畫圖之后，直接進(jìn)行切圖，并且生成靜態(tài)多平臺(tái)移動(dòng)終端 可擅染運(yùn)行的UI代碼；同時(shí)基于JqueryMobile核屯、，引入必要的JS基礎(chǔ)庫(kù)，根據(jù)接口定義 的規(guī)范，進(jìn)行AJAX請(qǐng)求代碼的編寫。 W44] 關(guān)于移動(dòng)應(yīng)用的后臺(tái)開發(fā)，可采用任何的語(yǔ)言進(jìn)行開發(fā)，例如化va、C#、Delphi、VB 等等，部署在遠(yuǎn)程服務(wù)器中，并且W ht化或者webservice標(biāo)準(zhǔn)協(xié)議進(jìn)行交互，返回的標(biāo)準(zhǔn) JS0N格式的數(shù)據(jù)，前臺(tái)直接W預(yù)定義模版形式進(jìn)行數(shù)據(jù)綁定和前臺(tái)展現(xiàn)。
[0045] 步驟104,基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的 邏輯銜接而形成開發(fā)文件。
[0046] 本步驟中，利用JS的JqueryMobile的異步方式數(shù)據(jù)交互，采用請(qǐng)求/響應(yīng)的模 式，將所述移動(dòng)應(yīng)用的前端的數(shù)據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程服務(wù)進(jìn)行關(guān)聯(lián)，而 形成開發(fā)文件。
[0047] 步驟105,將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。
[0048] 本發(fā)明實(shí)施例中，由于開發(fā)完之后，代碼是WB/S的方式來(lái)運(yùn)行的，因此，需要按 格式將相關(guān)代碼資源打包（只需要前端代碼），上傳到編譯環(huán)境，進(jìn)行編譯，即可生產(chǎn)相應(yīng) 的安裝包，如IOS下的為ipa格式，安卓的是apk格式，并且登記好APP版本，上傳到服務(wù)器 供用戶下載或者直接交付給最終用戶直接安裝。
[0049] W下通過(guò)具體示例，進(jìn)一步闡明本發(fā)明技術(shù)方案的實(shí)質(zhì)。
[0050] 本發(fā)明實(shí)施例中，采用HTML5 W及CSS3作為表現(xiàn)層展示語(yǔ)言，充分利用HTML5的 標(biāo)簽庫(kù)W及控件庫(kù)，再配備化vascript作為運(yùn)行腳本，整個(gè)開發(fā)模式與傳統(tǒng)的肥B應(yīng)用開 發(fā)一致。
[0051] HTML5+CSS3技術(shù)作為頁(yè)面元素的組織，符合W3C網(wǎng)絡(luò)標(biāo)準(zhǔn)，首先采用網(wǎng)頁(yè)標(biāo)簽對(duì) 頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS3對(duì)元素進(jìn)行格式、顏色、位置的控制；
[0052] Javascript采用了開源的JqueryMobile進(jìn)行整合，支持開發(fā)者調(diào)用 JqueryMobile的內(nèi)置函數(shù)庫(kù)，實(shí)現(xiàn)各種動(dòng)態(tài)效果，如動(dòng)畫等；
[0053] 對(duì)于數(shù)據(jù)交互，采用請(qǐng)求/響應(yīng)的模式，利用了 JqueryMobile的異步方式，對(duì)遠(yuǎn)程 服務(wù)進(jìn)行調(diào)用。由于化vascript對(duì)JS0N格式具有天生的解釋優(yōu)勢(shì)，因此，對(duì)于跟服務(wù)端的 數(shù)據(jù)傳輸，均采用JS0N格式進(jìn)行封裝和解釋，減少了客戶端解析數(shù)據(jù)的性能開銷W及降低 網(wǎng)絡(luò)傳輸?shù)膸捯蟆?br>[0054] 對(duì)于HTML5開發(fā)完成的程序，是無(wú)法單獨(dú)作為獨(dú)立的APP安裝到移動(dòng)終端上的，還 是B/S的模式，即需要通過(guò)瀏覽器才能訪問(wèn)，因此，需要使用編譯引擎對(duì)HTML5代碼片段進(jìn) 行編譯，利用移動(dòng)終端原生的API進(jìn)行封裝，得到可W獨(dú)立運(yùn)行的APP。 陽(yáng)化5] 使用編譯引擎對(duì)HTML元素進(jìn)行封裝，通過(guò)移動(dòng)終端操作系統(tǒng)的API,編譯成與原 生的控件。
[0056] 具體地，對(duì)于前端開發(fā)，由前端人員采用基于HTML5的跨平臺(tái)快速移動(dòng)應(yīng)用開發(fā) 技術(shù)，基于網(wǎng)頁(yè)開發(fā)工具進(jìn)行畫圖之后，直接進(jìn)行切圖，并且生成靜態(tài)多平臺(tái)移動(dòng)終端可擅 染運(yùn)行的UI代碼；同時(shí)基于JqueryMobile核心引入必要的JS基礎(chǔ)庫(kù)，根據(jù)接口定義的規(guī) 范，進(jìn)行AJAX請(qǐng)求代碼的編寫。
[0057] 對(duì)于后臺(tái)開發(fā)，可采用任何的語(yǔ)言進(jìn)行開發(fā)，例如化va、C#、Delphi、VB等等，部署 在遠(yuǎn)程服務(wù)器中，并且W ht化或者webservice標(biāo)準(zhǔn)協(xié)議進(jìn)行交互，返回的標(biāo)準(zhǔn)JS0N格式 的數(shù)據(jù)，前臺(tái)直接W預(yù)定義模版形式進(jìn)行數(shù)據(jù)綁定和前臺(tái)展現(xiàn)。例如合同系統(tǒng)的合同主體 信息返回的接口的定義如下表1所示：
[0058]
I； 00別表1
[0060] 需要說(shuō)明的是，不同的移動(dòng)應(yīng)用的數(shù)據(jù)交互接口的類型及數(shù)量也完全不同，而根 據(jù)移動(dòng)應(yīng)用的應(yīng)用場(chǎng)景，確定數(shù)據(jù)交互接口是容易實(shí)現(xiàn)的。
[0061] 接口的具體實(shí)例如下：{{CID: 123 ;CNAME:合同 1 ;ACC0UNT: 1000000 ; 邸GINDATE: 2014-11-11 ;ENDDATE: 2015-11-11}，{CID: 234 ;CNAME:合同 2 ;ACC0UNT: 5000 ; 邸GINDATE:2014-12-11 ;ENDDATE:2016-12-11}}。
[0062] APP管理員負(fù)責(zé)app的最終編譯打包和發(fā)布，由于開發(fā)完之后，代碼是W B/S的方 式來(lái)運(yùn)行的，因此，需要按格式將相關(guān)代碼資源打包（只需要前端代碼），上傳到編譯環(huán)境， 進(jìn)行編譯，即可生產(chǎn)相應(yīng)的安裝包，如I0S下的為ipa格式，安卓的是apk格式，并且登記好 APP版本，上傳到服務(wù)器供用戶下載或者直接交付給最終用戶直接安裝。
[006引 W下W開發(fā)某系統(tǒng)的對(duì)應(yīng)移動(dòng)APP為例，詳細(xì)說(shuō)明該技術(shù)的實(shí)施步驟：
[0064] 步驟一：制定數(shù)據(jù)交互接口規(guī)范；根據(jù)頁(yè)面展示W(wǎng)及審批要求，制定數(shù)據(jù)交互接 口，并且形成接口規(guī)范。該頁(yè)面設(shè)及到的數(shù)據(jù)交互服務(wù)包括：合同基本信息、合同附件信息、 合同依據(jù)信息、合同對(duì)方信息W及合同審批記錄信息。 陽(yáng)0化]步驟二：制定頁(yè)面顯示方案；根據(jù)調(diào)研結(jié)果，確定頁(yè)面展示方案，并且由美工制作 效果圖，效果圖W gif、jpg、png等格式提供。
[0066] 步驟Ξ :制作靜態(tài)HTML5頁(yè)面。由美工根據(jù)最終定稿的效果圖，制作成HTML5的靜 態(tài)頁(yè)面W及相關(guān)的頁(yè)面動(dòng)態(tài)控制JS腳本。該靜態(tài)頁(yè)面不具備實(shí)際的查詢效果，僅僅提供了 樣式W及各種控件的標(biāo)簽。并且，頁(yè)面同時(shí)提供了標(biāo)簽切換等的動(dòng)態(tài)效果控制腳本。
[0067] 步驟四：由于前期已經(jīng)確認(rèn)的數(shù)據(jù)交互接口規(guī)范，因此只要遵循接口規(guī)范，前后臺(tái) 的功能可W并行開發(fā)。
[0068] 前端開發(fā)根據(jù)接口規(guī)范，自行模擬組裝返回格式的數(shù)據(jù)，編寫數(shù)據(jù)解釋模塊，同時(shí) 從已實(shí)現(xiàn)的標(biāo)準(zhǔn)UI庫(kù)進(jìn)行UI拖拽，實(shí)現(xiàn)界面UI開發(fā)，利用化vascript對(duì)返回的JS0N數(shù) 據(jù)進(jìn)行對(duì)象化，然后根據(jù)頁(yè)面展示需要，填充頁(yè)面元素。
[0069] 后臺(tái)開發(fā)按照業(yè)務(wù)邏輯，進(jìn)行數(shù)據(jù)接口的開發(fā)，按照傳遞參數(shù)處理之后返回規(guī)范 格式的數(shù)據(jù)。
[0070] 步驟五：接口聯(lián)調(diào)。前后臺(tái)進(jìn)行整合，按照業(yè)務(wù)流程，將前后臺(tái)邏輯連接起來(lái)；
[0071] 步驟六:APP編譯。將相關(guān)的前端文件，按照格式，打包成壓縮包，上傳到編譯平 臺(tái)。平臺(tái)自動(dòng)根據(jù)選擇的編譯目標(biāo)，例如I0S、安卓等，調(diào)研原生API,進(jìn)行原生外殼的封裝， 生產(chǎn)可安裝的文件格式，例如I0S的格式為ipa，安卓的為apk等；
[0072] 步驟屯:APP發(fā)布。管理員將APP公布到應(yīng)用市場(chǎng)，供用戶下載安裝。
[0073] W上步驟，即可完成合同系統(tǒng)跨平臺(tái)APP的開發(fā)，整個(gè)過(guò)程與W邸應(yīng)用開發(fā)類似， 只需要遵循一般的B/S開發(fā)模式即可，無(wú)需深入了解各個(gè)不同平臺(tái)的開發(fā)特性、編譯細(xì)節(jié) 等，適合將企業(yè)已有的應(yīng)用系統(tǒng)快速移動(dòng)化。
[0074] 本發(fā)明實(shí)施例的技術(shù)方案，只需開發(fā)人員具有傳統(tǒng)的W邸開發(fā)技術(shù)即可，無(wú)需專 口掌握某種移動(dòng)操作系統(tǒng)的開發(fā)語(yǔ)言，運(yùn)無(wú)疑降低了移動(dòng)應(yīng)用開發(fā)的技術(shù)口檻，適合大部 分企業(yè)的開發(fā)和維護(hù)團(tuán)隊(duì)的技術(shù)結(jié)構(gòu)。利用本發(fā)明實(shí)施例的技術(shù)方案開發(fā)的移動(dòng)應(yīng)用，無(wú) 需根據(jù)不同的移動(dòng)終端平臺(tái)獨(dú)立開發(fā)，只需要開發(fā)一次，即可能在主流的移動(dòng)終端操作系 統(tǒng)上運(yùn)行。運(yùn)樣，假如開發(fā)一個(gè)簡(jiǎn)單的查詢列表，如采用原生開發(fā)技術(shù)實(shí)現(xiàn)，帶上學(xué)習(xí)和人 工成本，約5人日，如需要適應(yīng)多種平臺(tái)，則需要投入5Xn人日的工作量；如采用本發(fā)明實(shí) 施例的技術(shù)方案，預(yù)計(jì)同樣查詢列表，帶上學(xué)習(xí)和人工成本，約3人日即可，并且減少了由 于需要適應(yīng)不同平臺(tái)而投入的η倍的工作量。
[00巧]圖2為本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置的組成結(jié)構(gòu)圖， 如圖2所示，本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置，包括：制定單元 20、第一制作單元21、第二制作單元22、開發(fā)單元23、銜接單元24和發(fā)布單元25,其中：
[0076] 制定單元20,用于根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；
[0077] 第一制作單元21，用于確定所述移動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖；
[0078] 第二制作單元22,用于基于超文本標(biāo)記語(yǔ)言HTML·將所述展示效果圖制作成靜態(tài) 頁(yè)面，并制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本；
[0079] 開發(fā)單元23,用于基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān) 功能的開發(fā)；
[0080] 銜接單元24,用于基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái) 的功能的邏輯銜接而形成開發(fā)文件；
[0081] 發(fā)布單元25,用于將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。
[0082] 上述第二制作單元22,還用于使用HTML及層疊樣式表CSS作為表現(xiàn)層展示語(yǔ)言， 利用HTML的標(biāo)簽庫(kù)W及控件庫(kù)對(duì)所述移動(dòng)應(yīng)用的頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS對(duì)頁(yè)面元 素進(jìn)行格式、顏色、位置的控制，將所述展示效果圖制作成靜態(tài)頁(yè)面。
[0083] 上述第二制作單元22,還用于在JS的JqueryMobile內(nèi)置函數(shù)庫(kù)中調(diào)用所述移動(dòng) 應(yīng)用的所需的動(dòng)態(tài)功能模塊，形成所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。
[0084] 上述銜接單元24,還用于利用JS的JqueryMobile的異步方式數(shù)據(jù)交互，采用請(qǐng) 求/響應(yīng)的模式，將所述移動(dòng)應(yīng)用的前端的數(shù)據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程服務(wù) 進(jìn)行關(guān)聯(lián)，而形成開發(fā)文件。
[00化]在圖2所示的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置的基礎(chǔ)上，本發(fā)明實(shí)施例 的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置還包括：編譯單元（圖2中未示出），用于在 將所述開發(fā)文件上傳至編譯平臺(tái)之前，還用于利用編譯引擎對(duì)所述開發(fā)文件的HTML代碼 片段進(jìn)行編譯，并通過(guò)移動(dòng)終端操作系統(tǒng)的應(yīng)用接口 API,將所述開發(fā)文件編譯成與原生控 件，而形成能被移動(dòng)終端直接調(diào)用的移動(dòng)應(yīng)用。
[0086] 本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，圖2所示的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置 中各處理單元的功能，可參照前述的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法的相關(guān)描述 而理解，本發(fā)明實(shí)施例的基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置中各處理單元，可通過(guò) 實(shí)現(xiàn)本發(fā)明實(shí)施例所述的功能的模擬電路而實(shí)現(xiàn)，也可W通過(guò)執(zhí)行本發(fā)明實(shí)施例所述的功 能的軟件在智能設(shè)備上的運(yùn)行而實(shí)現(xiàn)。
[0087] 本發(fā)明實(shí)施例所記載的技術(shù)方案之間，在不沖突的情況下，可W任意組合。
[008引在本發(fā)明所提供的幾個(gè)實(shí)施例中，應(yīng)該理解到，所掲露的方法、裝置和電子設(shè)備， 可W通過(guò)其它的方式實(shí)現(xiàn)。W上所描述的設(shè)備實(shí)施例僅僅是示意性的，例如，所述單元的劃 分，僅僅為一種邏輯功能劃分，實(shí)際實(shí)現(xiàn)時(shí)可W有另外的劃分方式，如：多個(gè)單元或組件可 W結(jié)合，或可W集成到另一個(gè)系統(tǒng)，或一些特征可W忽略，或不執(zhí)行。另外，所顯示或討論的 各組成部分相互之間的禪合、或直接禪合、或通信連接可W是通過(guò)一些接口，設(shè)備或單元的 間接禪合或通信連接，可w是電性的、機(jī)械的或其它形式的。
[0089] 上述作為分離部件說(shuō)明的單元可W是、或也可W不是物理上分開的，作為單元顯 示的部件可W是、或也可W不是物理單元，即可W位于一個(gè)地方，也可W分布到多個(gè)網(wǎng)絡(luò)單 元上；可W根據(jù)實(shí)際的需要選擇其中的部分或全部單元來(lái)實(shí)現(xiàn)本實(shí)施例方案的目的。
[0090] 另外，在本發(fā)明各實(shí)施例中的各功能單元可W全部集成在一個(gè)處理單元中，也可 W是各單元分別單獨(dú)作為一個(gè)單元，也可W兩個(gè)或兩個(gè)W上單元集成在一個(gè)單元中；上述 集成的單元既可W采用硬件的形式實(shí)現(xiàn)，也可W采用硬件加應(yīng)用功能單元的形式實(shí)現(xiàn)。
[0091] 本領(lǐng)域普通技術(shù)人員可W理解：實(shí)現(xiàn)上述方法實(shí)施例的全部或部分步驟可W通過(guò) 程序指令相關(guān)的硬件來(lái)完成，前述的程序可W存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，該程序 在執(zhí)行時(shí)，執(zhí)行包括上述方法實(shí)施例的步驟；而前述的存儲(chǔ)介質(zhì)包括：移動(dòng)存儲(chǔ)設(shè)備、只讀 存儲(chǔ)器（ROM, Read-Only Memoir)、隨機(jī)存取存儲(chǔ)器（RAM, Random Access Memoir)、磁碟或 者光盤等各種可W存儲(chǔ)程序代碼的介質(zhì)。
[0092] 或者，本發(fā)明實(shí)施例上述集成的單元如果W應(yīng)用功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立 的產(chǎn)品銷售或使用時(shí)，也可W存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中?；谶\(yùn)樣的理解，本發(fā) 明實(shí)施例的技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可應(yīng)用產(chǎn)品的形式體 現(xiàn)出來(lái)，該計(jì)算機(jī)應(yīng)用產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用W使得一臺(tái)計(jì)算機(jī)設(shè) 備（可W是個(gè)人計(jì)算機(jī)、服務(wù)器、或者網(wǎng)絡(luò)設(shè)備等）執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部 或部分。而前述的存儲(chǔ)介質(zhì)包括：移動(dòng)存儲(chǔ)設(shè)備、只讀存儲(chǔ)器（ROM, ReacK)nly Memo巧）、隨 機(jī)存取存儲(chǔ)器（RAM,Random Access Memcxry)、磁碟或者光盤等各種可W存儲(chǔ)程序代碼的介 質(zhì)。
[0093] 本發(fā)明的保護(hù)范圍并不局限于此，熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明掲露的技 術(shù)范圍內(nèi)，可輕易想到變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1. 一種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成方法，其特征在于，所述方法包括： 根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口；確定所述移動(dòng)應(yīng)用的頁(yè)面 的展示方案，制作展示效果圖； 基于超文本標(biāo)記語(yǔ)言HTML，將所述展示效果圖制作成靜態(tài)頁(yè)面，并制作所述移動(dòng)應(yīng)用 的動(dòng)態(tài)控制JS腳本； 基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的開發(fā)； 基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能的邏輯銜接而形 成開發(fā)文件； 將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述基于HTML，將所述展示效果圖制作成 靜態(tài)頁(yè)面，包括： 使用HTML及層疊樣式表CSS作為表現(xiàn)層展示語(yǔ)言，利用HTML的標(biāo)簽庫(kù)以及控件庫(kù)對(duì) 所述移動(dòng)應(yīng)用的頁(yè)面元素進(jìn)行構(gòu)建，再使用CSS對(duì)頁(yè)面元素進(jìn)行格式、顏色、位置的控制， 將所述展示效果圖制作成靜態(tài)頁(yè)面。3. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳 本，包括： 在JS的JqueryMobile內(nèi)置函數(shù)庫(kù)中調(diào)用所述移動(dòng)應(yīng)用的所需的動(dòng)態(tài)功能模塊，形成 所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本。4. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功 能的邏輯銜接而形成開發(fā)文件，包括： 利用JS的JqueryMobile的異步方式數(shù)據(jù)交互，采用請(qǐng)求/響應(yīng)的模式，將所述移動(dòng)應(yīng) 用的前端的數(shù)據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程服務(wù)進(jìn)行關(guān)聯(lián)，而形成開發(fā)文件。5. 根據(jù)權(quán)利要求1所述的方法，其特征在于，將所述開發(fā)文件上傳至編譯平臺(tái)之前，所 述方法還包括： 利用編譯引擎對(duì)所述開發(fā)文件的HTML代碼片段進(jìn)行編譯，并通過(guò)移動(dòng)終端操作系統(tǒng) 的應(yīng)用接口 API，將所述開發(fā)文件編譯成與原生控件，而形成能被移動(dòng)終端直接調(diào)用的移動(dòng) 應(yīng)用。6. -種基于超文本標(biāo)記語(yǔ)言的移動(dòng)應(yīng)用生成裝置，其特征在于，所述裝置包括：制定 單元、第一制作單元、第二制作單元、開發(fā)單元、銜接單元和發(fā)布單元，其中： 制定單元，用于根據(jù)待開發(fā)移動(dòng)應(yīng)用的頁(yè)面展示需求，制定數(shù)據(jù)交互接口； 第一制作單元，用于確定所述移動(dòng)應(yīng)用的頁(yè)面的展示方案，制作展示效果圖； 第二制作單元，用于基于超文本標(biāo)記語(yǔ)言HTML，將所述展示效果圖制作成靜態(tài)頁(yè)面，并 制作所述移動(dòng)應(yīng)用的動(dòng)態(tài)控制JS腳本； 開發(fā)單元，用于基于所述數(shù)據(jù)交互接口，進(jìn)行所述移動(dòng)應(yīng)用的前端及后臺(tái)相關(guān)功能的 開發(fā)； 銜接單元，用于基于所述移動(dòng)應(yīng)用的業(yè)務(wù)流程，將所述移動(dòng)應(yīng)用的前端及后臺(tái)的功能 的邏輯銜接而形成開發(fā)文件； 發(fā)布單元，用于將所述開發(fā)文件上傳至編譯平臺(tái)并發(fā)布。7. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述第二制作單元，還用于使用HTML及層 疊樣式表CSS作為表現(xiàn)層展示語(yǔ)言，利用HTML的標(biāo)簽庫(kù)以及控件庫(kù)對(duì)所述移動(dòng)應(yīng)用的頁(yè)面 元素進(jìn)行構(gòu)建，再使用CSS對(duì)頁(yè)面元素進(jìn)行格式、顏色、位置的控制，將所述展示效果圖制 作成靜態(tài)頁(yè)面。8. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述第二制作單元，還用于在JS的 JqueryMobi 1 e內(nèi)置函數(shù)庫(kù)中調(diào)用所述移動(dòng)應(yīng)用的所需的動(dòng)態(tài)功能模塊，形成所述移動(dòng)應(yīng)用 的動(dòng)態(tài)控制JS腳本。9. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述銜接單元，還用于利用JS的 JqueryMobile的異步方式數(shù)據(jù)交互，采用請(qǐng)求/響應(yīng)的模式，將所述移動(dòng)應(yīng)用的前端的數(shù) 據(jù)交互接口與所述移動(dòng)應(yīng)用的后臺(tái)遠(yuǎn)程服務(wù)進(jìn)行關(guān)聯(lián)，而形成開發(fā)文件。10. 根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述裝置還包括：編譯單元，用于在將所 述開發(fā)文件上傳至編譯平臺(tái)之前，還用于利用編譯引擎對(duì)所述開發(fā)文件的HTML代碼片段 進(jìn)行編譯，并通過(guò)移動(dòng)終端操作系統(tǒng)的應(yīng)用接口 API，將所述開發(fā)文件編譯成與原生控件， 而形成能被移動(dòng)終端直接調(diào)用的移動(dòng)應(yīng)用。
【文檔編號(hào)】G06F17/30GK105989068SQ201510069285
【公開日】2016年10月5日
【申請(qǐng)日】2015年2月10日
【發(fā)明人】季卿, 鄒朝暉, 余達(dá)波, 周澍, 劉竑宇
【申請(qǐng)人】中國(guó)移動(dòng)通信集團(tuán)貴州有限公司