System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种页面生成方法及装置制造方法及图纸_技高网

一种页面生成方法及装置制造方法及图纸

技术编号:40948736 阅读:2 留言:0更新日期:2024-04-18 20:23
本发明专利技术公开了一种页面生成方法及装置,涉及计算机技术领域。该方法的一具体实施方式包括:获取页面生成请求;所述页面生成请求指示了待生成页面的一个或多个页面功能;确定所述一个或多个页面功能分别对应的组件代码、布局属性及事件属性;根据所述组件代码动态生成目标组件;根据所述布局属性,配置所述目标组件在所述待生成页面的位置、大小及层级,生成布局信息;根据所述事件属性,配置所述目标组件的对外属性及响应事件,生成事件信息;根据所述目标组件的布局信息和事件信息,生成所述待生成页面。该实施方式可以实现根据用户或场景的功能需求动态地生成页面的目的,减少页面开发的硬编码时间,提高了页面开发的效率。

【技术实现步骤摘要】

本专利技术涉及计算机,尤其涉及一种页面生成方法及装置


技术介绍

1、在现有前端系统开发过程中,前端页面通常是在根据业务需求进行硬编码开发后再上线的。

2、前端页面上线后即固定不变,一旦有变更需求,需要重新编写代码并将更新后的前端页面再次上线,不能根据用户或业务场景动态变化;由此,使得前端页面的开发工作量增大,上线时间较长,从而导致了前端页面的开发效率较低。


技术实现思路

1、有鉴于此,本专利技术实施例提供一种页面生成方法及装置,能够根据待生成页面的页面功能确定对应的组件代码、布局属性及事件属性,利用组件代码动态生成目标组件,并根据布局属性及事件属性分别生成布局信息和事件信息,进而根据目标组件的布局信息和事件信息生成待生成页面。由此,可以实现根据用户或场景的功能需求动态地生成页面的目的,减少页面开发的硬编码时间,提高了页面开发的效率。

2、进一步地,根据多个组件的组件代码、布局属性及事件属性生成页面配置信息,并将页面配置信息存储至服务器中,在需要生成页面时,可以从服务器中拉取历史页面配置信息,根据用户或场景更新历史页面配置信息,再利用更新后的历史页面配置信息动态生成页面,可以为页面的生成提供可配置化的框架,进而可以较灵活地根据用户或场景动态生成页面。

3、另外,将根据用户或场景需求自定义的多个组件代码及布局属性和事件属性预先在注册表中注册,在生成页面时,可以根据用户或场景从注册表中获取满足需求的组件,动态生成目标组件,并配置生成页面,从而实现了组件开发与页面的配置及生成解耦,较灵活便捷地使用自定义组件,较大程度地复用注册表中的组件,降低了开发成本,进而提高了页面的开发效率。

4、为实现上述目的,根据本专利技术实施例的第一方面,提供了一种页面生成的方法,包括:

5、获取页面生成请求;所述页面生成请求指示了待生成页面的一个或多个页面功能;

6、确定所述一个或多个页面功能分别对应的组件代码、布局属性及事件属性;

7、根据所述组件代码动态生成目标组件;

8、根据所述布局属性,配置所述目标组件在所述待生成页面的位置、大小及层级,生成布局信息;

9、根据所述事件属性,配置所述目标组件的对外属性及响应事件,生成事件信息

10、根据所述目标组件的布局信息和事件信息,生成所述待生成页面。

11、可选地,所述根据所述组件代码动态生成目标组件,包括:

12、对所述组件代码中的模板代码段、脚本代码段及样式表代码段分别进行处理;

13、根据处理结果,调用组件函数生成组件对象,并对所述组件对象进行挂载,生成所述目标组件。

14、可选地,所述对所述组件代码中模板代码段、脚本代码段及样式表代码段分别进行处理,包括:

15、调用工具函数对所述脚本代码段进行处理;

16、调用构造器对所述模板代码段进行处理;

17、调用样式表函数对所述样式表代码段进行处理。

18、可选地,该方法还包括:

19、根据所述组件代码、所述布局信息及所述事件信息,生成页面配置信息;

20、确定识别码,将所述页面配置信息根据所述识别码存储至服务器中。

21、可选地,该方法还包括:

22、获取识别码;

23、根据所述识别码,从所述服务器中拉取对应的历史页面配置信息,并更新所述历史页面配置信息。

24、可选地,该方法还包括:

25、获取一个或多个组件代码及对应的布局属性和事件属性;

26、将所述组件代码、布局属性和事件属性在注册表中进行注册。

