[發明專利]一種前端頁面生成方法

在審

• 申請號: 202110766861.0
• 申請日: 2021-07-07
• 公開（公告）號: CN113485695A
• 公開（公告）日: 2021-10-08
• 發明（設計）人: 盛榮春;趙陽光
• 申請（專利權）人: 上海中通吉網絡技術有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/38
• 代理公司: 北京細軟智谷知識產權代理有限責任公司 11471
• 代理人: 鮑亞平

本發明涉及一種前端頁面生成方法，包括：基于頁面的統計分析獲取頁面中各個組成部分的通用組件；基于預設開源庫對目標頁面中的通用組件進行調整；為每一個通用組件配備相應的配置頁面以對通用組件進行配置；基于預設開發平臺對目標頁面進行存儲以減少代碼的開發。本發明的有益效果為：抽離出通用功能組件，以組件為單位，通過組件間拖拽布局，配置通信的方式形成普通頁面。極大節約開發資源，優化資源開發成本。

技術領域

本發明屬于前端開發技術領域，具體涉及一種前端頁面生成方法。

背景技術

目前在前端開發的頁面功能，大多都是重復性的功能開發。而為了減小重復開發的現象，人們開發了通用的組件庫減少了重復性的勞動，也大大減輕了開發的成本。然而僅僅基于組件庫開發還是不夠的，仍然需要開發代碼，而有代碼就要開發人員進行開發、維護、優化。長期的維護這些重復性的功能頁面，非常影響前端人員的技術成長。隨著企業業務的迅速增長開發效率的提升卻非常的緩慢，目前最有效的提升手段也只有增加開發人員，其必然造成成本的增加，非常不利于企業的發展。

發明內容

為了解決現有技術存在的維護效率低、開發成本高的問題，本發明提供了一種前端頁面生成方法，其具有節約開發資源、減少資源開發成本等特點。

根據本發明的具體實施方式的一種前端頁面生成方法，包括：

基于頁面的統計分析獲取頁面中各個組成部分的通用組件；

基于預設開源庫對目標頁面中的所述通用組件進行調整；

為每一個所述通用組件配備相應的配置頁面以對所述通用組件進行配置；

基于預設開發平臺對所述目標頁面進行存儲以減少代碼的開發。

進一步地，所述通用組件具有相應的通訊接口用于所述通訊組件間的通信。

進一步地，所述基于預設開源庫對目標頁面中的所述通用組件進行調整包括：

基于開源庫vue-grid-layout對所述通用組件的拖拽、縮放以及組件間的位置調換進行布局調整。

進一步地，所述為每一個所述通用組件配備相應的配置頁面以對所述同樣組件進行配置包括：

在配置頁面對配置組件的功能、樣式、數據展示、與其他組件通信進行配置。

進一步地，所述基于預設開發平臺對所述目標頁面進行存儲以減少代碼的開發包括：

基于no-code系統對所述目標頁面進行存儲以減少代碼的開發。

本發明的有益效果為：通過基于頁面的統計分析獲取頁面中各個組成部分的通用組件；基于預設開源庫對目標頁面中的通用組件進行調整；并為每一個通用組件配備相應的配置頁面以對同樣組件進行配置；基于預設開發平臺對目標頁面進行存儲以減少代碼的開發抽離出通用功能組件，實現了以組件為單位，通過組件間拖拽布局，配置通信的方式形成普通頁面。極大節約開發資源，優化資源開發成本。

附圖說明

為了更清楚地說明本發明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。

圖1是根據一示例性實施例提供的前端頁面生成方法的流程圖；

圖2是根據一示例性實施例提供的前端頁面生成的操作圖。

具體實施方式