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

在審

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

本發明特別涉及一種前端頁面模板復用的方法。該前端頁面模板復用的方法，包括生成模板頁面和利用模板生成頁面兩個部分。該前端頁面模板復用的方法，通過不斷補充樣式庫，制定不同場景下的模板頁面，不僅有效減少了頁面開發周期，能夠快速構建同類型的頁面，同時還降低了代碼維護成本以及系統的頁面復雜度，最重要的是保持了頁面風格的一致性，提升了用戶體驗。

技術領域

本發明涉及前端技術領域，特別涉及一種前端頁面模板復用的方法。

背景技術

前端即網站前臺部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。前端技術指通過瀏覽器到用戶端計算機的統稱，存貯于服務器端的統稱為后端技術。前端開發主要職能就是把網站的界面更好地呈現給用戶。

前端技術一般分為前端設計和前端開發，前端設計一般可以理解為網站的視覺設計，前端開發則是網站的前臺代碼實現，包括基本的HTML和CSS以及JavaScript/ajax，現在最新的高級版本HTML5、CSS3，以及SVG等。

前端技術的發展是互聯網自身發展變化的一個縮影。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平臺響應式網頁設計能夠適應各種屏幕分辨率，完美的動效設計，給用戶帶來極高的用戶體驗。

在Web1.0時代，由于網速和終端能力的限制，大部分網站只能呈現簡單的圖文信息，并不能滿足用戶在界面上的需求，對界面技術的要求也不高。隨著硬件的完善、高性能瀏覽器的出現和寬帶的普及，技術可以在用戶體驗方面實現更多種可能，前端技術領域迸發出旺盛的生命力。

隨著互聯網進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現，前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現的。

近年來，手機成為人們生活中不可或缺的一部分，成為人們身體的延伸，人們迎來了體驗為王的時代。移動端的前端技術開發前景寬闊。此外，前端技術還能應用于智能電視、智能手表甚至人工智能領域。移動互聯網帶來了大量高性能的移動終端設備以及快速的無線網絡，HTML5，node.jS的廣泛應用，各類框架類庫層出不窮。

在數據時代，隨著互聯網技術的迅速發展，產生了大量的數據，人們的工作和生活基本上都可以用數字化表示。為了直觀地將數據呈現到前端頁面上，并快速開發相同類型的頁面，采用一種有效地頁面復用方式就顯得越發重要。

傳統的頁面復用方式是由前端工程師根據業務需求編寫頁面，這些頁面與業務緊密相關，頁面樣式無法做到統一化，也就無法做到樣式的重復利用。正是這種繁雜重復的工作造成了頁面開發的低效化，又因為樣式風格的不規范導致樣式無法共享使用，降低了復用效率。

基于上述情況，本發明提出了一種前端頁面模板復用的方法。

發明內容

本發明為了彌補現有技術的缺陷，提供了一種簡單高效的前端頁面模板復用的方法。

本發明是通過如下技術方案實現的：

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

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

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

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

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