27、可选地,所述确定所述一个或多个页面功能分别对应的组件代码、布局属性和事件属性,还包括:

28、从所述注册表中,确定所述一个或多个页面功能分别对应的组件代码、布局属性及事件属性。

29、可选地,该方法还包括:

30、根据所述目标组件的组件标识,与所述注册表中对应的布局属性和事件属性进行同步。

31、可选地,在生成所述待生成页面之后,还包括:

32、确定待响应事件;

33、根据所述待生成页面的事件信息,确定支持所述待响应事件的触发函数,响应所述待响应事件。

34、根据本专利技术实施例的第二方面,提供了一种页面生成装置,包括:获取模块、确定模块、组件生成模块、配置模块和页面生成模块;其中,

35、所述获取模块,用于获取页面生成请求;所述页面生成请求指示了待生成页面的一个或多个页面功能;

36、所述确定模块,用于确定所述一个或多个页面功能分别对应的组件代码、布局属性及事件属性;

37、所述组件生成模块,用于根据所述组件代码动态生成目标组件;

38、所述配置模块,用于根据所述布局属性,配置所述目标组件在所述待生成页面的位置、大小及层级,生成布局信息;根据所述事件属性,配置所述目标组件的对外属性及响应事件,生成事件信息;

39、所述页面生成模块,用于根据所述目标组件的布局信息和事件信息,生成所述待生成页面。

40、根据本专利技术实施例的第三方面,提供了一种电子设备,包括:

41、一个或多个处理器;

42、存储装置,用于存储一个或多个程序,

43、当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述第一方面提供的一种页面生成方法中任一所述的方法。

44、根据本专利技术实施例的第四方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现如上述第一方面提供的一种页面生成方法中任一所述的方法。

45、上述专利技术中的一个实施例具有如下优点或有益效果:,能够根据待生成页面的页面功能确定对应的组件代码、布局属性及事件属性,利用组件代码动态生成目标组件,并根据布局属性及事件属性分别生成布局信息和事件信息,进而根据目标组件的布局信息和事件信息生成待生成页面。由此,可以实现根据用户或场景的功能需求动态地生成页面的目的,减少页面开发的硬编码时间,提高了页面开发的效率。

46、进一步地,根据多个组件的组件代码、布局属性及事件属性生成页面配置信息,并将页面配置信息存储至服务器中,在需要生成页面时,可以从服务器中拉取历史页面配置信息,根据用户或场景更新历史页面配置信息,再利用更新后的历史页面配置信息动态生成页面,可以为页面的生成提供可配置化的框架,进而可以较灵活地根据用户或场景动态生成页面。

47、另外,将根据用户或场景需求自定义的多个组件代码及布局属性和事件属性预先在注册表中注册,在生成页面时,可以根据用户或场景从注册表中获取满足需求的组件,动态生成目标组件,并配置生成页面,从而实现了组件开发与页面的配置及生成解耦,较灵活便捷地使用自定义组件,较大程度地复用注册表中的组件,降低了开发成本本文档来自技高网...

【技术保护点】

1.一种页面生成方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述组件代码动态生成目标组件,包括:

3.根据权利要求2所述的方法,其特征在于,所述对所述组件代码中模板代码段、脚本代码段及样式表代码段分别进行处理,包括:

4.根据权利要求1所述的方法,其特征在于,还包括:

5.根据权利要求4所述的方法,其特征在于,还包括:

6.根据权利要求1所述的方法,其特征在于,还包括:

7.根据权利要求6所述的方法,其特征在于,所述确定所述一个或多个页面功能分别对应的组件代码、布局属性及事件属性,还包括:

8.根据权利要求6所述的方法,其特征在于,还包括:

9.根据权利要求1所述的方法,其特征在于,在生成所述待生成页面之后,还包括:

10.一种页面生成装置,其特征在于,包括:获取模块、确定模块、组件生成模块、配置模块和页面生成模块;其中,

11.一种电子设备,其特征在于,包括:

12.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-9中任一所述的方法。

...

【技术特征摘要】

1.一种页面生成方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述组件代码动态生成目标组件,包括:

3.根据权利要求2所述的方法,其特征在于,所述对所述组件代码中模板代码段、脚本代码段及样式表代码段分别进行处理,包括:

4.根据权利要求1所述的方法,其特征在于,还包括:

5.根据权利要求4所述的方法,其特征在于,还包括:

6.根据权利要求1所述的方法,其特征在于,还包括:

7.根据权利要求6所述的方法,其特征在于,所述确定所...

【专利技术属性】
技术研发人员:王博超
申请(专利权)人:北京京东振世信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1