企业门户前端渲染引擎的制作方法_2

文档序号:8258940阅读:来源:国知局
以JS文件形式存在;
2)外壳渲染:从静态文件中取得外壳模型数据,将外壳模型数据传给外壳渲染层;夕卜壳渲染层将外壳内容取出用javascript技术渲染到浏览器中;
3)菜单渲染:从静态文件中取出菜单对象和用户建立的界面数据,将菜单对象和界面数据传给菜单渲染层;菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域;
4)界面浸染:从静态文件中取出布局表数据和组件表数据,将布局表数据和组件表数据传给界面渲染层;界面渲染层取得当前选中的界面,并将布局和界面中需要的组件取出;将布局内容渲染到外壳指定的内容区,并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中;
5)形成完整的门户界面。
[0025]实施例5:
本实施例是在上述实施例的基础上进一步优化,进一步的,为更好的实现本发明,所述外壳浸染层是底层接口只接收数据来渲染门户外壳,外壳中指定菜单、内容区显示位置;所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
[0026]实施例6:
本实施例是在实施例1的基础上进一步优化,进一步的,为更好的实现本发明,所述界面内设置有布局和组件。
[0027]实施例7:
本实施例是在上述任一实施例的基础上进一步优化,如图1所示,用户利用设计器进行门户设计,具体采用如下步骤:
(1)“设计器数据库数据”处理:将门户模型数据、外壳模型数据、菜单模型数据、皮肤模型数据、界面模型数据集成在设计器数据库内,每个模型的数据包含常用的基本信息,如,名称,详细信息,大小,内容,样式路径等;
(2)外壳DB数据处理并进行外壳渲染:从外壳模型数据中取出数据,将数据组装成树型结构,将组装后的数据交给外壳渲染层;外壳渲染层将外壳内容取出用javascript技术渲染到浏览器中; (3)皮肤动态数据处理并进行皮肤渲染:从皮肤模型数据中取出使用的CSS路径信息数据,将CSS路径信息数据组成合法的link标签数据,将link标签数据交给皮肤渲染层;皮肤渲染层将link标签用javascript技术渲染到浏览器中;
(4)菜单动态数据处理并进行菜单渲染:从菜单模型数据中取出菜单对象,从界面模型数据中取出用户建立的界面数据,将菜单对象和界面数据传给菜单渲染层;菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术渲染到外壳中指定的菜单区域;
(5)布局组件动态数据处理并进行界面浸染:从界面模型数据内将布局表数据和组件表数据取出,将布局表数据和组件表数据传给界面渲染层;界面渲染层取得当前选中的界面,并将布局和界面中需要的组件取出;将布局内容渲染到外壳指定的内容区,并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件渲染到布局中;
(6)完成门户设计。
[0028]用设计器将门户设计完成之后,将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中,进行静态文件格式化,然后从静态文件中取出数据进行画面渲染,在使用时浏览器下载一次后,存放在缓存中,并通过算法将固定的数据组装成一个完整的门户界面,具体包括以下步骤:
O前端格式化数据处理:将设计器数据库中的数据转化成JSON格式的文字存储到浏览器支持的静态文件中,静态文件以JS文件形式存在;
2)外壳静态数据处理及外壳渲染:从静态文件中取得外壳模型数据,将外壳模型数据传给外壳渲染层;外壳渲染层将外壳内容取出用javascript技术渲染到浏览器中;
3)皮肤静态数据处理及皮肤渲染,由于在门户设计时已经将皮肤的link标签数据信息生成在HTML界面中,故此步不需要调用数据处理;
4)菜单静态数据处理及菜单渲染:从静态文件中取出菜单对象和用户建立的界面数据,将菜单对象和界面数据传给菜单渲染层;菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域;
5)布局组件静态数据处理及界面浸染:从静态文件中取出布局表数据和组件表数据,将布局表数据和组件表数据传给界面渲染层;界面渲染层取得当前选中的界面,并将布局和界面中需要的组件取出;将布局内容渲染到外壳指定的内容区,并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件渲染到布局中;
6)形成完整的门户界面,便于用户进行访问。
[0029]本发明解决服务器性能瓶颈问题,采用静态化文件存储数据库中的数据,利用客户端浏览器缓存静态文件的原理,某些没有变化的文件只需要加载一次就不用再次加载,在读取数据时,界面数据只需要从静态文件中读取,从而缩短界面响应时间,降低服务器压力。
[0030]以上所述,仅是本发明的较佳实施例,并非对本发明做任何形式上的限制,凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化,均落入本发明的保护范围之内。
【主权项】
1.企业门户前端渲染引擎,其特征在于:用设计器设计好门户后,将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中,进行静态文件格式化,然后从静态文件中取出数据进行画面渲染,在使用时浏览器下载一次后,存放在缓存中,并通过算法将固定的数据组装成一个完整的门户界面。
2.根据权利要求1所述的企业门户前端渲染引擎,其特征在于:所述用设计器设计好门户包括以下具体步骤: (1)将门户模型数据、外壳模型数据、菜单模型数据、皮肤模型数据、界面模型数据集成在设计器数据库内; (2)外壳渲染:从外壳模型数据中取出数据,将数据组装成树型结构,将组装后的数据交给外壳渲染层;外壳渲染层将外壳内容取出用javascript技术渲染到浏览器中; (3)皮肤渲染:从皮肤模型数据中取出使用的CSS路径信息数据,将CSS路径信息数据组成合法的link标签数据,将link标签数据交给皮肤渲染层;皮肤渲染层将link标签用javascript技术植染到浏览器中; (4)菜单渲染:从菜单模型数据中取出菜单对象,从界面模型数据中取出用户建立的界面数据,将菜单对象和界面数据传给菜单渲染层;菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域; (5)界面浸染:从界面模型数据内将布局表数据和组件表数据取出,将布局表数据和组件表数据传给界面渲染层;界面渲染层取得当前选中的界面,并将布局和界面中需要的组件取出;将布局内容渲染到外壳指定的内容区,并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中; (6)完成门户设计。
3.根据权利要求2所述的企业门户前端渲染引擎,其特征在于:所述外壳浸染层是底层接口只接收数据来渲染门户外壳,外壳中指定菜单、内容区显示位置;所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
4.根据权利要求1或2或3所述的企业门户前端渲染引擎,其特征在于:所述“将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中,进行静态文件格式化,然后从静态文件中取出数据进行画面渲染,在使用时浏览器下载一次后,存放在缓存中,并通过算法将固定的数据组装成一个完整的门户界面”包括以下具体步骤: O前端格式化数据处理:将设计器数据库中的数据转化成JSON格式的文字存储到浏览器支持的静态文件中,静态文件以JS文件形式存在; 2)外壳渲染:从静态文件中取得外壳模型数据,将外壳模型数据传给外壳渲染层;夕卜壳渲染层将外壳内容取出用javascript技术渲染到浏览器中; 3)菜单渲染:从静态文件中取出菜单对象和用户建立的界面数据,将菜单对象和界面数据传给菜单渲染层;菜单渲染层将菜单对象中的模板和界面数据拼装成一个完整的HTML片段用javascript技术植染到外壳中指定的菜单区域; 4)界面浸染:从静态文件中取出布局表数据和组件表数据,将布局表数据和组件表数据传给界面渲染层;界面渲染层取得当前选中的界面,并将布局和界面中需要的组件取出;将布局内容渲染到外壳指定的内容区,并在每个组件中找到组件要渲染到布局中的位置用javascript技术将组件植染到布局中; 5)形成完整的门户界面。
5.根据权利要求4所述的企业门户前端渲染引擎,其特征在于:所述外壳浸染层是底层接口只接收数据来渲染门户外壳,外壳中指定菜单、内容区显示位置;所述皮肤浸染层是底层接口只接收数据来渲染门户皮肤。
6.根据权利要求1所述的企业门户前端渲染引擎,其特征在于:所述界面内设置有布局和组件。
【专利摘要】本发明公开了企业门户前端渲染引擎,用设计器设计好门户后,将设计器数据库内的外壳、皮肤、菜单、界面用javascript技术组装到浏览器中,进行静态文件格式化,然后从静态文件中取出数据进行画面渲染,在使用时浏览器下载一次后,存放在缓存中,并通过算法将固定的数据组装成一个完整的门户界面,解决服务器性能瓶颈问题,采用静态化文件存储数据库中的数据,利用客户端浏览器缓存静态文件的原理,某些没有变化的文件只需要加载一次就不用再次加载,在读取数据时,界面数据只需要从静态文件中读取,从而缩短界面响应时间,降低服务器压力。
【IPC分类】G06F17-30
【公开号】CN104573069
【申请号】CN201510037490
【发明人】倪平波, 张捷, 杨德胜, 喻梅, 张开智, 李念念, 焦兴柱, 陶国恩, 郭晶
【申请人】四川中电启明星信息技术有限公司
【公开日】2015年4月29日
【申请日】2015年1月26日
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1