[发明专利]企业门户前端渲染引擎

说明书

技术领域

本发明涉及信息技术领域，具体的说，是企业门户前端渲染引擎。

背景技术

长期以来，企业门户都是采用传统的方式展现门户，即由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）形成完整的门户界面。