[發(fā)明專(zhuān)利]用戶界面的生成方法及裝置、電子裝置及計(jì)算機(jī)存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 201810194608.0
• 申請(qǐng)日: 2018-03-09
• 公開(kāi)（公告）號(hào): CN108595173A
• 公開(kāi)（公告）日: 2018-09-28
• 發(fā)明（設(shè)計(jì)）人: 朱司文;廖志偉;林青雷;張華山
• 申請(qǐng)（專(zhuān)利權(quán)）人: 深圳前海有電物聯(lián)科技有限公司
• 主分類(lèi)號(hào): G06F8/38
• 分類(lèi)號(hào): G06F8/38
• 代理公司: 深圳碩界知識(shí)產(chǎn)權(quán)代理事務(wù)所(特殊普通合伙) 44457
• 代理人: 陳志國(guó)

本發(fā)明涉及一種用戶界面的生成方法及裝置、電子裝置及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。所述用戶界面的生成方法包括以下步驟：提供若干待選擇的技術(shù)流；提供若干待選擇的布局模式；根據(jù)用戶操作產(chǎn)生的技術(shù)流選擇指令及布局模式選擇指令生成與用戶選擇的技術(shù)流及布局模式相對(duì)應(yīng)的數(shù)據(jù)格式供用戶填寫(xiě)；及獲取用戶輸入的數(shù)據(jù)并生成用戶界面。

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

本發(fā)明涉及一種用戶界面生成技術(shù)，特別地，涉及一種用戶界面的生成方法及裝置、電子裝置及計(jì)算機(jī)存儲(chǔ)介質(zhì)。

背景技術(shù)

隨著軟件開(kāi)發(fā)技術(shù)的發(fā)展，用戶對(duì)網(wǎng)站（Web）及各類(lèi)應(yīng)用程序（App）的需求越來(lái)越多，用戶界面（UI，包括網(wǎng)站網(wǎng)頁(yè)、應(yīng)用程序頁(yè)面等）的制作技術(shù)也越來(lái)越重要。

一種現(xiàn)有的用戶界面生成技術(shù)主要是開(kāi)發(fā)人員制作好幾種類(lèi)型的前端模板，如圖1所示，所述前端模板的類(lèi)型可以包括品牌型網(wǎng)站/應(yīng)用程序、營(yíng)銷(xiāo)型網(wǎng)站/應(yīng)用程序、電商型網(wǎng)站/應(yīng)用程序、智能響應(yīng)式網(wǎng)站/應(yīng)用程序、全網(wǎng)門(mén)戶網(wǎng)站/應(yīng)用程序等，用戶選擇其中一種類(lèi)型即可獲得對(duì)應(yīng)的前端模板，然后在所述前端模板中填寫(xiě)網(wǎng)站/應(yīng)用程序的界面數(shù)據(jù)來(lái)生成需要的用戶界面。

然而，現(xiàn)有用戶界面生成技術(shù)可能存在以下一些問(wèn)題：1）現(xiàn)存的前端模板相對(duì)較死板，只能根據(jù)既定模板來(lái)填寫(xiě)數(shù)據(jù)，完成相關(guān)的頁(yè)面，可能難于符合客戶的特殊需求；2）模板相對(duì)較雜亂，用戶應(yīng)用很不方便；3）不懂前端技術(shù)的用戶很難完成模板的填寫(xiě)和更改。

可見(jiàn)，現(xiàn)有的用戶界面生成技術(shù)有必要進(jìn)行改善。

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

有鑒于此，有必要提出一種可符合用戶需求的用戶界面的生成方法及裝置、電子裝置及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

一種用戶界面生成方法，其包括以下步驟：

提供若干待選擇的技術(shù)流；

提供若干待選擇的布局模式；

根據(jù)用戶操作產(chǎn)生的技術(shù)流選擇指令及布局模式選擇指令生成與用戶選擇的技術(shù)流及布局模式相對(duì)應(yīng)的數(shù)據(jù)格式供用戶填寫(xiě)；及

獲取用戶輸入的數(shù)據(jù)并生成用戶界面。

在一種實(shí)施例中，所述數(shù)據(jù)格式包括待生成的用戶界面的各模塊的設(shè)定信息及各模塊待填充的數(shù)據(jù)信息，所述設(shè)定信息包括模塊數(shù)量、模塊位置、模塊文字顏色、模塊背景顏色、是否使用路由跳轉(zhuǎn)、是否使用動(dòng)畫(huà)、展開(kāi)一個(gè)子菜單或多個(gè)子菜單中的至少一個(gè)、兩個(gè)或多個(gè)。

在一種實(shí)施例中，所述獲取用戶輸入的數(shù)據(jù)并生成用戶界面的步驟包括以下步驟：

獲取用戶根據(jù)所述數(shù)據(jù)格式輸入的所述用戶界面的各模塊的設(shè)定信息；

依據(jù)所述各模塊的設(shè)定信息并進(jìn)行數(shù)據(jù)組合從而生成所述用戶界面的簡(jiǎn)易模版及API需求文檔，其中所述簡(jiǎn)易模板具有與所述設(shè)定信息對(duì)應(yīng)的各模塊，所述API需求文檔用于供用戶查閱所述簡(jiǎn)易模板需要填充的API需求數(shù)據(jù)；及

獲取所述API需求數(shù)據(jù)并填充至所述簡(jiǎn)易模版中并生成所述用戶界面。

在一種實(shí)施例中，所述API需求數(shù)據(jù)包括用戶當(dāng)前提供的數(shù)據(jù)陣列，根據(jù)用戶的輸入獲取API需求數(shù)據(jù)并填充至所述簡(jiǎn)易模版中并生成所述用戶界面包括以下步驟：獲取用戶當(dāng)前提供的數(shù)據(jù)陣列并填充至所述簡(jiǎn)易模版中并生成所述用戶界面。

在一種實(shí)施例中，所述API需求數(shù)據(jù)包括預(yù)存在至少一路由地址的數(shù)據(jù)陣列，所述獲取所述API需求數(shù)據(jù)的步驟包括：根據(jù)用戶的輸入所述至少一路由地址調(diào)用所述至少一路由地址存儲(chǔ)的數(shù)據(jù)陣列，及使用數(shù)據(jù)過(guò)濾系統(tǒng)將所述至少一路由地址存儲(chǔ)的數(shù)據(jù)陣列組裝并填充至所述簡(jiǎn)易模版中從而生成所述用戶界面。

在一種實(shí)施例中，所述生成方法還包括以下步驟：將所述用戶輸入的設(shè)定信息及/或所述API需求數(shù)據(jù)轉(zhuǎn)換為JSON字符串。