[發明專利]一種前端頁面模板復用的方法

在審

• 申請號: 201911404220.X
• 申請日: 2019-12-31
• 公開（公告）號: CN111158675A
• 公開（公告）日: 2020-05-15
• 發明（設計）人: 何磊
• 申請（專利權）人: 山東愛城市網信息技術有限公司
• 主分類號: G06F8/36
• 分類號: G06F8/36;G06F8/38
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 郗艷榮

1.一種前端頁面模板復用的方法，其特征在于：包括生成模板頁面和利用模板生成頁面兩個部分，具體包括以下步驟：

第一步，根據具體需求制定出一套合適的頁面主題；

第二步，結合技術規范和頁面主題設計出可以復用的頁面樣式庫，使得頁面遇到的問題都能在樣式庫中找到解決方案；

第三步，根據可能存在的應用場景，設計出不同應用場景下的頁面模板，為開發人員提供參考；

第四步，根據實際場景，挑選頁面，并將頁面中新加入的樣式經過審核后加入樣式庫中。

2.根據權利要求1所述的前端頁面模板復用的方法，其特征在于：所述第一步中，對頁面模板進行結構化分析，制定頁面相關元素的基本顯示方式作為頁面主題，包括頁面主題色、頁面呈現規則和頁面控件標準，從而使頁面模板處理變得清晰高效。

3.根據權利要求1所述的前端頁面模板復用的方法，其特征在于：所述第二步中，由前端開發人員、具體業務組的人員以及UI設計人員共同參與設計頁面樣式庫；具體業務組人員和UI設計人員共同參與可以針對具體需求制定正確且符合需求的頁面樣式，避免開發人員對不同頁面使用不同樣式，使得樣式與每個單獨頁面聯系過于緊密。

4.根據權利要求1所述的前端頁面模板復用的方法，其特征在于：所述第三步中，頁面模板的創建和頁面主題規范密切相關，每一個頁面控件的樣式都有具體的樣式規范；頁面模板要盡可能簡單，并對頁面模板做統一的樣式說明，每一個頁面模板都清晰明了地告訴開發人員在當前情況下應該應用什么樣的頁面樣式。

5.根據權利要求1所述的前端頁面模板復用的方法，其特征在于：所述第四步中，根據頁面具體呈現的不同內容和頁面模板統一的樣式說明，采用不同的頁面模板；在開發頁面之前正確選擇頁面模板，從而防止在開發頁面的過程中產生新的問題，方便用戶對所有頁面模板做統一的樣式調整。

6.根據權利要求1或5所述的前端頁面模板復用的方法，其特征在于：所述第四步中，登錄頁面的呈現形式與具體內容頁面選用不同模板，具體內容頁面中又分為文字數據呈現頁面與圖表文字呈現頁面，所述文字數據呈現頁面與圖表文字呈現頁面分別根據需要選取不同的頁面模板。

7.根據權利要求1或5所述的前端頁面模板復用的方法，其特征在于：所述第四步中，在頁面開發過程中，當頁面根據業務需求的不同對頁面樣式有不同的要求的情況時，在公有樣式庫中尋找到所需樣式，可以根據實際場景調整頁面樣式。

8.根據權利要求7所述的前端頁面模板復用的方法，其特征在于：當所述公有樣式庫中沒有所需樣式時，可以在當前頁面中單獨定義樣式。