[發明專利]企業門戶前端渲染引擎

在審

• 申請號: 201510037490.7
• 申請日: 2015-01-26
• 公開（公告）號: CN104573069A
• 公開（公告）日: 2015-04-29
• 發明（設計）人: 倪平波;張捷;楊德勝;喻梅;張開智;李念念;焦興柱;陶國恩;郭晶
• 申請（專利權）人: 四川中電啟明星信息技術有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 成都君合集專利代理事務所(普通合伙) 51228
• 代理人: 廖曾

技術領域

本發明涉及信息技術領域，具體的說，是企業門戶前端渲染引擎。

背景技術

長期以來，企業門戶都是采用傳統的方式展現門戶，即由JSP/ASP在服務器端進行計算，然后發送大量的文字給客戶端。這樣的弊端就是服務器需要大量的運算和占用比較多的帶寬。如果用戶量比較多，會給服務器造成一定的壓力。

企業門戶采用服務器運算，將最終生成的界面發送到客戶端。如果用戶量達到很多的時候，需要不斷提升硬件性能以支撐大量的運算，高性能的硬件設備成本較高且無法徹底解決服務器生成界面的問題。

發明內容

本發明的目的在于提供企業門戶前端渲染引擎，解決服務器性能瓶頸問題，采用靜態化文件存儲數據庫中的數據，利用客戶端瀏覽器緩存靜態文件的原理，某些沒有變化的文件只需要加載一次就不用再次加載，在讀取數據時，界面數據只需要從靜態文件中讀取，從而縮短界面響應時間，降低服務器壓力。

本發明通過下述技術方案實現：用設計器設計好門戶后，將設計器數據庫內的外殼、皮膚、菜單、界面用javascript技術組裝到瀏覽器中，進行靜態文件格式化，然后從靜態文件中取出數據進行畫面渲染，在使用時瀏覽器下載一次后，存放在緩存中，并通過算法將固定的數據組裝成一個完整的門戶界面，解決服務器性能瓶頸問題，采用靜態化文件存儲數據庫中的數據，利用客戶端瀏覽器緩存靜態文件的原理，某些沒有變化的文件只需要加載一次就不用再次加載，在讀取數據時，界面數據只需要從靜態文件中讀取，從而縮短界面響應時間，降低服務器壓力。

進一步的，為更好的實現本發明，所述用設計器設計好門戶包括以下具體步驟：

（1）將門戶模型數據、外殼模型數據、菜單模型數據、皮膚模型數據、界面模型數據集成在設計器數據庫內；

（2）外殼渲染：從外殼模型數據中取出數據，將數據組裝成樹型結構，將組裝后的數據交給外殼渲染層；外殼渲染層將外殼內容取出用javascript技術渲染到瀏覽器中；

（3）皮膚渲染：從皮膚模型數據中取出使用的CSS路徑信息數據，將CSS路徑信息數據組成合法的link標簽數據，將link標簽數據交給皮膚渲染層；皮膚渲染層將link標簽用javascript技術渲染到瀏覽器中；

（4）菜單渲染：從菜單模型數據中取出菜單對象，從界面模型數據中取出用戶建立的界面數據，將菜單對象和界面數據傳給菜單渲染層；菜單渲染層將菜單對象中的模板和界面數據拼裝成一個完整的HTML片段用javascript技術渲染到外殼中指定的菜單區域；

（5）界面浸染：從界面模型數據內將布局表數據和組件表數據取出，將布局表數據和組件表數據傳給界面渲染層；界面渲染層取得當前選中的界面，并將布局和界面中需要的組件取出；將布局內容渲染到外殼指定的內容區，并在每個組件中找到組件要渲染到布局中的位置用javascript技術將組件渲染到布局中；

（6）完成門戶設計。

進一步的，為更好的實現本發明，所述外殼浸染層是底層接口只接收數據來渲染門戶外殼，外殼中指定菜單、內容區顯示位置；所述皮膚浸染層是底層接口只接收數據來渲染門戶皮膚。

進一步的，為更好的實現本發明，所述“將設計器數據庫內的外殼、皮膚、菜單、界面用javascript技術組裝到瀏覽器中，進行靜態文件格式化，然后從靜態文件中取出數據進行畫面渲染，在使用時瀏覽器下載一次后，存放在緩存中，并通過算法將固定的數據組裝成一個完整的門戶界面”包括以下具體步驟：

1）前端格式化數據處理：將設計器數據庫中的數據轉化成JSON格式的文字存儲到瀏覽器支持的靜態文件中，靜態文件以JS文件形式存在；

2）外殼渲染：從靜態文件中取得外殼模型數據，將外殼模型數據傳給外殼渲染層；外殼渲染層將外殼內容取出用javascript技術渲染到瀏覽器中；

3）菜單渲染：從靜態文件中取出菜單對象和用戶建立的界面數據，將菜單對象和界面數據傳給菜單渲染層；菜單渲染層將菜單對象中的模板和界面數據拼裝成一個完整的HTML片段用javascript技術渲染到外殼中指定的菜單區域；

4）界面浸染：從靜態文件中取出布局表數據和組件表數據，將布局表數據和組件表數據傳給界面渲染層；界面渲染層取得當前選中的界面，并將布局和界面中需要的組件取出；將布局內容渲染到外殼指定的內容區，并在每個組件中找到組件要渲染到布局中的位置用javascript技術將組件渲染到布局中；

5）形成完整的門戶界面。