[發明專利]基于思維導圖的Web應用開發方法及裝置、電子設備

有效

• 申請號: 202010220565.6
• 申請日: 2020-03-25
• 公開（公告）號: CN111414168B
• 公開（公告）日: 2022-09-16
• 發明（設計）人: 鄭晉;張旭明;王豪邁;胥昕
• 申請（專利權）人: 北京星辰天合科技股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 周春枚

本發明公開了一種基于思維導圖的Web應用開發方法及裝置、電子設備。其中，該方法包括：接收思維導圖配置文件，其中，思維導圖是基于Web應用的目標項目新增的思維架構圖；基于思維導圖配置文件，編輯Web應用的信息架構；確定Web應用的界面設計框架；基于Web應用的信息架構和界面設計框架，生成Web應用框架。本發明解決了Web應用開發過程中的重復工作量大，降低開發效率的技術問題。

技術領域

本發明涉及應用開發技術領域，具體而言，涉及一種基于思維導圖的Web應用開發方法及裝置、電子設備。

背景技術

相關技術中，在Web應用開發過程中存在許多重復性的工作，如開發一個資源管理系統，其一般流程如下：第一步，初始化項目倉庫并引入UI框架；第二步，根據系統設計開發路由機制；第三步，開發系統的整體應用框架；第四步，逐個編寫系統的各個資源管理頁面。這種開發方式，存在較大的弊端：需要手動引入UI框架，并重復的開發系統的路由機制和相似的頁面及組件，這些重復的工作使得開發人員無法聚焦于具體業務的開發，大大降低了Web應用的開發效率。

針對上述的問題，目前尚未提出有效的解決方案。

發明內容

本發明實施例提供了一種基于思維導圖的Web應用開發方法及裝置、電子設備，以至少解決Web應用開發過程中的重復工作量大，降低開發效率的技術問題。

根據本發明實施例的一個方面，提供了一種基于思維導圖的Web應用開發方法，包括：接收思維導圖配置文件，其中，所述思維導圖是基于Web應用的目標項目新增的思維架構圖；基于所述思維導圖配置文件，編輯Web應用的信息架構；確定Web應用的界面設計框架；基于所述Web應用的信息架構和界面設計框架，生成Web應用框架。

可選地，基于所述思維導圖配置文件，編輯Web應用的信息架構的步驟，包括：基于所述思維導圖配置文件，確定Web應用的應用基本信息，其中，所述應用基本信息至少包括：頁面、信息節點和操作；為所述信息節點添加備注信息，其中，所述備注信息包括下述至少之一：統一資源定位符和鏈接地址；基于所述應用基本信息和所述備注信息，確定Web應用的信息架構。

可選地，基于所述Web應用的信息架構和界面設計框架，生成Web應用框架的步驟，包括：控制解析引擎遍歷所述信息架構上所有信息節點，確定每個信息節點的節點信息和備注信息；基于所述節點信息和所述備注信息，確定與每個項目資源對應的資源列表頁面和資源詳情頁面，其中，所述資源列表頁用于記錄對每個項目資源的操作工具欄，所述資源詳情頁面用于記錄項目資源的資源信息和附屬標簽頁面；基于所述資源列表頁面和資源詳情頁面，生成Web應用框架。

可選地，在接收思維導圖配置文件之后，所述開發方法還包括：將所述思維導圖配置文件保存為目標格式的配置文件，以便解析引擎調用。

可選地，在生成Web應用框架之后，所述開發方法還包括：生成與每個信息節點對應的插槽文件，其中，所述插槽文件用于對Web應用框架中的頁面或組件進行定制修改。

根據本發明實施例的另一方面，還提供了一種基于思維導圖的Web應用開發裝置，包括：接收單元，關于接收思維導圖配置文件，其中，所述思維導圖是基于Web應用的目標項目新增的思維架構圖；編輯單元，用于基于所述思維導圖配置文件，編輯Web應用的信息架構；確定單元，用于確定Web應用的界面設計框架；生成單元，用于基于所述Web應用的信息架構和界面設計框架，生成Web應用框架。

可選地，所述編輯單元包括：第一確定模塊，用于基于所述思維導圖配置文件，確定Web應用的應用基本信息，其中，所述應用基本信息至少包括：頁面、信息節點和操作；添加模塊，用于為所述信息節點添加備注信息，其中，所述備注信息包括下述至少之一：統一資源定位符和鏈接地址；第二確定模塊，用于基于所述應用基本信息和所述備注信息，確定Web應用的信息架構。