生成用于人機(jī)交互的界面的方法及系統(tǒng)的制作方法
【專(zhuān)利摘要】本發(fā)明提供一種生成用于人機(jī)交互的界面的方法及系統(tǒng)，所述方法包括：獲取界面欄位模型并且獲取初始界面文件；根據(jù)獲取的界面欄位模型在所述初始界面文件中建立欄位節(jié)點(diǎn)；根據(jù)建立欄位節(jié)點(diǎn)后得到的界面文件生成界面。實(shí)施本發(fā)明，可以通過(guò)界面欄位模型實(shí)現(xiàn)界面中欄位的動(dòng)態(tài)建立，從而提高了界面生成的可擴(kuò)展性以及靈活度，縮短了開(kāi)發(fā)周期。
【專(zhuān)利說(shuō)明】
生成用于人機(jī)交互的界面的方法及系統(tǒng)
技術(shù)領(lǐng)域
[0001] 本發(fā)明涉及通信領(lǐng)域，更為具體而言，涉及用于生成用于人機(jī)交互界面的方法及 系統(tǒng)。
【背景技術(shù)】
[0002] 近年來(lái)，隨著各種金融服務(wù)產(chǎn)品的推陳出新，業(yè)務(wù)創(chuàng)新層出不窮，金融服務(wù)系統(tǒng)對(duì) 于擴(kuò)展性以及靈活度的要求越來(lái)越高，這給系統(tǒng)的設(shè)計(jì)與開(kāi)發(fā)帶來(lái)了極大的挑戰(zhàn)。其中，一 個(gè)關(guān)鍵的部分就是交互界面的設(shè)計(jì)，用戶(hù)利用交互界面填寫(xiě)相關(guān)信息，并且把這些信息發(fā) 送到后端進(jìn)行處理，完成相關(guān)的功能。在現(xiàn)階段，通常根據(jù)用戶(hù)的要求，通過(guò)把交互界面的 要素固化在代碼中來(lái)完成交互界面的設(shè)計(jì)，然而這種方法存在擴(kuò)展性差、開(kāi)發(fā)周期長(zhǎng)、靈活 度低等問(wèn)題。

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

