[發明專利]一種基于DSL的用戶界面生成方法、裝置及存儲介質

有效

• 申請號: 202010594094.5
• 申請日: 2020-06-24
• 公開（公告）號: CN111736834B
• 公開（公告）日: 2023-05-30
• 發明（設計）人: 楊訸;林龍;王岳;史存存;黃桂林;胡戈飚;楊玎
• 申請（專利權）人: 全球能源互聯網研究院有限公司;國網江西省電力有限公司;國家電網有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957
• 代理公司: 北京三聚陽光知識產權代理有限公司 11250
• 代理人: 李靜玉

本發明公開了一種基于DSL的用戶界面生成方法、裝置及存儲介質，該方法包括：獲取根據領域定制語言文法定義的用戶界面需求描述；根據用戶界面需求描述進行解析得到用戶的界面定義；根據用戶的界面定義、外部用戶界面庫以及內置的領域知識生成用戶界面。通過實施本發明，針對用戶界面設計了一種DSL，可以用于編寫用戶界面需求，并根據用戶界面需求，結合當前領域知識如HTML、JS與CSS等和外部用戶界面庫，最終生成完整的用戶界面。因此，本發明實施例提供的基于DSL的用戶界面生成方法，通過一種語言，完成HTML、JS與CSS三種格式文件的編寫，可以避免模糊不清帶來的錯誤，并最終完成對整個用戶界面的開發工作。

技術領域

本發明涉及計算機技術領域，具體涉及一種基于DSL的用戶界面生成方法、裝置及存儲介質。

背景技術

目前，在服務端基本都是使用一種編程語言，完成所有的邏輯開發，例如Java、Python等；而與服務器端不同，完成用戶界面的設計至少需要采用HTML、JavaScript與CSS三部分內容，并且至少需要靠三種不同的語法形式完成這三部分內容，此外還有基于這三部分的一些高級開發框架，例如VUE、AngularJS、React等，同時高級開發框架仍然離不開編寫HTML、JavaScript與CSS的內容，還增加了需要學習的高級語法，開發者需要反復根據用戶界面對這三部分進行調整，直至完成整個用戶界面的開發，如何利用現有的領域知識，簡化工作流程，避免重復工作，是一個亟待解決的問題。

發明內容

有鑒于此，本發明實施例提供了一種基于DSL的用戶界面生成方法、裝置及存儲介質，以解決現有用戶界面設計中工作流程較為復雜的技術問題。

本發明提出的技術方案如下：

本發明實施例第一方面提供一種基于DSL的用戶界面生成方法，該用戶界面生成方法包括：獲取根據領域定制語言文法定義的用戶界面需求描述；根據所述用戶界面需求描述進行解析得到用戶的界面定義；根據所述用戶的界面定義、外部用戶界面庫以及內置的領域知識生成用戶界面。

進一步地，所述領域定制語言文法包括：用戶界面、頁面、組件、組件的樣式、位置和內容、組件的動作以及工作流；所述用戶界面包括多個所述頁面，所述頁面包括多個組件及組件的樣式、位置和內容，所述組件的內容包括多個組件和字符串，所述組件的動作包括組件、組件觸發的時間以及工作流，所述工作流包括順序、分支和條件三種結構。

進一步地，所述內置的領域知識包括：CSS、HTML以及JavaScript。

進一步地，所述工作流中的語法包括：start、end、fork、join、append以及select。

進一步地，所述工作流中的函數參數和返回值均為JSON格式。

進一步地，根據所述用戶的界面定義、外部庫以及內置的領域知識生成用戶界面，包括：根據所述CSS、HTML以及用戶的界面定義中的組件生成頁面樣式和頁面DOM；根據所述工作流生成JavaScript中的工作流，所述JavaScript中的工作流與頁面組件中的相應動作綁定；根據外部用戶界面庫、頁面樣式、頁面組件以及JavaScript中的工作流生成用戶界面。

本發明實施例第二方面提供一種基于DSL的用戶界面生成裝置，該用戶界面生成裝置包括：定義模塊，用于獲取根據領域定制語言文法定義的用戶界面需求描述；解析模塊，用于根據所述用戶界面需求描述進行解析得到用戶的界面定義；界面生成模塊，用于根據所述用戶的界面定義、外部用戶界面庫以及內置的領域知識生成用戶界面。

進一步地，所述界面生成模塊包括：樣式組件生成模塊，用于根據CSS、HTML以及用戶的界面定義中的組件生成頁面樣式和頁面DOM；綁定模塊，用于根據工作流生成JavaScript中的工作流，JavaScript中的工作流與頁面組件中的相應動作綁定；用戶界面生成模塊，用于根據外部用戶界面庫、頁面樣式、頁面組件以及JavaScript中的工作流生成用戶界面。