[發(fā)明專利]一種基于DSL的用戶界面生成方法、裝置及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202010594094.5
• 申請(qǐng)日: 2020-06-24
• 公開（公告）號(hào): CN111736834B
• 公開（公告）日: 2023-05-30
• 發(fā)明（設(shè)計(jì)）人: 楊訸;林龍;王岳;史存存;黃桂林;胡戈飚;楊玎
• 申請(qǐng)（專利權(quán)）人: 全球能源互聯(lián)網(wǎng)研究院有限公司;國網(wǎng)江西省電力有限公司;國家電網(wǎng)有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F16/957
• 代理公司: 北京三聚陽光知識(shí)產(chǎn)權(quán)代理有限公司 11250
• 代理人: 李靜玉

1.一種基于DSL的用戶界面生成方法，其特征在于，包括：

獲取根據(jù)領(lǐng)域定制語言文法定義的用戶界面需求描述；

根據(jù)所述用戶界面需求描述進(jìn)行解析得到用戶的界面定義，采用編譯器解析用戶界面需求描述得到用戶的界面定義；

根據(jù)所述用戶的界面定義、外部用戶界面庫以及內(nèi)置的領(lǐng)域知識(shí)生成用戶界面，編譯器在解析得到用戶的界面定義后，結(jié)合內(nèi)置的領(lǐng)域知識(shí)以及外部的用戶界面庫生成整套用戶界面；

所述領(lǐng)域定制語言文法包括：用戶界面、頁面、組件、組件的樣式、位置和內(nèi)容、組件的動(dòng)作以及工作流；

所述用戶界面包括多個(gè)所述頁面，所述頁面包括多個(gè)組件及組件的樣式、位置和內(nèi)容，所述組件的內(nèi)容包括多個(gè)組件和字符串，所述組件的動(dòng)作包括組件、組件觸發(fā)的事件以及工作流，所述工作流包括順序、分支和條件三種結(jié)構(gòu)；

所述用戶的界面定義中工作流的定義過程包括：將一系列對(duì)于組件的操作封裝在工作流中，工作流用于表示觸發(fā)某事件的組件的動(dòng)作，將工作流、組件和觸發(fā)事件進(jìn)行綁定，綁定后當(dāng)組件觸發(fā)某事件時(shí)按照綁定的工作流進(jìn)行處理；

根據(jù)所述用戶的界面定義、外部庫以及內(nèi)置的領(lǐng)域知識(shí)生成用戶界面，包括：

根據(jù)CSS、HTML以及用戶的界面定義中的組件生成頁面樣式和頁面DOM；

根據(jù)所述工作流生成JavaScript中的工作流，所述JavaScript中的工作流與頁面組件中的相應(yīng)動(dòng)作綁定；

根據(jù)外部用戶界面庫、頁面樣式、頁面組件以及JavaScript中的工作流生成用戶界面。

2.根據(jù)權(quán)利要求1所述的基于DSL的用戶界面生成方法，其特征在于，所述內(nèi)置的領(lǐng)域知識(shí)包括：CSS、HTML以及JavaScript。

3.根據(jù)權(quán)利要求1所述的基于DSL的用戶界面生成方法，其特征在于，所述工作流中的語法包括：start、end、fork、join、append以及select。

4.根據(jù)權(quán)利要求1所述的基于DSL的用戶界面生成方法，其特征在于，所述工作流中的函數(shù)參數(shù)和返回值均為JSON格式。

5.一種基于DSL的用戶界面生成裝置，其特征在于，包括：

定義模塊，用于獲取根據(jù)領(lǐng)域定制語言文法定義的用戶界面需求描述；

解析模塊，用于根據(jù)所述用戶界面需求描述進(jìn)行解析得到用戶的界面定義；

界面生成模塊，用于根據(jù)所述用戶的界面定義、外部用戶界面庫以及內(nèi)置的領(lǐng)域知識(shí)生成用戶界面；

所述領(lǐng)域定制語言文法包括：用戶界面、頁面、組件、組件的樣式、位置和內(nèi)容、組件的動(dòng)作以及工作流；

所述用戶界面包括多個(gè)所述頁面，所述頁面包括多個(gè)組件及組件的樣式、位置和內(nèi)容，所述組件的內(nèi)容包括多個(gè)組件和字符串，所述組件的動(dòng)作包括組件、組件觸發(fā)的事件以及工作流，所述工作流包括順序、分支和條件三種結(jié)構(gòu)；

所述用戶的界面定義中工作流的定義過程包括：將一系列對(duì)于組件的操作封裝在工作流中，工作流用于表示觸發(fā)某事件的組件的動(dòng)作，將工作流、組件和觸發(fā)事件進(jìn)行綁定，綁定后當(dāng)組件觸發(fā)某事件時(shí)按照綁定的工作流進(jìn)行處理；

所述界面生成模塊包括：

樣式組件生成模塊，用于根據(jù)CSS、HTML以及用戶的界面定義中的組件生成頁面樣式和頁面DOM；

綁定模塊，用于根據(jù)工作流生成JavaScript中的工作流，JavaScript中的工作流與頁面組件中的相應(yīng)動(dòng)作綁定；

用戶界面生成模塊，用于根據(jù)外部用戶界面庫、頁面樣式、頁面組件以及JavaScript中的工作流生成用戶界面。

6.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)指令，所述計(jì)算機(jī)指令用于使所述計(jì)算機(jī)執(zhí)行如權(quán)利要求1－4任一項(xiàng)所述的基于DSL的用戶界面生成方法。

7.一種電子設(shè)備，其特征在于，包括：存儲(chǔ)器和處理器，所述存儲(chǔ)器和所述處理器之間互相通信連接，所述存儲(chǔ)器存儲(chǔ)有計(jì)算機(jī)指令，所述處理器通過執(zhí)行所述計(jì)算機(jī)指令，從而執(zhí)行如權(quán)利要求1－4任一項(xiàng)所述的基于DSL的用戶界面生成方法。