[0003] 為解決上述技術(shù)問(wèn)題，本發(fā)明提供一種生成用于人機(jī)交互的界面的方法及系統(tǒng)。
[0004] -方面，本發(fā)明的實(shí)施方式提供了一種生成用于人機(jī)交互的界面的方法，所述方 法包括：
[0005] 獲取界面欄位模型并且獲取初始界面文件；
[0006] 根據(jù)獲取的界面欄位模型在所述初始界面文件中建立欄位節(jié)點(diǎn)；
[0007] 根據(jù)建立欄位節(jié)點(diǎn)后得到的界面文件生成界面。
[0008] 另一方面，本發(fā)明實(shí)施方式提供了一種生成用于人機(jī)交互的界面的系統(tǒng)，所述系 統(tǒng)包括：
[0009] 獲取模塊，用于獲取界面欄位模型并且獲取初始界面文件；
[0010] 欄位節(jié)點(diǎn)建立模塊，用于根據(jù)所述獲取模塊獲取的界面欄位模型在所述初始界面 文件中建立欄位節(jié)點(diǎn)；
[0011]生成模塊，用于根據(jù)所述欄位節(jié)點(diǎn)建立模塊建立欄位節(jié)點(diǎn)后得到的界面文件生成 界面。
[0012] 實(shí)施本發(fā)明提供的生成用于人機(jī)交互的界面的方法及系統(tǒng)，可以通過(guò)界面欄位模 型實(shí)現(xiàn)界面中欄位的動(dòng)態(tài)建立，從而提高了界面生成的可擴(kuò)展性以及靈活度，縮短了開(kāi)發(fā) 周期。
【附圖說(shuō)明】
[0013] 圖1是根據(jù)本發(fā)明實(shí)施方式的一種生成用于人機(jī)交互的界面的方法的流程圖；
[0014]圖2示出了圖1所示的處理S200的一種實(shí)施方式；
[0015] 圖3是根據(jù)本發(fā)明實(shí)施方式的一種生成用于人機(jī)交互的界面的系統(tǒng)的結(jié)構(gòu)示意 圖；
[0016] 圖4示出了圖3所示的欄位節(jié)點(diǎn)建立模塊200的一種實(shí)施方式。
【具體實(shí)施方式】
[0017] 為使本發(fā)明的實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā) 明作進(jìn)一步地詳細(xì)描述。
[0018] 圖1是根據(jù)本發(fā)明實(shí)施方式的一種生成用于人機(jī)交互的界面的方法的流程圖。參 見(jiàn)圖1，所述方法包括：
[0019] S100:獲取界面欄位模型并且獲取初始界面文件。其中，所述界面欄位模型用于對(duì) 界面中各欄位的通用屬性進(jìn)行描述，所述初始界面文件例如可以包括界面標(biāo)題節(jié)點(diǎn)等預(yù)先 建立的節(jié)點(diǎn)。
[0020] S200:根據(jù)獲取的界面欄位模型在所述初始界面文件中建立欄位節(jié)點(diǎn)。
[0021] S300:根據(jù)建立欄位節(jié)點(diǎn)后得到的界面文件生成界面。
[0022] 在本發(fā)明的一種實(shí)施方式中，界面欄位模型可以包括界面中各個(gè)欄位的欄位模 型。其中欄位模型例如可以包括:欄位屬性信息(例如:欄位的唯一標(biāo)識(shí)符、欄位在界面上的 標(biāo)題、欄位的類(lèi)型、欄位的提示說(shuō)明、欄位在界面上初始化時(shí)的默認(rèn)值、欄位被激活時(shí)觸發(fā) 的事件等）以及欄位規(guī)則信息。與欄位模型對(duì)應(yīng)地，所述欄位節(jié)點(diǎn)例如可以包括:基于欄位 屬性信息建立的欄位屬性節(jié)點(diǎn)和基于欄位規(guī)則信息建立的欄位規(guī)則節(jié)點(diǎn)。
[0023] 在本發(fā)明的另一種實(shí)施方式中，界面欄位模型可以包括界面中各個(gè)欄位的欄位模 型以及分組信息，欄位模型的內(nèi)容如上所述，在此不再贅述，分組信息指欄位所在組的信息 (組的標(biāo)識(shí)符以及標(biāo)題等）。
[0024]在本發(fā)明的另一種實(shí)施方式中，所述方法還可以包括下述處理:更新所述界面欄 位模型。該處理與S100中的所述獲取界面欄位模型的處理并發(fā)執(zhí)行。
[0025] 圖2示出了圖1所示的處理S200的一種實(shí)施方式。參見(jiàn)圖2,處理S200可以包括：
[0026] S210:從所述界面欄位模型中識(shí)別出欄位模型、分組信息以及欄位模型與分組信 息之間的對(duì)應(yīng)關(guān)系。
[0027] S220:基于識(shí)別出的分組信息在所述初始界面文件中建立一個(gè)或多個(gè)組節(jié)點(diǎn)。
[0028] S230:基于所述對(duì)應(yīng)關(guān)系，在建立的各組節(jié)點(diǎn)中分別根據(jù)相應(yīng)的欄位模型建立欄 位節(jié)點(diǎn)。
[0029]下面結(jié)合具體例子對(duì)本發(fā)明的實(shí)施方式進(jìn)行詳細(xì)說(shuō)明。
[0030] 步驟1:獲取界面欄位模型并且獲取初始界面文件。
[0031] 其中，所述界面欄位模型用于對(duì)界面中各欄位的通用屬性進(jìn)行描述，所述初始界 面文件例如可以包括界面標(biāo)題節(jié)點(diǎn)等預(yù)先建立的節(jié)點(diǎn)。
[0032]所述界面欄位模型例如可以定義為jFieldModi，grpldi，grpLabeli} h 其 中，X表示界面中欄位的數(shù)量，F(xiàn)i e 1 dModi表示界面中的第i個(gè)欄位的欄位模型，grp I di表示界 面中第i個(gè)欄位所在組的標(biāo)識(shí)符，grpLabeh表示界面中第i個(gè)欄位所在組的標(biāo)題，其中，欄 位模型FieldMod例如可以定義為：
[0033] FieldMod = FieldInf U FieldRuls，F(xiàn)ieldInf表不欄位屬性信息，F(xiàn)ieldRuls表不 欄位規(guī)則信息。其中，F(xiàn)ieldlnf和FieldRuls可以定義為：
[0034] Fie 1 dlnf = {fieldld，lable，type，tips，dfaltVal，trgrEv}，fieldld表不欄位的 唯一標(biāo)識(shí)符，lable表示欄位在界面上的標(biāo)題，type表示欄位的類(lèi)型（例如包括:金額輸入 框、銀行卡號(hào)輸入框、下拉框、文本框、日期輸入框、密碼錄入框、復(fù)選框、下拉多選框等）， tips表示欄位的提示說(shuō)明，dfaltVal是欄位在界面上初始化時(shí)的默認(rèn)值，trgrEv是欄位被 激活時(shí)觸發(fā)的事件。
[0035] FieldRuls= {fieldRule}，fieldRule表示欄位的規(guī)則，根據(jù)欄位類(lèi)型的不同，欄 位規(guī)則的含義也不一樣，例如，當(dāng)欄位的類(lèi)型為金額輸入框時(shí)，需要校驗(yàn)輸入數(shù)字的精度； 當(dāng)欄位的類(lèi)型為銀行卡號(hào)輸入框時(shí)，需要按照四位數(shù)字進(jìn)行分割（當(dāng)然本領(lǐng)域的技術(shù)人員 也可以根據(jù)實(shí)際需要，按照其他位數(shù)進(jìn)行分割）；當(dāng)欄位的類(lèi)型為文本框時(shí)，需要限制輸入 內(nèi)容的長(zhǎng)度;當(dāng)欄位為下拉框時(shí)，需要給出枚舉值。
[0036] 并且，需要預(yù)先對(duì)所述界面欄位模型進(jìn)行定義，例如，先對(duì)界面中各欄位的欄位模 型進(jìn)行定義，再對(duì)各欄位的欄位模型和分組信息(欄位所在組的標(biāo)識(shí)符以及標(biāo)題等)建立對(duì) 應(yīng)關(guān)系以完成對(duì)界面欄位模型的定義。
[0037] 在本發(fā)明的一種實(shí)施方式中，還可以與所述獲取界面欄位模型的處理并發(fā)地執(zhí)行 下述處理:更新所述界面欄位模型。
[0038] 步驟2 :從所述界面欄位模型中識(shí)別出欄位模型、分組信息、以及欄位模型和分組 信息之間的對(duì)應(yīng)關(guān)系。
[0039] 步驟3:基于識(shí)別出的分組信息在所述初始界面文件中建立一個(gè)或多個(gè)組節(jié)點(diǎn)。
[0040] 步驟4:基于所述對(duì)應(yīng)關(guān)系，在建立的各組節(jié)點(diǎn)中分別根據(jù)相應(yīng)的欄位模型建立欄 位節(jié)點(diǎn)。與欄位模型對(duì)應(yīng)地，所述欄位節(jié)點(diǎn)包括:基于欄位屬性信息建立的欄位屬性節(jié)點(diǎn)和 基于欄位規(guī)則信息建立的欄位規(guī)則節(jié)點(diǎn)。
[0041] 步驟5:根據(jù)建立欄位節(jié)點(diǎn)后得到的界面文件生成界面。
[0042]圖3是根據(jù)本發(fā)明實(shí)施方式的一種生成用于人機(jī)交互的界面的系統(tǒng)的結(jié)構(gòu)示意 圖。參見(jiàn)圖3,所述系統(tǒng)1000包括:獲取模塊100、欄位節(jié)點(diǎn)建立模塊200、以及生成模塊300， 具體地：
[0043] 獲取模塊100用于獲取界面欄位模型并且獲取初始界面文件。其中，所述界面欄位 模型用于對(duì)界面中各欄位的通用屬性進(jìn)行描述，所述初始界面文件例如可以包括界面標(biāo)題 節(jié)點(diǎn)等預(yù)先建立的節(jié)點(diǎn)。
[0044] 欄位節(jié)點(diǎn)建立模塊200用于根據(jù)獲取模塊100獲取的界面欄位模型在所述初始界 面文件中建立欄位節(jié)點(diǎn)。
[0045]生成模塊300用于根據(jù)欄位節(jié)點(diǎn)建立模塊200建立欄位節(jié)點(diǎn)后得到的界面文件生 成界面。
[0046] 在本發(fā)明的一種實(shí)施方式中，界面欄位模型可以包括界面中各個(gè)欄位的欄位模 型。其中欄位模型例如可以包括:欄位屬性信息(例如:欄位的唯一標(biāo)識(shí)符、欄位在界面上的 標(biāo)題、欄位的類(lèi)型、欄位的提示說(shuō)明、欄位在界面上初始化時(shí)的默認(rèn)值、欄位被激活時(shí)觸發(fā) 的事件等）以及欄位規(guī)則信息。與欄位模型對(duì)應(yīng)地，所述欄位節(jié)點(diǎn)例如可以包括:基于欄位 屬性信息建立的欄位屬性節(jié)點(diǎn)和基于欄位規(guī)則信息建立的欄位規(guī)則節(jié)點(diǎn)。
[0047] 在本發(fā)明的另一種實(shí)施方式中，界面欄位模型可以包括界面中各個(gè)欄位的欄位模 型以及分組信息，欄位模型的內(nèi)容如上所述，在此不再贅述，分組信息指欄位所在組的信息 (組的標(biāo)識(shí)符以及標(biāo)題等）。
[0048] 在本發(fā)明的另一種實(shí)施方式中，系統(tǒng)1000還可以包括用于更新所述界面欄位模型 的更新模塊。
[0049] 圖4示出了圖3所示的欄位節(jié)點(diǎn)建立模塊200的一種實(shí)施方式。所述欄位節(jié)點(diǎn)建立 模塊200包括:解析單元210、組節(jié)點(diǎn)建立單元220、以及欄位節(jié)點(diǎn)建立單元230，具體地：
[0050] 解析單元210用于從所述界面欄位模型中解析出欄位模型、分組信息、以及欄位模 型和分組信息之間的對(duì)應(yīng)關(guān)系。
[0051] 組節(jié)點(diǎn)建立單元220用于基于所述解析單元210解析出的分組信息在所述初始界 面文件中建立一個(gè)或多個(gè)組節(jié)點(diǎn)。
[0052] 欄位節(jié)點(diǎn)建立單元230用于基于所述對(duì)應(yīng)關(guān)系，在組節(jié)點(diǎn)建立單元220建立的各分 組節(jié)點(diǎn)中分別根據(jù)相應(yīng)的欄位模型建立欄位節(jié)點(diǎn)。
[0053]實(shí)施本發(fā)明提供的生成用于人機(jī)交互的界面的方法及系統(tǒng)，可以通過(guò)界面欄位模 型實(shí)現(xiàn)界面中欄位的動(dòng)態(tài)建立，從而提高了界面生成的可擴(kuò)展性以及靈活度，縮短了開(kāi)發(fā) 周期。
[0054] 通過(guò)以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助 軟件結(jié)合硬件平臺(tái)的方式來(lái)實(shí)現(xiàn)。基于這樣的理解，本發(fā)明的技術(shù)方案對(duì)【背景技術(shù)】做出貢 獻(xiàn)的全部或者部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái)，該計(jì)算機(jī)軟件產(chǎn)品可以存儲(chǔ)在存儲(chǔ)介 質(zhì)中，如R0M/RAM、磁碟、光盤(pán)等，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算 機(jī)，服務(wù)器，智能手機(jī)或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例或者實(shí)施例的某些部分所述 的方法。
[0055] 本發(fā)明說(shuō)明書(shū)中使用的術(shù)語(yǔ)和措辭僅僅為了舉例說(shuō)明，并不意味構(gòu)成限定。本領(lǐng) 域技術(shù)人員應(yīng)當(dāng)理解，在不脫離所公開(kāi)的實(shí)施方式的基本原理的前提下，對(duì)上述實(shí)施方式 中的各細(xì)節(jié)可進(jìn)行各種變化。因此，本發(fā)明的范圍只由權(quán)利要求確定，在權(quán)利要求中，除非 另有說(shuō)明，所有的術(shù)語(yǔ)應(yīng)按最寬泛合理的意思進(jìn)行理解。
【主權(quán)項(xiàng)】
1. 一種生成用于人機(jī)交互的界面的方法，其特征在于，所述方法包括： 獲取界面欄位模型并且獲取初始界面文件； 根據(jù)獲取的界面欄位模型在所述初始界面文件中建立欄位節(jié)點(diǎn)； 根據(jù)建立欄位節(jié)點(diǎn)后得到的界面文件生成界面。2. 如權(quán)利要求1所述的方法，其特征在于，所述方法還包括： 與所述獲取界面欄位模型的處理并發(fā)地執(zhí)行下述處理:更新所述界面欄位模型。3. 如權(quán)利要求1或2所述的方法，其特征在于， 所述界面欄位模型包括:界面中各欄位的欄位模型以及分組信息。4. 如權(quán)利要求3所述的方法，其特征在于，根據(jù)獲取的界面欄位模型在所述初始界面文 件中建立欄位節(jié)點(diǎn)包括： 從所述界面欄位模型中解析出欄位模型、分組信息、以及欄位模型和分組信息之間的 對(duì)應(yīng)關(guān)系； 基于解析出的分組信息在所述初始界面文件中建立一個(gè)或多個(gè)組節(jié)點(diǎn)； 基于所述對(duì)應(yīng)關(guān)系，在建立的各組節(jié)點(diǎn)中分別根據(jù)相應(yīng)的欄位模型建立欄位節(jié)點(diǎn)。5. 如權(quán)利要求3所述的方法，其特征在于， 所述欄位模型包括:欄位屬性信息和欄位規(guī)則信息； 所述欄位節(jié)點(diǎn)包括:基于欄位屬性信息建立的欄位屬性節(jié)點(diǎn)和基于欄位規(guī)則信息建立 的欄位規(guī)則節(jié)點(diǎn)。6. -種生成用于人機(jī)交互的界面的系統(tǒng)，其特征在于，所述系統(tǒng)包括： 獲取模塊，用于獲取界面欄位模型并且獲取初始界面文件； 欄位節(jié)點(diǎn)建立模塊，用于根據(jù)所述獲取模塊獲取的界面欄位模型在所述初始界面文件 中建立欄位節(jié)點(diǎn)； 生成模塊，用于根據(jù)所述欄位節(jié)點(diǎn)建立模塊建立欄位節(jié)點(diǎn)后得到的界面文件生成界 面。7. 如權(quán)利要求6所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括： 更新模塊，用于更新所述界面欄位模型。8. 如權(quán)利要求6或7所述的系統(tǒng)，其特征在于， 所述界面欄位模型包括:界面中各欄位的欄位模型以及分組信息。9. 如權(quán)利要求8所述的系統(tǒng)，其特征在于，所述欄位節(jié)點(diǎn)建立模塊包括： 解析單元，用于從所述界面欄位模型中解析出欄位模型、分組信息、以及欄位模型和分 組信息之間的對(duì)應(yīng)關(guān)系； 組節(jié)點(diǎn)建立單元，用于基于所述解析單元解析出的分組信息在所述初始界面文件中建 立一個(gè)或多個(gè)組節(jié)點(diǎn)； 欄位節(jié)點(diǎn)建立單元，用于基于所述對(duì)應(yīng)關(guān)系，在所述組節(jié)點(diǎn)建立單元建立的各組節(jié)點(diǎn) 中分別根據(jù)相應(yīng)的欄位模型建立欄位節(jié)點(diǎn)。10. 如權(quán)利要求9所述的系統(tǒng)，其特征在于， 所述欄位模型包括:欄位屬性信息和欄位規(guī)則信息； 所述欄位節(jié)點(diǎn)包括:基于欄位屬性信息建立的欄位屬性節(jié)點(diǎn)和基于欄位規(guī)則信息建立 的欄位規(guī)則節(jié)點(diǎn)。
【文檔編號(hào)】G06F9/44GK105975286SQ201610428827
【公開(kāi)日】2016年9月28日
【申請(qǐng)日】2016年6月16日
【發(fā)明人】易劍, 朱文甫, 趙雪松, 張鵬
【申請(qǐng)人】中國(guó)建設(shè)銀行股份有限公司