前端页面解析型框架的构建方法、装置、设备及存储介质制造方法及图纸

技术编号:36093240 阅读:8 留言:0更新日期:2022-12-24 11:10
本申请提供一种前端页面解析型框架的构建方法、装置、设备及存储介质,该方法获取用户配置的页面配置数据;基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件;基于预设层级关系,确定所述目标业务事件对应的目标页面组件,并基于所述目标业务事件,对所述目标页面组件进行渲染,生成目标页面。本申请通过将页面构建的过程和业务事件的代码实现过程分开处理,实现业务事件实现代码的重利用;建立预设业务事件库,不仅统一了业务代码的格式,还能避免重复代码的复制粘贴等操作,提高了前端页面的研发效率。提高了前端页面的研发效率。提高了前端页面的研发效率。

【技术实现步骤摘要】
前端页面解析型框架的构建方法、装置、设备及存储介质


[0001]本申请涉及研发管理
,尤其涉及一种前端页面解析型框架的构建方法、装置、设备及存储介质。

技术介绍

[0002]目前,在前端页面研发系统中,很多系统功能都是相似的,基本是由表单、表格、各类按钮、流程配置等功能组成,功能相似度高,基础页面的建设主要靠复制粘贴实现,重复工作较多,且如果多人开发,各人的代码风格不一,会增加很多额外的工作量,导致前端页面的研发效率低下。因此,如何解决目前前端页面的研发效率低下成为了亟待解决的技术问题。

技术实现思路

