一種創(chuàng)建應(yīng)用的方法及裝置制造方法
【專利摘要】本發(fā)明實(shí)施例提供一種創(chuàng)建應(yīng)用的方法及裝置。該方法包括：接收用戶配置的組件屬性的屬性值，根據(jù)組件屬性的屬性值生成組件模型，并根據(jù)組件模型渲染組件界面中的預(yù)定義圖元，以獲取與所述組件屬性的屬性值相應(yīng)的組件界面圖元；將組件模型映射為功能組件模型，并將其圖形化顯示為功能組件圖元，根據(jù)用戶對所述功能組件圖元的操作，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所述待創(chuàng)建的應(yīng)用中不同的功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型；根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí)行代碼。本發(fā)明提供的創(chuàng)建應(yīng)用的方法及裝置，實(shí)現(xiàn)了全圖形化零代碼創(chuàng)建應(yīng)用和開發(fā)程序功能。
【專利說明】一種創(chuàng)建應(yīng)用的方法及裝置

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及應(yīng)用開發(fā)技術(shù)，尤其涉及一種創(chuàng)建應(yīng)用的方法及裝置，屬于計(jì)算機(jī)技 術(shù)領(lǐng)域。

【背景技術(shù)】
[0002] 隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，移動應(yīng)用軟件的開發(fā)面向廣大的普通受眾是未來的 一大必然趨勢，以使普通人員能夠方便、快速地實(shí)現(xiàn)移動應(yīng)用軟件的開發(fā)。
[0003] 但是目前的應(yīng)用開發(fā)技術(shù)中，雖然能夠通過可視化界面技術(shù)，使得開發(fā)人員通過 拖、拽組件的方式完成界面設(shè)計(jì)，但是在基于界面中的組件模型開發(fā)程序功能時，仍然需要 開發(fā)人員以語言文字描述的形式進(jìn)行配置，即進(jìn)行代碼開發(fā)。這就需要應(yīng)用開發(fā)者精通編 程語言，而且開發(fā)效率低。
[0004] 因此，現(xiàn)有技術(shù)已經(jīng)不能滿足需求，基于可視化用戶交互界面（UI)組件模型如何 進(jìn)一步全圖形化開發(fā)程序功能，以使得普通人員也能簡單、快速開發(fā)程序功能，已經(jīng)成為圖 形化開發(fā)領(lǐng)域研究的熱點(diǎn)和難點(diǎn)。


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

