一种基于Bootstrap显示运行时定制页面的方法_2

文档序号:8412340阅读:来源:国知局
入要加载的页面ID,客户端读取服务器端UI页面的描述定义,通过该定义进行界面元素和数据绑定的解析及二次描述,并通过JSON格式的数据返回到客户端,客户端根据返回的JSON数据进行页面元素的布局和重组,该联动是指根据返回的JSON生成页面数据的绑定Model实例,通过Ajax进行数据查询和绑定,并实现表单数据的业务逻辑处理。
[0023]所述页面联动操作的详细过程为:客户端把从服务器端获取的JSON数据进行处理,转换成对应的HTML Tag添加到一个空白页面中,形成持久层对象;
客户端脚本根据页面绑定的持久层对象生成一个Model并绑定到页面上;
页面元素加载完毕后,根据绑定的数据对象发起服务器请求,进行数据加载工作,并显示到页面,实现Π页面和数据的联动。
[0024]上述每个元素在生成到HTML页面时均有对应JavaScript对其进行包装处理。
[0025]所述Π页面在联动操作时,根据页面元素内的值变化实时更新Model内对应字段的值,并返回数据库保存:即服务器端检测到有变化数据存在时,该变化部分的数据通过双向绑定,将页面的值变化反映到绑定的Model中,并通过请求更新到数据库并保存。
[0026]在上述方法中,对于每个页面在页面展示时,会根据不同的绑定数据对象生成不同的Model对象,绑定到页面上。
[0027]服务器端进行数据保存工作时,会根据修改后的内容结合权限进行更新,防止修改页面属性进行越权操作。
[0028]实施例:
在GSPStud1中追加新的业务对象,并在业务对象上追加Web类型的表单定义。
[0029]给指定的表单指定列权限。
[0030]在打开页面的链接上,指定subFrame.html并传递参数打开页面。
[0031]通过采用上述方法,可以根据业务要求定义页面的各种元素、布局、功能,最终显示页面根据设计的样式进行内容展示,实用性强。
[0032]上述【具体实施方式】仅是本发明的具体个案,本发明的专利保护范围包括但不限于上述【具体实施方式】,任何符合本发明的一种基于Bootstrap显示运行时定制页面的方法的权利要求书的且任何所述技术领域的普通技术人员对其所做的适当变化或替换,皆应落入本发明的专利保护范围。
【主权项】
1.一种基于Bootstrap显示运行时定制页面的方法,其特征在于,其具体实现过程为:首先进行页面初始化,即用户在客户端向服务器端发出页面浏览请求,服务器端根据请求的页面ID获取页面描述文档并解析,形成JSON格式数据返回客户端; 页面联动操作:客户端脚本调用返回的JSON数据描绘Π页面,生成数据Model实例并获取数据绑定到页面,实现Π页面和数据的联动。
2.根据权利要求1所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述页面初始化前,创建页面基础描述文档,该页面基础描述文档包含的内容包括:页面元素类型、绑定数据对象、页面元素绑定的对应字段,并提供列权限进行显示字段的过滤和可编辑性。
3.根据权利要求2所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述页面初始化的详细过程为: 服务器端根据要获取的页面ID,获取运行时定制页面的设计文档ID,并从数据库获取该文档的描述XML文档; 服务器端分析获取的对应页面XML文档,将获取的每一个项目的属性转换成JSON格式,返回到客户端。
4.根据权利要求1所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述JSON数据描绘的Π页面包括以下元素:文本、数字、下拉、日期、时间、智能帮助控件。
5.根据权利要求4所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述页面联动操作的具体过程为:打开UI页面时,输入要加载的页面ID,客户端读取服务器端UI页面的描述定义,通过该定义进行界面元素和数据绑定的解析及二次描述,并通过JSON格式的数据返回到客户端,客户端根据返回的JSON数据进行页面元素的布局和重组。
6.根据权利要求5所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述页面联动操作的详细过程为: 客户端把从服务器端获取的JSON数据进行处理,转换成对应的HTML Tag添加到一个空白页面中,形成持久层对象; 客户端脚本根据页面绑定的持久层对象生成一个Model并绑定到页面上; 页面元素加载完毕后,根据绑定的数据对象发起服务器请求,进行数据加载工作,并显示到页面,实现Π页面和数据的联动。
7.根据权利要求6所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,上述每个元素在生成到HTML页面时均有对应JavaScript对其进行包装处理。
8.根据权利要求4-7任一所述的一种基于Bootstrap显示运行时定制页面的方法,其特征在于,所述Π页面在联动操作时,根据页面元素内的值变化实时更新Model内对应字段的值,并返回数据库保存:即服务器端检测到有变化数据存在时,该变化部分的数据通过双向绑定,将页面的值变化反映到绑定的Model中,并通过请求更新到数据库并保存。
【专利摘要】本发明公开了一种基于Bootstrap显示运行时定制页面的方法,其具体实现过程为:首先进行页面初始化,即用户在客户端向服务器端发出页面浏览请求,服务器端根据请求的页面ID获取页面描述文档并解析,形成JSON格式数据返回客户端;页面联动操作:客户端脚本调用返回的JSON数据描绘UI页面,生成数据Model实例并获取数据绑定到页面,实现UI页面和数据的联动。该一种基于Bootstrap显示运行时定制页面的方法与现有技术相比,使用AdaBoost算法迭代多次后,可以根据业务要求定义页面的各种元素、布局、功能,最终显示页面根据设计的样式进行内容展示,实用性强,易于推广。
【IPC分类】G06F9-44
【公开号】CN104731594
【申请号】CN201510135254
【发明人】陶德超, 贺作华, 杜晓东
【申请人】浪潮集团有限公司
【公开日】2015年6月24日
【申请日】2015年3月26日
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1