生成應(yīng)用程序的方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉計(jì)算機(jī)應(yīng)用領(lǐng)域，特別涉及生成應(yīng)用程序的方法及系統(tǒng)。
【背景技術(shù)】
[0002]現(xiàn)在國(guó)內(nèi)的創(chuàng)業(yè)者越來越多，隨著移動(dòng)互聯(lián)網(wǎng)的普及，各種中小型企業(yè)不僅僅是要在PC端建立主頁網(wǎng)站，同樣在移動(dòng)端也需要建立移動(dòng)應(yīng)用程序來展示自己的企業(yè)及產(chǎn)品O
[0003]在移動(dòng)端軟件開發(fā)過程中，人機(jī)交互界面的設(shè)計(jì)部分所占的分量越來越多。對(duì)于小型企業(yè)級(jí)移動(dòng)端應(yīng)用程序，更注重交互界面的設(shè)計(jì)與展示。然而，目前，無論是PC端還是移動(dòng)端，都沒有快捷的開發(fā)以人機(jī)交互界面為主的應(yīng)用程序的方式。

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

[0004]本發(fā)明的目的在于提供一種生成應(yīng)用程序的方法及系統(tǒng)，用于解決現(xiàn)有技術(shù)中重復(fù)開發(fā)功能類似的應(yīng)用程序的成本問題。
[0005]為解決上述技術(shù)問題，本發(fā)明的實(shí)施方式提供了一種生成應(yīng)用程序的方法，包含:基于預(yù)設(shè)與人機(jī)交互相關(guān)的組件選項(xiàng)，確定用戶在預(yù)設(shè)界面中的人機(jī)交互部分所選擇的組件選項(xiàng)所對(duì)應(yīng)的組件；將所選擇的組件與所述預(yù)設(shè)界面中選擇的人機(jī)交互部分建立第一對(duì)應(yīng)關(guān)系，以及將所選擇的組件中的參數(shù)和對(duì)應(yīng)人機(jī)交互部分的人機(jī)交互信息建立第二對(duì)應(yīng)關(guān)系；基于所述第一對(duì)應(yīng)關(guān)系、所述第二對(duì)應(yīng)關(guān)系、以及所述預(yù)設(shè)界面和所選擇的組件，生成應(yīng)用程序。
[0006]基于上述目的，本發(fā)明還提供了一種生成應(yīng)用程序的系統(tǒng)，包含:確定單元，用于基于預(yù)設(shè)與人機(jī)交互相關(guān)的組件選項(xiàng)，確定用戶在預(yù)設(shè)界面中的人機(jī)交互部分所選擇的組件選項(xiàng)所對(duì)應(yīng)的組件；對(duì)應(yīng)關(guān)系建立單元，用于將所選擇的組件與所述預(yù)設(shè)界面中選擇的人機(jī)交互部分建立第一對(duì)應(yīng)關(guān)系，以及將所選擇的組件中的參數(shù)和對(duì)應(yīng)人機(jī)交互部分的人機(jī)交互信息建立第二對(duì)應(yīng)關(guān)系；生成單元，用于基于所述第一對(duì)應(yīng)關(guān)系、所述第二對(duì)應(yīng)關(guān)系、以及所述界面和所選擇的組件，生成應(yīng)用程序。
[0007]本發(fā)明實(shí)施方式相對(duì)于現(xiàn)有技術(shù)而言，能夠自動(dòng)將組件與界面中的人機(jī)交互部分，以及組件中的參數(shù)和人機(jī)交互部分中的人機(jī)交互信息建立對(duì)應(yīng)關(guān)系，能夠大大提高了研發(fā)人員面對(duì)不同界面風(fēng)格、類似業(yè)務(wù)需求時(shí)，重復(fù)編寫對(duì)應(yīng)不同界面的類似組件功能的應(yīng)用程序的工作效率；甚至不懂研發(fā)的人員只需拖拽組件選項(xiàng)，即可生成應(yīng)用程序，極大的降低了開發(fā)成本。
[0008]另外，為用戶提供界面模板，并可供用戶更改界面模板中的人機(jī)交互部分，能夠?yàn)橛脩籼峁╈`活的界面設(shè)計(jì)方式，為用戶提供最方便、最直觀的開發(fā)方式，進(jìn)一步提高了應(yīng)用程序的開發(fā)效率。
[0009]另外，以配置文件的方式來保存第二對(duì)應(yīng)關(guān)系，不但減少了組件與界面之間的耦合度，還便于應(yīng)用程序的升級(jí)和維護(hù)等。
【附圖說明】
[0010]圖1是本發(fā)明第一實(shí)施方式的流程圖；
[0011]圖2是本發(fā)明的第二實(shí)施方式的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0012]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明的各實(shí)施方式進(jìn)行詳細(xì)的闡述。然而，本領(lǐng)域的普通技術(shù)人員可以理解，在本發(fā)明各實(shí)施方式中，為了使讀者更好地理解本申請(qǐng)而提出了許多技術(shù)細(xì)節(jié)。但是，即使沒有這些技術(shù)細(xì)節(jié)和基于以下各實(shí)施方式的種種變化和修改，也可以實(shí)現(xiàn)本申請(qǐng)各權(quán)利要求所要求保護(hù)的技術(shù)方案。
[0013]如圖1所示，本發(fā)明的第一實(shí)施方式涉及一種生成應(yīng)用程序的方法。所述生成方法主要由生成系統(tǒng)來執(zhí)行。所述生成系統(tǒng)包括安裝在電子設(shè)備中的軟件和硬件。所述電子設(shè)備包括但不限于:個(gè)人電腦、服務(wù)器等。
[0014]所述生成系統(tǒng)中預(yù)設(shè)有與人機(jī)交互相關(guān)的組件選項(xiàng)及其組件。其中，每個(gè)所述組件選項(xiàng)對(duì)應(yīng)一個(gè)組件。所述組件是按照預(yù)設(shè)的界面展示內(nèi)容、界面展示效果、界面驗(yàn)證、或界面跳轉(zhuǎn)等而設(shè)置的。例如，所述生成系統(tǒng)中包含具有翻頁功能的組件、具有登錄驗(yàn)證功能的組件、具有授權(quán)認(rèn)證功能的組件、具有分享功能的組件、具有統(tǒng)計(jì)功能的組件等。所述組件選項(xiàng)可以是用于顯示給用戶的、標(biāo)有所對(duì)應(yīng)組件功能描述的組件按鈕或組件框圖等。
[0015]在步驟SI中，所述生成系統(tǒng)基于預(yù)設(shè)與人機(jī)交互相關(guān)的組件選項(xiàng)，確定用戶在預(yù)設(shè)界面中的人機(jī)交互部分所選擇的組件選項(xiàng)所對(duì)應(yīng)的組件。其中，所述人機(jī)交互部分是指界面中用于動(dòng)態(tài)展示內(nèi)容，或基于用戶的操作而跳轉(zhuǎn)、或驗(yàn)證等的部分。所述人機(jī)交互部分中包含人機(jī)交互信息。
[0016]具體地，所述生成系統(tǒng)將所預(yù)設(shè)的各組件選項(xiàng)顯示在開發(fā)界面中。當(dāng)用戶選擇一個(gè)組件選項(xiàng)，并將其拖拽至所述開發(fā)界面中的預(yù)設(shè)界面中時(shí)，所述生成系統(tǒng)確定拖拽操作的目標(biāo)位置區(qū)域?yàn)槿藱C(jī)交互部分，并基于所選擇的組件選項(xiàng)，確定該人機(jī)交互部分所對(duì)應(yīng)的組件。其中，所述預(yù)設(shè)界面可以是一空白界面，所述生成系統(tǒng)根據(jù)用戶所選擇的組件為用戶設(shè)置相應(yīng)的人機(jī)交互部分。
[0017]例如，所述生成系統(tǒng)中預(yù)設(shè)分享組件選項(xiàng)及其分享組件。用戶根據(jù)設(shè)計(jì)需要，將所述預(yù)設(shè)界面設(shè)計(jì)為一商品介紹頁面，并將分享組件選項(xiàng)拖至所述預(yù)設(shè)界面的底部，則所述生成系統(tǒng)將所述預(yù)設(shè)界面的底部設(shè)置為對(duì)應(yīng)分享組件的人機(jī)交互部分。
[0018]又如，用戶選擇翻頁組件選項(xiàng)，并拖拽至預(yù)設(shè)界面中的頂部，則所述生成系統(tǒng)將預(yù)設(shè)界面中的頂部位置區(qū)域設(shè)置為一人機(jī)交互部分。用戶可以在該人機(jī)交互部分上傳多幅圖片。每幅圖片為一頁。
[0019]其中，所述生成系統(tǒng)展示給用戶的各界面，可以是本地界面，也可以是遠(yuǎn)程界面。
[0020]在步驟S2中，所述生成系統(tǒng)將所選擇的組件與在所述預(yù)設(shè)界面中選擇的人機(jī)交互部分建立第一對(duì)應(yīng)關(guān)系，以及將所選擇的組件中的參數(shù)和對(duì)應(yīng)人機(jī)交互部分中的人機(jī)交互信息建立第二對(duì)應(yīng)關(guān)系。
[0021]其中，所述人機(jī)交互信息用于為組件中的參數(shù)提供其在預(yù)設(shè)界面中的屬性名稱等。所述人機(jī)交互信息包括但不限于:鏈接、標(biāo)簽名稱等。
[0022]仍以分享組件的示例為例，所述生成系統(tǒng)建立分享組件與分享人機(jī)交互部分的第一對(duì)應(yīng)關(guān)系。用戶可以根據(jù)設(shè)計(jì)需要，在所述分享人機(jī)交互部分中添加與所述分享組件中的參數(shù)相對(duì)應(yīng)的分享圖標(biāo)。比如，所述分享組件中包含分享鏈接參數(shù)，對(duì)應(yīng)的所述人機(jī)交互信息包括:分享圖標(biāo)所對(duì)應(yīng)的鏈接地址。所述生成系統(tǒng)建立分享鏈接參數(shù)與鏈接地址之間的第二對(duì)應(yīng)關(guān)系。
[0023]再以翻頁組件為例，當(dāng)用戶上傳多幅圖片后，所述生成系統(tǒng)將圖片展示的部分作為人機(jī)交互部分與翻頁組件建立第一對(duì)應(yīng)關(guān)系。接著，所述生成系統(tǒng)將所選擇的翻頁組件中的翻頁順序參數(shù)、鏈接跳轉(zhuǎn)參數(shù)等顯示在編輯界面中。當(dāng)用戶上傳所述預(yù)設(shè)界面頂部的多幅圖片，并在所述編輯界面中的翻頁順序參數(shù)旁標(biāo)記每個(gè)翻頁順序參數(shù)所對(duì)應(yīng)的圖片名稱，在每個(gè)鏈接跳轉(zhuǎn)參數(shù)旁標(biāo)記每個(gè)圖片名稱所指向的鏈接信息。所述生成系統(tǒng)將所述翻頁組件中的翻頁順序參數(shù)及所對(duì)應(yīng)的圖片名稱，以及各圖片名稱及所對(duì)應(yīng)的鏈接建立為第二對(duì)應(yīng)關(guān)系。當(dāng)用戶設(shè)置完成所述界面中的所有人機(jī)交互部分與組件后，點(diǎn)擊保存按鈕，所述生成系統(tǒng)執(zhí)行步驟S3。
[0024]優(yōu)選地，所述生成系統(tǒng)中還包括多個(gè)界面模板，所述界面模板中預(yù)設(shè)有對(duì)應(yīng)人機(jī)交互部分的組件，以及人機(jī)交互部分中人機(jī)交互信息和相應(yīng)組件參數(shù)之間的第二對(duì)應(yīng)關(guān)系。為此，所述生成系統(tǒng)基于所獲取的用戶在所述預(yù)設(shè)界面中的組件操作，更改相應(yīng)組件的參數(shù)所對(duì)應(yīng)的人機(jī)交互信息。
[0025]例如，用戶選擇一首頁界面模板，并根據(jù)所要研發(fā)的應(yīng)用程序的需要，在所選擇的首頁界面模板中的注冊(cè)人機(jī)交互部分增加推薦人信息，則所述生成系統(tǒng)根據(jù)所述用戶的增加操作，提示用戶更換包含驗(yàn)證推薦人信息的注冊(cè)組件，并基于用戶更換后的注冊(cè)組件和相應(yīng)的注冊(cè)人機(jī)交互部分建立第一對(duì)應(yīng)關(guān)系。所述生成系統(tǒng)還將用戶在所述注冊(cè)人機(jī)交互部分中的注冊(cè)名、密碼、推薦人信息等人機(jī)交互信息填入包含注冊(cè)組件的參數(shù)的編輯界面中相應(yīng)參數(shù)旁邊。則所述生成系統(tǒng)建立注冊(cè)組件中的各參數(shù)與注冊(cè)名、密碼、推薦人信息等人機(jī)交互信息的第二對(duì)應(yīng)關(guān)系。
[0026]優(yōu)選地，對(duì)應(yīng)使用界面模板的開發(fā)方式，所述步驟S2還包括:步驟S21