[0005] 針對現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明實(shí)施例提供一種創(chuàng)建應(yīng)用的方法及裝置，以 實(shí)現(xiàn)圖形化創(chuàng)建應(yīng)用。
[0006] 第一方面，提供一種創(chuàng)建應(yīng)用的方法，該方法應(yīng)用在帶有顯示設(shè)備的終端上，包 括：
[0007] 接收用戶配置的組件屬性的屬性值，根據(jù)所述組件屬性的屬性值，生成組件模型， 并根據(jù)所述組件模型渲染組件界面中所述組件模型的預(yù)定義圖元，以獲取與所述組件屬性 的屬性值相應(yīng)的組件界面圖元；
[0008] 將所述組件模型映射為功能組件模型，并根據(jù)所述組件界面圖元將所述功能組件 模型圖形化顯示為功能組件圖元，根據(jù)用戶對所述功能組件圖元的操作，圖形化建立待創(chuàng) 建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所述待創(chuàng)建的應(yīng)用中不同的 所述功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型；
[0009] 根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成所述待創(chuàng)建的應(yīng)用的可執(zhí)行代碼。
[0010] 在第一方面的第一種可能的實(shí)現(xiàn)方式中，所述根據(jù)所述組件模型渲染組件界面中 所述組件模型的預(yù)定義圖元，以獲取與所述組件屬性的屬性值相應(yīng)的組件界面圖元，具體 包括：
[0011] 根據(jù)所述組件屬性中的組件界面展現(xiàn)格式的屬性值及組件界面展現(xiàn)數(shù)據(jù)的屬性 值，生成組件模型代碼；
[0012] 根據(jù)所述組件模型代碼，生成所述組件界面圖元。
[0013] 在第一方面的第二種可能的實(shí)現(xiàn)方式中，所述將組件模型映射為功能組件模型， 并根據(jù)所述組件界面圖元將所述功能組件模型圖形化顯示為功能組件圖元，具體包括：
[0014] 將所述組件模型的組件屬性，映射為所述功能組件模型的功能組件屬性；
[0015] 將所述組件模型的組件關(guān)鍵標(biāo)識，映射為所述功能組件模型的功能組件關(guān)鍵標(biāo) 識；
[0016] 根據(jù)所述組件模型的組件關(guān)鍵標(biāo)識，獲取所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件 展現(xiàn)代碼；或者，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的組件展現(xiàn)格式的屬性值和組件 界面展現(xiàn)數(shù)據(jù)的屬性值，生成所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn)代碼；
[0017] 根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置 坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染所述功能組件圖元。
[0018] 結(jié)合第一方面的第二種可能的實(shí)現(xiàn)方式，在第一方面的第三種可能的實(shí)現(xiàn)方式 中，所述根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置 坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染功能組件圖元，具體包括：
[0019] 調(diào)用所述終端中預(yù)置的繪圖工具的圖形操作接口，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的 位置坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染功能組件 界面圖元；
[0020] 根據(jù)所述組件模型的組件屬性，自動聯(lián)想映射所述功能組件屬性圖元。
[0021] 在第一方面的第四種可能的實(shí)現(xiàn)方式中，所述將所述功能組件模型圖形化顯示為 功能組件圖元，具體包括：
[0022] 利用所述終端中預(yù)置的繪圖工具的三維展現(xiàn)空間能力，自動建模所述功能組件圖 元的三維模型，并根據(jù)用戶配置的組件顯示層次進(jìn)行分層顯示。
[0023] 結(jié)合第一方面的第四種可能的實(shí)現(xiàn)方式，在第一方面的第五種可能的實(shí)現(xiàn)方式 中，所述根據(jù)用戶配置的組件顯示層次進(jìn)行分層顯示，具體包括：
[0024] 檢索所有組件類型為應(yīng)用程序交互接口 API的功能組件圖元；將API類型的功能 組件界面圖元的顯示層次設(shè)置為最底層值，以在最底層顯示所述API類型的功能組件界面 圖元；將API類型的功能組件界面圖元對應(yīng)的輸入輸出屬性圖元的顯示層次，設(shè)置為所述 API類型的功能組件界面圖元的顯示層次加1，以在所述API類型的功能組件界面圖元的上 方疊加顯示附屬的輸入輸出屬性圖元；
[0025] 檢索所有組件類型為可視化用戶交互界面Π 類型的功能組件圖元；根據(jù)所述Π 類型的功能組件圖元的顯示層次，顯示所述Π 類型的功能組件圖元。
[0026] 在第一方面的第六種可能的實(shí)現(xiàn)方式中，所述根據(jù)用戶對所述功能組件圖元的操 作，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，具體包括：
[0027] 接收用戶為所述功能組件圖元進(jìn)行顏色標(biāo)注的標(biāo)注顏色消息，所述標(biāo)注顏色消息 包括標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識；
[0028] 根據(jù)所述標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識，生 成圖元標(biāo)注序列；
[0029] 根據(jù)所述圖元標(biāo)注序列，確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間 的關(guān)聯(lián)關(guān)系。
[0030] 結(jié)合第一方面的第六種可能的實(shí)現(xiàn)方式，在第一方面的第七種可能的實(shí)現(xiàn)方式 中，所述根據(jù)所述圖元標(biāo)注序列，確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間 的關(guān)聯(lián)關(guān)系，具體包括：
[0031] 將所述功能組件圖元的前景色，修改為所述標(biāo)注顏色；
[0032] 根據(jù)所述功能組件圖元的前景色，以及所述功能組件圖元對應(yīng)的標(biāo)注時間戳，自 動生成用于指示應(yīng)用功能邏輯的標(biāo)注順序碼。
[0033] 結(jié)合第一方面或第一方面的第一至第七中任一種可能的實(shí)現(xiàn)方式，在第一方面的 第八種可能的實(shí)現(xiàn)方式中，所述根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的 關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型，具體包括：
[0034] 根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，生成功能組 件圖兀關(guān)聯(lián)序列；
[0035] 根據(jù)所述圖元關(guān)聯(lián)序列、所述組件模型以及所述組件模型與功能組件圖元的映射 關(guān)系，生成所述業(yè)務(wù)功能模型。
[0036] 結(jié)合第一方面或第一方面的第一至第七中任一種可能的實(shí)現(xiàn)方式，在第一方面的 第九種可能的實(shí)現(xiàn)方式中，所述根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí) 行代碼，具體包括：
[0037] 從所述業(yè)務(wù)功能模型中，讀取可視化用戶交互界面Π 類型的功能組件圖元的屬 性；從所述組件界面中對應(yīng)的Π 組件的組件模型中，獲取與所述Π 類型的功能組件圖元對 應(yīng)的已配置生成代碼模板；根據(jù)所述UI類型的功能組件圖元的屬性，與所述對應(yīng)的已配置 生成代碼模板，生成即時渲染組件代碼；
[0038] 從所述業(yè)務(wù)功能模型中，讀取應(yīng)用程序交互接口 API類型的功能組件圖元的屬 性；從所述組件界面中對應(yīng)的API組件的組件模型中，獲取與所述API類型的功能組件圖元 對應(yīng)的已配置生成代碼模板，并根據(jù)API組件聲明的引用庫生成引用類庫代碼；根據(jù)所述 API類型的功能組件圖元的屬性、所述對應(yīng)的已配置生成代碼模板以及所述引用類庫代碼， 生成API功能代碼；
[0039] 根據(jù)所述功能組件圖元的屬性和所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元 之間的關(guān)聯(lián)關(guān)系，生成用于控制所述Π 組件和所述API組件交互的腳本代碼；
[0040] 根據(jù)所述即時渲染組件代碼、所述API功能代碼以及所述腳本代碼，生成所述應(yīng) 用的可執(zhí)行代碼。
[0041] 第二方面，提供一種創(chuàng)建應(yīng)用的裝置，設(shè)置在帶有顯示設(shè)備的終端上，包括組件模 型、組件設(shè)計(jì)模塊、功能設(shè)計(jì)模塊以及代碼生成模塊，其中：
[0042] 所述組件設(shè)計(jì)模塊，用于接收用戶配置的組件屬性的屬性值，根據(jù)所述組件屬性 的屬性值，生成組件模型，并根據(jù)所述組件模型渲染組件界面中所述組件模型的預(yù)定義圖 元，以獲取與所述組件屬性的屬性值相應(yīng)的組件界面圖元；
[0043] 所述功能設(shè)計(jì)模塊，用于將所述組件模型映射為功能組件模型，并根據(jù)所述組件 界面圖元將所述功能組件模型圖形化顯示為功能組件圖元，根據(jù)用戶對所述功能組件圖元 的操作，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所 述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型；
[0044] 所述代碼生成模塊，用于根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成所述待創(chuàng) 建的應(yīng)用的可執(zhí)行代碼。
[0045] 在第二方面的第一種可能的實(shí)現(xiàn)方式中，所述組件設(shè)計(jì)模塊具體用于：
[0046] 根據(jù)所述組件屬性中的組件界面展現(xiàn)格式的屬性值及組件界面展現(xiàn)數(shù)據(jù)的屬性 值，生成組件模型代碼；
[0047] 根據(jù)所述組件模型代碼，生成所述組件界面圖元。
[0048] 在第二方面的第二種可能的實(shí)現(xiàn)方式中，所述功能設(shè)計(jì)模塊具體用于：
[0049] 將所述組件模型的組件屬性，映射為所述功能組件模型的功能組件屬性；
[0050] 將所述組件模型的組件關(guān)鍵標(biāo)識，映射為所述功能組件模型的功能組件關(guān)鍵標(biāo) 識；
[0051] 根據(jù)所述組件模型的組件關(guān)鍵標(biāo)識，獲取所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件 展現(xiàn)代碼；或者，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的組件展現(xiàn)格式的屬性值和組件 界面展現(xiàn)數(shù)據(jù)的屬性值，生成所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn)代碼；
[0052] 根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置 坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染所述功能組件圖元。
[0053] 結(jié)合第二方面的第二種可能的實(shí)現(xiàn)方式，在第二方面的第三種可能的實(shí)現(xiàn)方式 中，所述功能設(shè)計(jì)模塊進(jìn)一步用于：
[0054] 調(diào)用所述終端中預(yù)置的繪圖工具的圖形操作接口，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的 位置坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染功能組件 界面圖元；
[0055] 根據(jù)所述組件模型的組件屬性，自動聯(lián)想映射所述功能組件屬性圖元。
[0056] 在第二方面的第四種可能的實(shí)現(xiàn)方式中，所述功能設(shè)計(jì)模塊進(jìn)一步用于：
[0057] 利用所述終端中預(yù)置的繪圖工具的三維展現(xiàn)空間能力，自動建模所述功能組件圖 元的三維模型，并根據(jù)用戶配置的組件顯示層次進(jìn)行分層顯示。
[0058] 結(jié)合第二方面的第四種可能的實(shí)現(xiàn)方式，在第二方面的第五種可能的實(shí)現(xiàn)方式 中，所述功能設(shè)計(jì)模塊具體用于：
[0059] 檢索所有組件類型為應(yīng)用程序交互接口 API的功能組件圖元；將API類型的功能 組件界面圖元的顯示層次設(shè)置為最底層值，以在最底層顯示所述API類型的功能組件界面 圖元；將API類型的功能組件界面圖元對應(yīng)的輸入輸出屬性圖元的顯示層次，設(shè)置為所述 API類型的功能組件界面圖元的顯示層次加1，以在所述API類型的功能組件界面圖元的上 方疊加顯示附屬的輸入輸出屬性圖元；
[0060] 檢索所有組件類型為可視化用戶交互界面Π 的功能組件圖元；根據(jù)所述Π 類型 的功能組件圖元的顯示層次，顯示所述Π 類型的功能組件圖元。
[0061] 在第二方面的第六種可能的實(shí)現(xiàn)方式中，所述功能設(shè)計(jì)模塊進(jìn)一步用于：
[0062] 接收用戶為所述功能組件圖元進(jìn)行顏色標(biāo)注的標(biāo)注顏色消息，所述標(biāo)注顏色消息 包括標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識；
[0063] 根據(jù)所述標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識，生 成圖元標(biāo)注序列；
[0064] 根據(jù)所述圖元標(biāo)注序列，確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間 的關(guān)聯(lián)關(guān)系。
[0065] 結(jié)合第二方面的第六種可能的實(shí)現(xiàn)方式，在第二方面的第七種可能的實(shí)現(xiàn)方式 中，所述功能設(shè)計(jì)模塊進(jìn)一步用于：
[0066] 將所述功能組件圖元的前景色，修改為所述標(biāo)注顏色；
[0067] 根據(jù)所述功能組件圖元的前景色，以及所述功能組件圖元對應(yīng)的標(biāo)注時間戳，自 動生成用于指示應(yīng)用功能邏輯的標(biāo)注順序碼。
[0068] 結(jié)合第二方面或第二方面的第一至第七中任一種可能的實(shí)現(xiàn)方式，在第二方面的 第八種可能的實(shí)現(xiàn)方式中，所述功能設(shè)計(jì)模塊進(jìn)一步用于：
[0069] 根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，生成功能組 件圖兀關(guān)聯(lián)序列；
[0070] 根據(jù)所述圖元關(guān)聯(lián)序列、所述組件模型以及所述組件模型與功能組件圖元的映射 關(guān)系，生成所述業(yè)務(wù)功能模型。
[0071] 結(jié)合第二方面或第二方面的第一至第七中任一種可能的實(shí)現(xiàn)方式，在第二方面的 第九種可能的實(shí)現(xiàn)方式中，所述代碼生成模塊，具體用于：
[0072] 從所述業(yè)務(wù)功能模型中，讀取可視化用戶交互界面Π 類型的功能組件圖元的屬 性；從所述組件界面中對應(yīng)的Π 組件的組件模型中，獲取與所述Π 類型的功能組件圖元對 應(yīng)的已配置生成代碼模板；根據(jù)所述Π 類型的功能組件圖元的屬性，與所述對應(yīng)的已配置 生成代碼模板，生成即時渲染組件代碼；
[0073] 從所述業(yè)務(wù)功能模型中，讀取應(yīng)用程序交互接口 API類型的功能組件圖元的屬 性；從所述組件界面中對應(yīng)的API組件的組件模型中，獲取與所述API類型的功能組件圖元 對應(yīng)的已配置生成代碼模板，并根據(jù)API組件聲明的引用庫生成引用類庫代碼；根據(jù)所述 API類型的功能組件圖元的屬性、所述對應(yīng)的已配置生成代碼模板以及所述引用類庫代碼， 生成API功能代碼；
[0074] 根據(jù)所述功能組件圖元的屬性和所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元 之間的關(guān)聯(lián)關(guān)系，生成用于控制所述Π 組件和所述API組件交互的腳本代碼；
[0075] 根據(jù)所述即時渲染組件代碼、所述API功能代碼，以及所述腳本代碼，生成所述應(yīng) 用的可執(zhí)行代碼。
[0076] 根據(jù)本發(fā)明實(shí)施例提供的創(chuàng)建應(yīng)用的方法及裝置，利用用戶通過圖形化組件界面 配置的組件模型創(chuàng)建圖形化的功能組件圖元，并根據(jù)用戶對圖形化的功能組件圖元的操 作，確定實(shí)現(xiàn)應(yīng)用時，各功能組件圖元之間的關(guān)聯(lián)關(guān)系；還結(jié)合功能組件圖元和關(guān)聯(lián)關(guān)系生 成用于表征程序功能的業(yè)務(wù)功能模型，并根據(jù)組件模型和業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí) 行代碼。因此，將組件設(shè)計(jì)與業(yè)務(wù)功能設(shè)計(jì)有機(jī)結(jié)合，實(shí)現(xiàn)了在完整的應(yīng)用創(chuàng)建過程中，用 戶基于可視化界面零代碼開發(fā)，并且簡化了應(yīng)用的創(chuàng)建過程，應(yīng)用的開發(fā)創(chuàng)建效率高。

