System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 前端界面生成方法、装置、电子设备及存储介质制造方法及图纸_技高网

前端界面生成方法、装置、电子设备及存储介质制造方法及图纸

技术编号:40669196 阅读:3 留言:0更新日期:2024-03-18 19:04
本申请公开了一种前端界面生成方法、装置、电子设备及存储介质。属于Web前端技术领域,方法包括:根据用户生成目标业务界面的请求,获取各路由对应的接口数据;所述请求包括URL;每个路由对应目标业务界面对应的多个页面中的一个页面;基于预设的数据规则配置文件系统,确定各所述路由对应的数据规则配置文件;所述预设的数据规则配置文件系统包括多个数据规则配置模板文件;根据各所述路由对应的数据规则配置文件,对各所述路由对应的接口数据进行处理,确定目标数据;根据所述目标数据和各所述路由对应的预先配置的模板页面,生成目标业务界面。

【技术实现步骤摘要】

本申请属于web前端,具体涉及一种前端界面生成方法、装置、电子设备及存储介质


技术介绍

1、针对一个业务的不同业务场景,需要开发对应的多个万维网(world wide web,web)前端页面。而开发每个场景对应的web前端页面时,都需要一名开发人员研发大约两个月的时间,并且,每个开发人员的研发能力不同,为了保证开发的web前端页面的质量,往往还需要花费大量时间培训。

2、由此可见,在开发对应的web前端界面时,存在人力成本高,研发效率低的问题。


技术实现思路

1、本申请实施例提供一种前端界面生成方法、装置、电子设备及存储介质,能够解决在开发对应的web前端界面时,存在人力成本高,研发效率低的问题。

2、第一方面,本申请实施例提供了一种前端界面生成方法,包括:根据用户生成目标业务界面的请求,获取各路由对应的接口数据;所述请求包括统一资源定位系统(uniformresource locator,url);每个路由对应目标业务界面对应的多个页面中的一个页面;基于预设的数据规则配置文件系统,确定各所述路由对应的数据规则配置文件;所述预设的数据规则配置文件系统包括多个数据规则配置模板文件;根据各所述路由对应的数据规则配置文件,对各所述路由对应的接口数据进行处理,确定目标数据;根据所述目标数据和各所述路由对应的预先配置的模板页面,生成目标业务界面。

3、第二方面,本申请实施例提供了一种前端界面生成方法装置,包括:获取模块,用于根据用户生成目标业务界面的请求,获取各路由对应的接口数据;所述请求包括url;每个路由对应目标业务界面对应的多个页面中的一个页面;确定模块,用于基于预设的数据规则配置文件系统,确定各所述路由对应的数据规则配置文件;所述预设的数据规则配置文件系统包括多个数据规则配置模板文件;处理模块,用于根据各所述路由对应的数据规则配置文件,对各所述路由对应的接口数据进行处理,确定目标数据;生成模块,用于根据所述目标数据和各所述路由对应的预先配置的模板页面,生成目标业务界面。

4、第三方面,本申请实施例提供了一种电子设备,该电子设备包括:处理器;以及被安排成存储计算机可执行指令的存储器,所述可执行指令被配置由所述处理器执行,所述可执行指令包括用于执行如第一方面所述的前端界面生成方法。

5、第四方面,本申请实施例提供了一种存储介质,所述存储介质用于存储计算机可执行指令,所述计算机可执行指令使得计算机执行如第一方面所述的前端界面生成方法。

6、在本申请实施例中,通过根据用户生成目标业务界面的请求,获取各路由对应的接口数据,请求包括统一资源定位系统url,每个路由对应目标业务界面对应的多个页面中的一个页面;然后,基于预设的数据规则配置文件系统,确定各路由对应的数据规则配置文件;预设的数据规则配置文件系统包括多个数据规则配置模板文件,根据各路由对应的数据规则配置文件,对各路由对应的接口数据进行处理,确定目标数据;再根据目标数据和各路由对应的预先配置的模板页面,生成目标业务界面;相比于直接使用vue.js进行多个场景的前端界面的开发,编写大量重复的逻辑代码,本方案开发人员通过使用预设的数据规则配置文件系统(包括多个数据规则配置模板文件),可以避免编写大量重复的数据处理逻辑代码,能够对各路由对应的数据规则配置文件进行快捷地、高效地处理,提升了开发效率,并且,通过使用预先配置的模板页面,可以避免编写大量重复的页面逻辑代码,进一步地提升了开发效率。另外,通过使用各路由对应的数据规则配置文件和各路由对应的预先配置的模板页面,可以降低对开发人员的开发能力的要求,从而,无需花费大量的时间进行培训,降低了人力成本。

本文档来自技高网...

【技术保护点】

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

2.根据权利要求1所述的方法,其特征在于,所述基于预设的数据规则配置文件系统,确定各所述路由对应的数据规则配置文件,包括:

3.根据权利要求1或2所述的方法,其特征在于,所述根据各所述路由对应的数据规则配置文件,对各所述路由对应的接口数据进行处理,确定目标数据,包括:

4.根据权利要求1所述的方法,其特征在于,所述根据用户生成目标业务界面的请求,获取各路由对应的接口数据,包括:

5.根据权利要求1所述的方法,其特征在于,所述根据所述目标数据和各所述路由对应的预先配置的模板页面,生成目标业务界面,包括:

6.根据权利要求1至5任一项所述的方法,其特征在于,所述所述模板页面包括组件模块、公共逻辑模块、组件模板模块、交互模块和封装模块。

7.根据权利要求4所述的方法,其特征在于,所述调用后端接口获取各所述路由对应的接口数据,包括:

8.一种前端界面生成方法装置,其特征在于,包括:

9.一种前端界面生成方法设备,其特征在于,所述设备包括:

<p>10.一种存储介质,其特征在于,所述存储介质用于存储计算机可执行指令,所述计算机可执行指令使得计算机执行如权利要求1-7任一项所述的前端界面生成方法。

...

【技术特征摘要】

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

2.根据权利要求1所述的方法,其特征在于,所述基于预设的数据规则配置文件系统,确定各所述路由对应的数据规则配置文件,包括:

3.根据权利要求1或2所述的方法,其特征在于,所述根据各所述路由对应的数据规则配置文件,对各所述路由对应的接口数据进行处理,确定目标数据,包括:

4.根据权利要求1所述的方法,其特征在于,所述根据用户生成目标业务界面的请求,获取各路由对应的接口数据,包括:

5.根据权利要求1所述的方法,其特征在于,所述根据所述目标数据和各所述路由对应的预先配置的模板页面...

【专利技术属性】
技术研发人员:杨瑞井绪海周健杨阳
申请(专利权)人:北京中关村科金技术有限公司
类型:发明
国别省市:

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

1