[發明專利]一種前端配置方法、系統及電子設備

在審

• 申請號: 201911313881.1
• 申請日: 2019-12-19
• 公開（公告）號: CN111124477A
• 公開（公告）日: 2020-05-08
• 發明（設計）人: 孟繁超;梁廣瑋;楊波
• 申請（專利權）人: 華云數據有限公司
• 主分類號: G06F8/71
• 分類號: G06F8/71;G06F8/36
• 代理公司: 蘇州友佳知識產權代理事務所(普通合伙) 32351
• 代理人: 儲振

本發明提供了一種前端配置方法、系統及電子設備，該前端配置方法包括：S1、預先在組件庫中定義出包含屬性配置的組件配置；S2、通過嵌套前端編輯器的前端編輯頁面接收前端配置業務請求，自組件庫獲取與組件配置匹配的組件；S3、前端編輯頁面中使用高階組件調用后端服務資源庫中與所述組件匹配的頁面配置數據，渲染形成前端。本發明所揭示的前端配置方法、前端配置系統及電子設備實現了業務代碼分離和代碼復用，顯著地提高了形成前端的代碼的復用性與可讀性，避免了開發人員在子類和基類之間作頻繁切換，降低了開發人員對前端的開發難度，從而顯著地提高了對前端的開發效率。

技術領域

本發明涉及計算機技術領域，尤其涉及一種前端配置方法、系統及電子設備。

背景技術

前端用于向用戶顯示或者推送頁面或者包含數據的頁面，頁面嵌布于計算機裝置中運行，而后端則是形成前端的底層代碼，并由開發人員通過代碼編寫而成。前端通常被理解為頁面、嵌布頁面的一種應用或者能夠被用戶遠程調用的具有GUI(用戶圖形界面)的計算機程序。

目前，前端開發的主流技術是基于React應用程序。React是一個用于構建用戶圖形界面的JavaScript庫。在React應用程序中，通常采用使用組件的嵌套和組合，通過對頁面進行區域模塊拆分，來進行前端的開發。頁面根據功能和展示特點，劃分為不同的組件，每個組件用來展示不同的視圖和數據，開發人員通過將不同的組件進行組合嵌套來實現頁面的開發。各個組件具有很高的獨立性和可插拔性，并具有代碼簡單、業務邏輯單一、復用性強等諸多優點。

然而，在實際開發中，前端開發人員也會用到基類繼承的方法來開發頁面。在基類中，定義通用性的函數方法來處理數據，并且提供渲染方法。開發人員在開發頁面時，頁面繼承基類并通過重載基類中的函數來實現特殊的業務需求，根據重載的方法，來影響基類中的渲染，在計算機裝置中展示出滿足頁面需求的視圖。

目前，雖然可通過組件的組合嵌套實現組件的強復用性和可插拔性，但是對于頁面復雜、組件間交互頻繁的場景，會造成組件耦合嚴重的情況。有時還會出現某一組件只在特定場景下使用，從而失去了復用性的本質。另外，對于頁面相似度很高的項目，各個頁面需要自己組裝嵌套組件，頁面之間重復代碼增多，影響開發效率。同時，針對某一頁面進行的組件的修改，也可能會產生全局性的顯示問題。如果采用基類繼承的方法，在頁面相似度很高的項目中，可以簡化各個頁面的代碼，將重復的組件提取出來在基類實現，各個頁面可以按需進行重載。但是繼承作為不被React應用程序推薦的方式。因為，在大型的項目或者軟件場景中，會出現維護困難的情況，并且為了通用性，很容易出現巨無霸式的基類，造成代碼可讀性很差。而且在開發過程中，開發人員不得不在子類和基類之間進行頻繁切換來確定如何重載，由此極大地降低了前端的開發效率。在缺乏對應代碼規范的情況下，采用基類繼承的方式對缺乏開發經驗的開發人員而言也較為困難。

隨著云計算及大數據中前后端開發的分離和后端微服務的發展，前端開始承載越來越多的業務邏輯和數據處理的工作，因此在前端開發場景中亟待如何解決業務代碼分離和代碼復用的問題。

有鑒于此，有必要對現有技術中對用戶推送頁面和/或應用的前端的配置方法予以改進，以解決上述問題。

發明內容

本發明的目的在于揭示一種前端配置方法以及運行該前端配置方法的一種電子設備，用以解決現有技術中基于React應用程序對前端進行開發過程中所存在的諸多缺陷，尤其是為了在前端開發過程中實現業務代碼分離和代碼復用，提高形成前端的代碼的復用性與可讀性，避免開發人員在子類和基類之間作頻繁切換，降低對前端的開發難度并提高對前端的開發效率。

為實現上述第一個發明目的，本發明首先提供了一種前端配置方法，包括以下步驟：

S1、預先在組件庫中定義出包含屬性配置的組件配置；

S2、通過嵌套前端編輯器的前端編輯頁面接收前端配置業務請求，自組件庫獲取與組件配置匹配的組件；