【專利附圖】

【附圖說明】
[0077] 為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn) 有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本 發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可 以根據(jù)這些附圖獲得其他的附圖。
[0078] 圖1為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法的流程示意圖；
[0079] 圖2為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中更新組件模型的一個示例的流程示意 圖；
[0080] 圖3為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中生成功能組件模型的一個示例的流程 示意圖；
[0081] 圖4為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中展現(xiàn)功能組件屬性圖元的一個示例的 流程示意圖；
[0082] 圖5為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中圖形化建立所述待創(chuàng)建的應(yīng)用中不同 的功能組件圖元之間的關(guān)聯(lián)關(guān)系的一個示例的流程示意圖；
[0083] 圖6為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的裝置的結(jié)構(gòu)示意圖；
[0084] 圖7為應(yīng)用本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的裝置創(chuàng)建應(yīng)用的示例一的流程示意圖；
[0085] 圖8為應(yīng)用本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的裝置更新組件模型的一個示例的流程示 意圖；
[0086] 圖9為應(yīng)用本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的裝置創(chuàng)建應(yīng)用的示例二的流程示意圖； [0087] 圖10為本發(fā)明另一實(shí)施例的創(chuàng)建應(yīng)用的裝置的結(jié)構(gòu)示意圖；
[0088] 圖11為本發(fā)明另一實(shí)施例的創(chuàng)建應(yīng)用的裝置的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0089] 本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法應(yīng)用在帶有顯示設(shè)備的終端上，例如由一個創(chuàng)建 應(yīng)用的裝置來執(zhí)行，該創(chuàng)建應(yīng)用的裝置具有可視化界面，即顯示設(shè)備，用戶通過對該可視化 界面進(jìn)行操作，即可創(chuàng)建應(yīng)用。下面，從創(chuàng)建應(yīng)用的裝置的角度，對本發(fā)明實(shí)施例的創(chuàng)建應(yīng) 用的方法進(jìn)行說明。
[0090] 圖1為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法的流程示意圖。如圖1所示，該創(chuàng)建應(yīng)用 的方法包括：
[0091] 步驟101，接收用戶配置的組件屬性的屬性值，根據(jù)所述組件屬性的屬性值，生成 組件模型，并根據(jù)所述組件模型渲染組件界面中所述組件模型的預(yù)定義圖元，以獲取與所 述組件屬性的屬性值相應(yīng)的組件界面圖元；
[0092] 具體地，創(chuàng)建應(yīng)用的裝置以圖形化的方式，向用戶提供組件待設(shè)計(jì)的組件屬性，并 將用戶的實(shí)時設(shè)計(jì)信息更新到預(yù)先定義的組件模型，生成組件模型，再根據(jù)所述組件模型 的屬性渲染組件界面中組件模型對應(yīng)的預(yù)定義圖元，以獲取相應(yīng)的組件界面圖元。其中，渲 染的含義是指根據(jù)組件模型的屬性生成圖形化圖元。
[0093] 其中，組件模型提供的功能實(shí)體例如包括：
[0094] 可視化用戶交互界面（User Interface, UI)組件：定義界面表單元素實(shí)體；
[0095] 應(yīng)用程序交互接口（Application Program Interface, API)組件：業(yè)務(wù)平臺提供 或從第三方引入的數(shù)據(jù)處理能力組件；和
[0096] 模型操作接口：根據(jù)組件信息讀取或更新組件模型的接口；
[0097] 用戶可設(shè)計(jì)的組件的屬性例如包括組件可以觸發(fā)事件、組件對外交互接口及參 數(shù)、以及組件展現(xiàn)信息三類屬性。
[0098] 其中，組件觸發(fā)事件例如包括單擊（click)、雙擊（doubleclick)、輕觸（tap)、滑 動（swipe)等；
[0099] 組件支持的交互功能及參數(shù)例如為setData (data)、getData ()、hide ()、 getLocationO等；對外交互功能屬性數(shù)據(jù)格式例如為：
[0100] {name： ""， alias: ""， icon: ""，//用于顯示API組件對應(yīng)的圖標(biāo) input:{parameter： {name:"",alias: ""，defauit:""，nullab.ie: 輸入 output： {name:""，alias: ''"}//輸出 }
[0101] 組件展現(xiàn)信息例如包括布局（layout)、和/或類型（style)、和/或格式 (format)、和/或數(shù)據(jù)（data)、和/或可視（visible)、和/或索引（index)、和/或?qū)挾?(width)、和 / 或高度（height)等。
[0102] 更為具體地，用戶可設(shè)計(jì)的組件的屬性例如包括組件界面展現(xiàn)格式、組件界面展 現(xiàn)數(shù)據(jù)、組件顯示層次、組件的位置坐標(biāo)、組件觸發(fā)事件名稱、組件對外交互接口名稱及接 口相關(guān)參數(shù)的名稱，以及組件類型等。創(chuàng)建應(yīng)用的裝置獲取用戶輸入的組件屬性的屬性值， 并將所獲取的組件屬性的屬性值，更新到預(yù)定義的組件模型。預(yù)定義的組件模型中預(yù)定義 有各組件屬性的初始化屬性值，該初始化屬性值可以為空。例如，組件模型預(yù)先定義如下：
[0103] {ro: ""，//組件關(guān)鍵標(biāo)識 Name: ""，//組件名稱 Type: "UI/ΑΡΓ，//組件類型，UI 或 API Icon: ""，//圖標(biāo)格式 Width: ""，//組件的位置坐標(biāo)（橫向） Height: 組件的位置坐標(biāo)（縱向） Zindex: ""，//組件顯示層次 Functions: (ftmctioiK"對外交互功能屬性數(shù)據(jù)格式"丨，//組件支持的交互 功能及參數(shù) Events: {{name:""，alias:""}，{...}}//組件觸發(fā)事件 }
[0104] 步驟102,將組件模型映射為功能組件模型，并根據(jù)所述組件界面圖元將所述功能 組件模型圖形化顯示為功能組件圖元，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖 元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系 生成業(yè)務(wù)功能模型；
[0105] 其中，所述功能組件圖元包括功能組件界面圖元和附屬于所述功能組件界面圖元 的功能組件屬性圖元。
[0106] 具體地，創(chuàng)建應(yīng)用的裝置還以圖形化方式供用戶開發(fā)業(yè)務(wù)功能，設(shè)計(jì)開發(fā)組件關(guān) 聯(lián)關(guān)系，生成業(yè)務(wù)功能模型。其中，創(chuàng)建應(yīng)用的裝置將步驟101獲得的組件模型，映射為功 能組件模型，并將功能組件模型圖形化顯示為功能組件圖元。所顯示的功能組件圖元包括 功能組件界面圖元和功能組件屬性圖元，其中，功能組件界面圖元用于標(biāo)識功能組件模型， 其可以與組件界面中，對應(yīng)的組件模型的顯示方式相同，功能組件屬性圖元是根據(jù)功能組 件模型對應(yīng)的事件和功能屬性生成的，并附屬展現(xiàn)在功能組件界面圖元周圍或重疊在功能 組件界面圖元之上。
[0107] 用戶通過創(chuàng)建應(yīng)用的裝置的人機(jī)交互界面，根據(jù)待創(chuàng)建的應(yīng)用的實(shí)現(xiàn)流程，對功 能組件圖元進(jìn)行操作，例如對功能組件圖元進(jìn)行標(biāo)注，或?qū)δ芙M件圖元進(jìn)行拖動操作等。 創(chuàng)建應(yīng)用的裝置獲取用戶對圖形化功能組件圖元的操作，根據(jù)用戶的操作，確定在待創(chuàng)建 的應(yīng)用中，實(shí)現(xiàn)不同功能的各功能組件圖元之間的關(guān)聯(lián)關(guān)系，例如為執(zhí)行的先后次序。創(chuàng)建 應(yīng)用的裝置再根據(jù)各功能組件圖元，以及所確定的各功能組件圖元之間的關(guān)聯(lián)關(guān)系，即可 生成業(yè)務(wù)功能模型。
[0108] 步驟103,根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí)行代碼。
[0109] 具體地，創(chuàng)建應(yīng)用的裝置在執(zhí)行上述步驟101和步驟102后，根據(jù)組件模型和業(yè)務(wù) 功能模型，生成代碼形式的可執(zhí)行應(yīng)用，通過加載并運(yùn)行可執(zhí)行應(yīng)用，即可提供相應(yīng)的應(yīng)用 服務(wù)。
[0110] 根據(jù)本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法，利用用戶通過圖形化組件界面配置的組件 模型創(chuàng)建圖形化的功能組件圖元，并根據(jù)用戶對圖形化的功能組件圖元的操作，確定實(shí)現(xiàn) 應(yīng)用時，各功能組件圖元之間的關(guān)聯(lián)關(guān)系；還結(jié)合功能組件圖元和關(guān)聯(lián)關(guān)系生成用于表征 程序功能的業(yè)務(wù)功能模型，并根據(jù)組件模型和業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí)行代碼。因 此，將組件設(shè)計(jì)與業(yè)務(wù)功能設(shè)計(jì)有機(jī)結(jié)合，實(shí)現(xiàn)了在完整的應(yīng)用創(chuàng)建過程中，用戶基于可視 化界面零代碼開發(fā)，并且簡化了應(yīng)用的創(chuàng)建過程，應(yīng)用的創(chuàng)建開發(fā)效率高。
[0111] 進(jìn)一步地，在本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中，接收用戶配置的組件屬性的屬 性值，根據(jù)所述組件屬性的屬性值，生成組件模型的過程，例如為：創(chuàng)建應(yīng)用的裝置按照圖 2所示流程檢測組件屬性的改變，記錄改變后的屬性值，并更新組件模型中的對應(yīng)的屬性值 為改變后的值。其中，圖2為本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中更新組件模型的一個示例 的流程示意圖。如圖2所示，包括以下步驟：
[0112] 步驟201，根據(jù)用戶選擇設(shè)計(jì)的組件的類型和名稱，獲取相應(yīng)的組件模型的組件元 數(shù)據(jù)；
[0113] 步驟202,根據(jù)所獲取的組件元數(shù)據(jù)，圖形化分屬性展現(xiàn)屬性項(xiàng)，展現(xiàn)形式例如為 (屬性名稱、屬性值)，并設(shè)置屬性值可編輯；
[0114] 步驟203,獲取變更的屬性值；
[0115] 步驟204,將組件模型中對應(yīng)的屬性更新為變更的屬性值。
[0116] 進(jìn)一步地，在本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中，所述根據(jù)組件模型渲染組件界 面中所述組件模型的預(yù)定義圖元，以獲取相應(yīng)的組件界面圖元，包括 ：
[0117] 根據(jù)組件界面展現(xiàn)格式的屬性值及組件界面展現(xiàn)數(shù)據(jù)的屬性值，生成組件模型代 碼；
[0118] 根據(jù)組件模型代碼，生成所述組件界面圖元。
[0119] 進(jìn)一步地，在本發(fā)明實(shí)施例的創(chuàng)建應(yīng)用的方法中，所述將組件模型映射為功能組 件模型，并根據(jù)所述組件界面圖元將所述功能組件模型圖形化顯示為功能組件圖元，包 括：
[0120] 將所述組件模型的組件屬性，映射為所述功能組件模型的功能組件屬性；
[0121] 將所述組件模型的組件關(guān)鍵標(biāo)識，映射為所述功能組件模型的功能組件關(guān)鍵標(biāo) 識；
[0122] 根據(jù)所述組件模型的組件關(guān)鍵標(biāo)識，獲取所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件 展現(xiàn)代碼；或者，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的組件展現(xiàn)格式的屬性值和組件 界面展現(xiàn)數(shù)據(jù)的屬性值，生成所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn)代碼；
[0123] 根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置 坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼，渲染功能組件圖元。
[0124] 具體地，在上述渲染功能組件圖元的過程中，創(chuàng)建應(yīng)用的裝置根據(jù)生成的組件模 型，動態(tài)生成對應(yīng)的功能組件模型，該功能組件模型主要包括以下屬性：功能組件關(guān)鍵標(biāo)識 (ID);功能組件展現(xiàn)代碼（圖元展現(xiàn)格式、圖元展現(xiàn)數(shù)據(jù)、圖元圖標(biāo)、圖元大小)，展示的效果 和組件設(shè)計(jì)效果保持一致；功能組件類型（Π 組件/API組件);功能組件支持的交互功能及 參數(shù)；功能組件支持的觸發(fā)事件；功能組件的顯示層次zindex值；以及功能組件對應(yīng)顯示 的位置坐標(biāo)。
[0125] 功能組件模型定義例如為：
[0126]
[0127]

