[發明專利]一種web頁面配置化的方法

在審

• 申請號: 202211615970.3
• 申請日: 2022-12-15
• 公開（公告）號: CN116225427A
• 公開（公告）日: 2023-06-06
• 發明（設計）人: 張毅
• 申請（專利權）人: 廈門最有料數字科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 福州順升知識產權代理事務所(普通合伙) 35242
• 代理人: 陳如燕

本發明涉及web前端開發技術領域，尤其為一種web頁面配置化的方法，包括定義多類型前端架構、前端模塊配置、組件接受參數、組件事件的暴露、父組件接受監聽和父組件傳遞數據更新頁面步驟，其中，前端模塊配置為配置模塊json對象，里面包含頁面類型type、title、direction、form表單對象、buttonGroup對象，form對象主要是用來配置表單組件input、select、checkbox，buttonGroup對象主要是來處理需要展示不同類型的button，其中細節的配置是基于原生的props。在頻繁的產品迭代中，能夠快速的搭建業務組件頁面，可以滿足絕大部分的業務場景，且簡潔明了的頁面架構和通俗易懂的代碼規范也可以讓使用者進行二次開發修改。

技術領域

本發明涉及web前端開發技術領域，具體為一種web頁面配置化的方法。

背景技術

web前端開發通過HTML，CSS，JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁制作演變而來，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以及圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。

如今現在的web系統中，各種技術應用層出不窮。在日常項目開發中，我們可能會遇到一些項目，它們的文案可能會不定期改變，多個頁面有相似之處，但是相同中又有不同，比如有的直播活動，策略邏輯沒變，改了獎品、背景圖和banner，也可以叫做換膚；也比如一些產品的官網，會不斷加一些子頁面，但是風格都是統一的，但會改變布局和文案。這個時候，做為技術，我們會思考如何能減少開發成本，避免改動一次文案替換一個圖片就跑一遍繁瑣的上線流程呢？大家一定能想到如果能把這些改動都做成可以配置的，那不就方便很多了么？由于各個后臺管理系統的頁面具有很多耦合點，避免出現因為業務需要進行一些繁瑣的重復開發，為了能提高頁面的構建效率，需要實現一種配置生成頁面的一些方案。

針對市面上已有的解決方案，是通過屏蔽一層層的底層代碼，抽象出一個絕對高級的接口，使得設計人員使用這個接口就可以設計網站。將常用的前端內容進行配置展現，配置由靜態字符串與表達式組成，配置可以設計的比源碼簡單易懂，經過管理的配置可以對接相應的交互頁面，配置中包含了布局、頁面、動作，卻也存在缺陷；

1)運行配置得到想要的內容，這中間經過了傳輸配置、解釋配置的過程，勢必會影響產品性能；

(2)注重準確性，要根據實際需求在范圍與準確性間權衡；

(3)為了控制復雜度需要限定功能設計的范圍；

(4)代碼規范要求高。

因此，針對上述問題提出一種web頁面配置化的方法。

發明內容

本發明的目的在于提供一種web頁面配置化的方法，在頻繁的產品迭代中，能夠快速的搭建業務組件頁面，可以滿足絕大部分的業務場景，且簡潔明了的頁面架構和通俗易懂的代碼規范也可以讓使用者進行二次開發修改,以解決上述背景技術中提出的問題。

為實現上述目的，本發明提供如下技術方案：

一種web頁面配置化的方法，包括如下步驟：

S1、定義多類型前端架構；

S2、前端模塊配置；

S3、組件接受參數；

S4、組件事件的暴露；

S5、父組件接受監聽；

S6、父組件傳遞數據更新頁面。