[0003]本申请提供了一种前端页面解析型框架的构建方法、装置、设备及存储介质,旨在解决目前前端页面的研发效率低下的技术问题。
[0004]第一方面,本申请提供一种前端页面解析型框架的构建方法,所述前端页面解析型框架的构建方法包括以下步骤:获取用户配置的页面配置数据;基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件;基于预设层级关系,确定所述目标业务事件对应的目标页面组件,并基于所述目标业务事件,对所述目标页面组件进行渲染,生成目标页面。
[0005]进一步地,所述基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件,包括:基于入口文件,解析所述页面配置数据,获得对应的配置操作ID;基于所述配置操作ID,在所述预设业务事件库中匹配对应的待用业务事件;在所述配置操作ID匹配到所述待用业务事件时,将所述预设业务事件库中的业务事件绑定到所述入口文件上,获得嵌入式事件,并将所述待用业务事件作为所述目标业务事件,以供所述目标页面组件调用。
[0006]进一步地,所述基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件之后,还包括:基于业务配置数据中的业务操作代码,确定解析模块类型,其中,所述解析模块类型包括表单模块、表格模块、查询条件模块以及按钮组模块;基于所述解析模块类型、所述配置操作ID以及所述目标业务事件,生成配置操作表单,其中,所述配置操作表单包括所述配置操作ID和所述目标业务事件的对应关系。
[0007]进一步地,所述基于所述解析模块类型、所述配置操作ID以及所述目标业务事件,生成配置操作表单之后,还包括:
在需要对所述配置操作表单进行配置修改时,确定修改后的配置操作对应的所述待用业务事件;调用绑定在所述入口文件上的所述待用业务事件,作为所述目标业务事件。
[0008]进一步地,所述获取用户配置的页面配置数据之前,还包括:基于各业务操作对应的业务名称以及各业务操作对应的业务实现,创建各业务操作对应的业务事件;基于所述各业务操作对应的业务事件,生成所述预设业务事件库。
[0009]进一步地,所述基于各业务操作对应的业务名称以及各业务操作对应的业务实现,创建各业务操作对应的业务事件,包括:在存在一个业务实现对应多个所述业务名称时,创建一个所述业务事件,对应各业务操作。
[0010]进一步地,所述获取用户配置的页面配置数据之前,还包括:基于系统初始化指令,生成标准页面配置信息,作为所述页面配置数据;或者,基于用户定制的配置属性,生成目标页面配置信息,作为所述页面配置数据。
[0011]第二方面,本申请还提供一种前端页面解析型框架的构建装置,所述前端页面解析型框架的构建装置包括:页面配置数据获取模块,用于获取用户配置的页面配置数据;业务事件匹配模块,用于基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件;目标页面生成模块,用于基于预设层级关系,确定所述目标业务事件对应的目标页面组件,并基于所述目标业务事件,对所述目标页面组件进行渲染,生成目标页面。
[0012]第三方面,本申请还提供一种计算机设备,所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序,其中所述计算机程序被所述处理器执行时,实现如上述的前端页面解析型框架的构建方法的步骤。
[0013]第四方面,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,其中所述计算机程序被处理器执行时,实现如上述的前端页面解析型框架的构建方法的步骤。
[0014]本申请提供一种前端页面解析型框架的构建方法、装置、设备及存储介质,本方法包括获取用户配置的页面配置数据;基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件;基于预设层级关系,确定所述目标业务事件对应的目标页面组件,并基于所述目标业务事件,对所述目标页面组件进行渲染,生成目标页面。本申请通过将页面配置数据与预设业务事件库进行匹配,从而根据页面配置数据调用对应的目标业务事件,对目标页面组件进行渲染,从而生成目标页面。可以将页面构建的过程和业务事件的代码实现过程分开处理,实现业务事件实现代码的重利用;建立预设业务事件库,不仅统一了业务代码的格式,还能避免重复代码的复制粘贴等操作,提高了前端页面的研发效率。
附图说明
[0015]为了更清楚地说明本申请实施例技术方案,下面将对实施例描述中所需要使用的
附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0016]图1为本申请的实施例提供的前端页面解析型框架的构建方法第一实施例的流程示意图;图2为本申请的实施例提供的前端页面解析型框架的构建方法第二实施例的流程示意图;图3为本申请的实施例提供的前端页面解析型框架的构建方法第三实施例的流程示意图;图4是本申请的实施例提供的一种前端页面解析型框架的构建装置的示意性框图;图5是本申请实施例提供的一种计算机设备的结构示意性框图。
[0017]本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
[0018]下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0019]附图中所示的流程图仅是示例说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解、组合或部分合并,因此实际执行的顺序有可能根据实际情况改变。
[0020]下面结合附图,对本申请的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
[0021]本申请的实施例提供了一种前端页面解析型框架的构建方法、前端页面解析型框架的构建装置、计算机设备及存储介质,用于根据页面配置数据,匹配并调用预设业务事件库中的目标业务事件,进而对目标页面组件进行渲染,生成目标页面,提高了前端页面的研发效率。
[0022]请参照图1,图1为本申请的实施例提供的前端页面本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种前端页面解析型框架的构建方法,其特征在于,所述方法包括以下步骤:获取用户配置的页面配置数据;基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件;基于预设层级关系,确定所述目标业务事件对应的目标页面组件,并基于所述目标业务事件,对所述目标页面组件进行渲染,生成目标页面。2.根据权利要求1所述的前端页面解析型框架的构建方法,其特征在于,所述基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件,包括:基于入口文件,解析所述页面配置数据,获得对应的配置操作ID;基于所述配置操作ID,在所述预设业务事件库中匹配对应的待用业务事件;在所述配置操作ID匹配到所述待用业务事件时,将所述预设业务事件库中的业务事件绑定到所述入口文件上,获得嵌入式事件,并将所述待用业务事件作为所述目标业务事件,以供所述目标页面组件调用。3.根据权利要求2所述的前端页面解析型框架的构建方法,其特征在于,所述基于所述页面配置数据,在预设业务事件库中匹配对应的至少一个目标业务事件之后,还包括:基于业务配置数据中的业务操作代码,确定解析模块类型,其中,所述解析模块类型包括表单模块、表格模块、查询条件模块以及按钮组模块;基于所述解析模块类型、所述配置操作ID以及所述目标业务事件,生成配置操作表单,其中,所述配置操作表单包括所述配置操作ID和所述目标业务事件的对应关系。4.根据权利要求3所述的前端页面解析型框架的构建方法,其特征在于,所述基于所述解析模块类型、所述配置操作ID以及所述目标业务事件,生成配置操作表单之后,还包括:在需要对所述配置操作表单进行配置修改时,确定修改后的配置操作对应的所述待用业务事件;调用绑定在所述入口文件上的所述待用业务事件,作为所述目标业务事件。5.根据权利要求1所述的前端页面解析型框...

【专利技术属性】
技术研发人员:谢胜强张鑫磊娄鑫磊张立奇王学超汤双根武庆慧宋英杰马勇王志浩程东崔静
申请(专利权)人:中粮信托有限责任公司
类型:发明
国别省市:

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

1