【權(quán)利要求】
1. 一種創(chuàng)建應(yīng)用的方法，該方法應(yīng)用在帶有顯示設(shè)備的終端上，其特征在于，包括： 接收用戶配置的組件屬性的屬性值，根據(jù)所述組件屬性的屬性值，生成組件模型，并根 據(jù)所述組件模型渲染組件界面中所述組件模型的預(yù)定義圖元，以獲取與所述組件屬性的屬 性值相應(yīng)的組件界面圖元； 將所述組件模型映射為功能組件模型，并根據(jù)所述組件界面圖元將所述功能組件模型 圖形化顯示為功能組件圖元，根據(jù)用戶對所述功能組件圖元的操作，圖形化建立待創(chuàng)建的 應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述 功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型； 根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成所述待創(chuàng)建的應(yīng)用的可執(zhí)行代碼。
2. 根據(jù)權(quán)利要求1所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)所述組件模型渲染 組件界面中所述組件模型的預(yù)定義圖元，以獲取與所述組件屬性的屬性值相應(yīng)的組件界面 圖元，具體包括： 根據(jù)所述組件屬性中的組件界面展現(xiàn)格式的屬性值及組件界面展現(xiàn)數(shù)據(jù)的屬性值，生 成組件模型代碼； 根據(jù)所述組件模型代碼，生成所述組件界面圖元。
3. 根據(jù)權(quán)利要求1所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述將組件模型映射為功能 組件模型，并根據(jù)所述組件界面圖元將所述功能組件模型圖形化顯示為功能組件圖元，具 體包括： 將所述組件模型的組件屬性，映射為所述功能組件模型的功能組件屬性； 將所述組件模型的組件關(guān)鍵標(biāo)識，映射為所述功能組件模型的功能組件關(guān)鍵標(biāo)識； 根據(jù)所述組件模型的組件關(guān)鍵標(biāo)識，獲取所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn) 代碼；或者，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的組件展現(xiàn)格式的屬性值和組件界面 展現(xiàn)數(shù)據(jù)的屬性值，生成所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn)代碼； 根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo) 處，根據(jù)所述功能組件展現(xiàn)代碼渲染所述功能組件圖元。
4. 根據(jù)權(quán)利要求3所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)所述組件關(guān)鍵標(biāo)識 對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo)處，根據(jù)所述功能組件展現(xiàn) 代碼渲染功能組件圖元，具體包括： 調(diào)用所述終端中預(yù)置的繪圖工具的圖形操作接口，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的位置 坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染功能組件界面 圖元； 根據(jù)所述組件模型的組件屬性，自動聯(lián)想映射所述功能組件屬性圖元。
5. 根據(jù)權(quán)利要求1所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述將所述功能組件模型圖 形化顯示為功能組件圖元，具體包括： 利用所述終端中預(yù)置的繪圖工具的三維展現(xiàn)空間能力，自動建模所述功能組件圖元的 三維模型，并根據(jù)用戶配置的組件顯示層次進(jìn)行分層顯示。
6. 根據(jù)權(quán)利要求5所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)用戶配置的組件顯 示層次進(jìn)行分層顯示，具體包括： 檢索所有組件類型為應(yīng)用程序交互接口 API的功能組件圖元；將API類型的功能組 件界面圖元的顯示層次設(shè)置為最底層值，以在最底層顯示所述API類型的功能組件界面圖 元；將API類型的功能組件界面圖元對應(yīng)的輸入輸出屬性圖元的顯示層次，設(shè)置為所述API 類型的功能組件界面圖元的顯示層次加1，以在所述API類型的功能組件界面圖元的上方 疊加顯示附屬的輸入輸出屬性圖元； 檢索所有組件類型為可視化用戶交互界面UI類型的功能組件圖元；根據(jù)所述UI類型 的功能組件圖元的顯示層次，顯示所述Π 類型的功能組件圖元。
7. 根據(jù)權(quán)利要求1所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)用戶對所述功能組 件圖元的操作，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，具 體包括： 接收用戶為所述功能組件圖元進(jìn)行顏色標(biāo)注的標(biāo)注顏色消息，所述標(biāo)注顏色消息包括 標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識； 根據(jù)所述標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識，生成圖 元標(biāo)注序列； 根據(jù)所述圖元標(biāo)注序列，確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān) 聯(lián)關(guān)系。
8. 根據(jù)權(quán)利要求7所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)所述圖元標(biāo)注序列， 確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，具體包括： 將所述功能組件圖元的前景色，修改為所述標(biāo)注顏色； 根據(jù)所述功能組件圖元的前景色，以及所述功能組件圖元對應(yīng)的標(biāo)注時間戳，自動生 成用于指示應(yīng)用功能邏輯的標(biāo)注順序碼。
9. 根據(jù)權(quán)利要求1-8任一所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)所述待創(chuàng)建 的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型，具體包括： 根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，生成功能組件圖 兀關(guān)聯(lián)序列； 根據(jù)所述圖元關(guān)聯(lián)序列、所述組件模型以及所述組件模型與功能組件圖元的映射關(guān) 系，生成所述業(yè)務(wù)功能模型。
10. 根據(jù)權(quán)利要求1-8任一所述的創(chuàng)建應(yīng)用的方法，其特征在于，所述根據(jù)所述組件模 型和所述業(yè)務(wù)功能模型，生成應(yīng)用的可執(zhí)行代碼，具體包括： 從所述業(yè)務(wù)功能模型中，讀取可視化用戶交互界面UI類型的功能組件圖元的屬性；從 所述組件界面中對應(yīng)的Π 組件的組件模型中，獲取與所述Π 類型的功能組件圖元對應(yīng)的 已配置生成代碼模板；根據(jù)所述Π 類型的功能組件圖元的屬性，與所述對應(yīng)的已配置生成 代碼模板，生成即時渲染組件代碼； 從所述業(yè)務(wù)功能模型中，讀取應(yīng)用程序交互接口 API類型的功能組件圖元的屬性；從 所述組件界面中對應(yīng)的API組件的組件模型中，獲取與所述API類型的功能組件圖元對應(yīng) 的已配置生成代碼模板，并根據(jù)API組件聲明的引用庫生成引用類庫代碼；根據(jù)所述API類 型的功能組件圖元的屬性、所述對應(yīng)的已配置生成代碼模板以及所述引用類庫代碼，生成 API功能代碼； 根據(jù)所述功能組件圖元的屬性和所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間 的關(guān)聯(lián)關(guān)系，生成用于控制所述Π 組件和所述API組件交互的腳本代碼； 根據(jù)所述即時渲染組件代碼、所述API功能代碼以及所述腳本代碼，生成所述應(yīng)用的 可執(zhí)行代碼。
11. 一種創(chuàng)建應(yīng)用的裝置，設(shè)置在帶有顯示設(shè)備的終端上，其特征在于，包括組件模型、 組件設(shè)計(jì)模塊、功能設(shè)計(jì)模塊以及代碼生成模塊，其中： 所述組件設(shè)計(jì)模塊，用于接收用戶配置的組件屬性的屬性值，根據(jù)所述組件屬性的屬 性值，生成組件模型，并根據(jù)所述組件模型渲染組件界面中所述組件模型的預(yù)定義圖元，以 獲取與所述組件屬性的屬性值相應(yīng)的組件界面圖元； 所述功能設(shè)計(jì)模塊，用于將所述組件模型映射為功能組件模型，并根據(jù)所述組件界面 圖元將所述功能組件模型圖形化顯示為功能組件圖元，根據(jù)用戶對所述功能組件圖元的操 作，圖形化建立待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，并根據(jù)所述待 創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系生成業(yè)務(wù)功能模型； 所述代碼生成模塊，用于根據(jù)所述組件模型和所述業(yè)務(wù)功能模型，生成所述待創(chuàng)建的 應(yīng)用的可執(zhí)行代碼。
12. 根據(jù)權(quán)利要求11所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述組件設(shè)計(jì)模塊具體用 于： 根據(jù)所述組件屬性中的組件界面展現(xiàn)格式的屬性值及組件界面展現(xiàn)數(shù)據(jù)的屬性值，生 成組件模型代碼； 根據(jù)所述組件模型代碼，生成所述組件界面圖元。
13. 根據(jù)權(quán)利要求11所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊具體用 于： 將所述組件模型的組件屬性，映射為所述功能組件模型的功能組件屬性； 將所述組件模型的組件關(guān)鍵標(biāo)識，映射為所述功能組件模型的功能組件關(guān)鍵標(biāo)識； 根據(jù)所述組件模型的組件關(guān)鍵標(biāo)識，獲取所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn) 代碼；或者，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的組件展現(xiàn)格式的屬性值和組件界面 展現(xiàn)數(shù)據(jù)的屬性值，生成所述功能組件關(guān)鍵標(biāo)識對應(yīng)的功能組件展現(xiàn)代碼； 根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的組件模型的位置坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo) 處，根據(jù)所述功能組件展現(xiàn)代碼渲染所述功能組件圖元。
14. 根據(jù)權(quán)利要求13所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊進(jìn)一步 用于： 調(diào)用所述終端中預(yù)置的繪圖工具的圖形操作接口，根據(jù)所述組件關(guān)鍵標(biāo)識對應(yīng)的位置 坐標(biāo)，在功能組件界面對應(yīng)的位置坐標(biāo)處，根據(jù)所述功能組件展現(xiàn)代碼渲染功能組件界面 圖元； 根據(jù)所述組件模型的組件屬性，自動聯(lián)想映射所述功能組件屬性圖元。
15. 根據(jù)權(quán)利要求11所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊進(jìn)一步 用于： 利用所述終端中預(yù)置的繪圖工具的三維展現(xiàn)空間能力，自動建模所述功能組件圖元的 三維模型，并根據(jù)用戶配置的組件顯示層次進(jìn)行分層顯示。
16. 根據(jù)權(quán)利要求15所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊具體用 于： 檢索所有組件類型為應(yīng)用程序交互接口 API的功能組件圖元；將API類型的功能組 件界面圖元的顯示層次設(shè)置為最底層值，以在最底層顯示所述API類型的功能組件界面圖 元；將API類型的功能組件界面圖元對應(yīng)的輸入輸出屬性圖元的顯示層次，設(shè)置為所述API 類型的功能組件界面圖元的顯示層次加1，以在所述API類型的功能組件界面圖元的上方 疊加顯示附屬的輸入輸出屬性圖元； 檢索所有組件類型為可視化用戶交互界面UI的功能組件圖元；根據(jù)所述UI類型的功 能組件圖元的顯示層次，顯示所述Π 類型的功能組件圖元。
17. 根據(jù)權(quán)利要求11所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊進(jìn)一步 用于： 接收用戶為所述功能組件圖元進(jìn)行顏色標(biāo)注的標(biāo)注顏色消息，所述標(biāo)注顏色消息包括 標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識； 根據(jù)所述標(biāo)注顏色、標(biāo)注時間戳，以及功能組件圖元對應(yīng)的功能組件關(guān)鍵標(biāo)識，生成圖 元標(biāo)注序列； 根據(jù)所述圖元標(biāo)注序列，確定所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān) 聯(lián)關(guān)系。
18. 根據(jù)權(quán)利要求17所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊進(jìn)一步 用于： 將所述功能組件圖元的前景色，修改為所述標(biāo)注顏色； 根據(jù)所述功能組件圖元的前景色，以及所述功能組件圖元對應(yīng)的標(biāo)注時間戳，自動生 成用于指示應(yīng)用功能邏輯的標(biāo)注順序碼。
19. 根據(jù)權(quán)利要求11-18任一所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述功能設(shè)計(jì)模塊 進(jìn)一步用于： 根據(jù)所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間的關(guān)聯(lián)關(guān)系，生成功能組件圖 兀關(guān)聯(lián)序列； 根據(jù)所述圖元關(guān)聯(lián)序列、所述組件模型以及所述組件模型與功能組件圖元的映射關(guān) 系，生成所述業(yè)務(wù)功能模型。
20. 根據(jù)權(quán)利要求11-18任一所述的創(chuàng)建應(yīng)用的裝置，其特征在于，所述代碼生成模 塊，具體用于： 從所述業(yè)務(wù)功能模型中，讀取可視化用戶交互界面UI類型的功能組件圖元的屬性；從 所述組件界面中對應(yīng)的Π 組件的組件模型中，獲取與所述Π 類型的功能組件圖元對應(yīng)的 已配置生成代碼模板；根據(jù)所述Π 類型的功能組件圖元的屬性，與所述對應(yīng)的已配置生成 代碼模板，生成即時渲染組件代碼； 從所述業(yè)務(wù)功能模型中，讀取應(yīng)用程序交互接口 API類型的功能組件圖元的屬性；從 所述組件界面中對應(yīng)的API組件的組件模型中，獲取與所述API類型的功能組件圖元對應(yīng) 的已配置生成代碼模板，并根據(jù)API組件聲明的引用庫生成引用類庫代碼；根據(jù)所述API類 型的功能組件圖元的屬性、所述對應(yīng)的已配置生成代碼模板以及所述引用類庫代碼，生成 API功能代碼； 根據(jù)所述功能組件圖元的屬性和所述待創(chuàng)建的應(yīng)用中不同的所述功能組件圖元之間 的關(guān)聯(lián)關(guān)系，生成用于控制所述Π 組件和所述API組件交互的腳本代碼； 根據(jù)所述即時渲染組件代碼、所述API功能代碼，以及所述腳本代碼，生成所述應(yīng)用的 可執(zhí)行代碼。
【文檔編號】G06F9/44GK104216691SQ201310213242
【公開日】2014年12月17日 申請日期:2013年5月31日 優(yōu)先權(quán)日:2013年5月31日
【發(fā)明者】趙清偉 申請人:華為技術(shù)有限公司