企业门户前端渲染引擎的制作方法
【技术领域】
[0001]本发明涉及信息技术领域，具体的说，是企业门户前端渲染引擎。
【背景技术】
[0002]长期以来，企业门户都是采用传统的方式展现门户，即由JSP/ASP在服务器端进行计算，然后发送大量的文字给客户端。这样的弊端就是服务器需要大量的运算和占用比较多的带宽。如果用户量比较多，会给服务器造成一定的压力。
[0003]企业门户采用服务器运算，将最终生成的界面发送到客户端。如果用户量达到很多的时候，需要不断提升硬件性能以支撑大量的运算，高性能的硬件设备成本较高且无法彻底解决服务器生成界面的问题。
【发明内容】
[0004]本发明的目的在于提供企业门户前端渲染引擎，解决服务器性能瓶颈问题，采用静态化文件存储数据库中的数据，利用客户端浏览器缓存静态文件的原理，某些没有变化的文件只需要加载一次就不用再次加载，在读取数据时，界面数据只需要从静态文件中读取，从而缩短界面响应时间，降低服务器压力。
[0005]本发明通过下述技术方案实现:用设计器设计好门户后，将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中，进行静态文件格式化，然后从静态文件中取出数据进行画面渲染，在使用时浏览器下载一次后，存放在缓存中，并通过算法将固定的数据组装成一个完整的门户界面，解决服务器性能瓶颈问题，采用静态化文件存储数据库中的数据，利用客户端浏览器缓存静态文件的原理，某些没有变化的文件只需要加载一次就不用再次加载，在读取数据时，界面数据只需要从静态文件中读取，从而缩短界面响应时间，降低服务器压力。
[0006]进一步的，为更好的实现本发明，所述用设计器设计好门户包括以下具体步骤:
(1)将门户模型数据、外壳模型数据、菜单模型数据、皮肤模型数据、界面模型数据集成在设计器数据库内；
(2)外壳渲染:从外壳模型数据中取出数据，将数据组装成树型结构，将组装后的数据交给外壳渲染层；外壳渲染层将外壳内容取出用javascript技术渲染到浏览器中；
(3)皮肤渲染:从皮肤模型数据中取出使用的CSS路径信息数据，将CSS路径信息数据组成合法的link标签数据，将link标签数据交给皮肤渲染层；皮肤渲染层将link标签用javascript技术植染到浏览器中；
(4)菜单渲染:从菜单模型数据中取出菜单对象，从界面模型数据中取出用户建立的界面数据，将菜单对象和界面数据传给菜单渲染层；菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域；
(5)界面浸染:从界面模型数据内将布局表数据和组件表数据取出，将布局表数据和组件表数据传给界面渲染层；界面渲染层取得当前选中的界面，并将布局和界面中需要的组件取出；将布局内容渲染到外壳指定的内容区，并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中；
(6)完成门户设计。
[0007]进一步的，为更好的实现本发明，所述外壳浸染层是底层接口只接收数据来渲染门户外壳，外壳中指定菜单、内容区显示位置；所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
[0008]进一步的，为更好的实现本发明，所述“将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中，进行静态文件格式化，然后从静态文件中取出数据进行画面渲染，在使用时浏览器下载一次后，存放在缓存中，并通过算法将固定的数据组装成一个完整的门户界面”包括以下具体步骤:
O前端格式化数据处理:将设计器数据库中的数据转化成JSON格式的文字存储到浏览器支持的静态文件中，静态文件以JS文件形式存在；
2)外壳渲染:从静态文件中取得外壳模型数据，将外壳模型数据传给外壳渲染层；夕卜壳渲染层将外壳内容取出用javascript技术渲染到浏览器中；
3)菜单渲染:从静态文件中取出菜单对象和用户建立的界面数据，将菜单对象和界面数据传给菜单渲染层；菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域；
4)界面浸染:从静态文件中取出布局表数据和组件表数据，将布局表数据和组件表数据传给界面渲染层；界面渲染层取得当前选中的界面，并将布局和界面中需要的组件取出；将布局内容渲染到外壳指定的内容区，并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中；
5)形成完整的门户界面。
[0009]进一步的，为更好的实现本发明，所述外壳浸染层是底层接口只接收数据来渲染门户外壳，外壳中指定菜单、内容区显示位置；所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
[0010]进一步的，为更好的实现本发明，所述界面内设置有布局和组件。
[0011]本发明与现有技术相比，具有以下优点及有益效果:
(I)本发明解决服务器性能瓶颈问题，采用静态化文件存储数据库中的数据，利用客户端浏览器缓存静态文件的原理，某些没有变化的文件只需要加载一次就不用再次加载，在读取数据时，界面数据只需要从静态文件中读取，从而缩短界面响应时间，降低服务器压力。
[0012](2)本发明在使用时，可把界面大量的运算分散给各个客户端，即减轻服务器压力又节省带宽。
[0013](3)本发明从数据库中取数据进行画面渲染采用界面设计方式，从静态文件中取出数据进行画面渲染是门户发布后，且为大量的用户提供访问界面。
[0014](4)本发明利用浏览器可以缓存站点的文件，减少请求，和带宽的浪费；利用JSON的特点，在存储对象信息时，以树形结构存储，便于查找和使用。
[0015](5)本发明在使用时，HTML加载javascript文件后，在浏览器端使用的时候就是对象化，不需要在做任何处理。
【附图说明】
[0016]图1为本发明的流程图。
【具体实施方式】
[0017]下面结合实施例对本发明作进一步地详细说明，但本发明的实施方式不限于此。
[0018]企业门户:一个联接企业内部和外部的网站，它可以为企业提供一个单一的访问企业各种信息资源的入口，企业的员工、客户、合作伙伴和供应商等等都可以通过这个门户获得个性化的信息和服务。
[0019]前端:客户端(Client)或称为用户端，是指与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务端互相配合运行。
[0020]渲染:从模型生成图像的过程。模型是用严格定义的语言或者数据结构对于三维物体的描述，它包括几何、视点、纹理以及照明信息。
[0021]实施例1:
企业门户前端渲染引擎，用设计器设计好门户后，将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中，进行静态文件格式化，然后从静态文件中取出数据进行画面渲染，在使用时浏览器下载一次后，存放在缓存中，并通过算法将固定的数据组装成一个完整的门户界面，解决服务器性能瓶颈问题，采用静态化文件存储数据库中的数据，利用客户端浏览器缓存静态文件的原理，某些没有变化的文件只需要加载一次就不用再次加载，在读取数据时，界面数据只需要从静态文件中读取，从而缩短界面响应时间，降低服务器压力。
[0022]实施例2:
本实施例是在上述实施例的基础上进一步优化，进一步的，为更好的实现本发明，所述用设计器设计好门户包括以下具体步骤:
(1)将门户模型数据、外壳模型数据、菜单模型数据、皮肤模型数据、界面模型数据集成在设计器数据库内；
(2)外壳渲染:从外壳模型数据中取出数据，将数据组装成树型结构，将组装后的数据交给外壳渲染层；外壳渲染层将外壳内容取出用javascript技术渲染到浏览器中；
(3)皮肤渲染:从皮肤模型数据中取出使用的CSS路径信息数据，将CSS路径信息数据组成合法的link标签数据，将link标签数据交给皮肤渲染层；皮肤渲染层将link标签用javascript技术植染到浏览器中；
(4)菜单渲染:从菜单模型数据中取出菜单对象，从界面模型数据中取出用户建立的界面数据，将菜单对象和界面数据传给菜单渲染层；菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域；
(5)界面浸染:从界面模型数据内将布局表数据和组件表数据取出，将布局表数据和组件表数据传给界面渲染层；界面渲染层取得当前选中的界面，并将布局和界面中需要的组件取出；将布局内容渲染到外壳指定的内容区，并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中； (6)完成门户设计。
[0023]实施例3:
本实施例是在上述实施例的基础上进一步优化，进一步的，为更好的实现本发明，所述外壳浸染层是底层接口只接收数据来渲染门户外壳，外壳中指定菜单、内容区显示位置；所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
[0024]实施例4:
本实施例是在上述任一实施例的基础上进一步优化，进一步的，为更好的实现本发明，所述“将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中，进行静态文件格式化，然后从静态文件中取出数据进行画面渲染，在使用时浏览器下载一次后，存放在缓存中，并通过算法将固定的数据组装成一个完整的门户界面”包括以下具体步骤:
O前端格式化数据处理:将设计器数据库中的数据转化成JSON格式的文字存储到浏览器支持的静态文件中，静态文件