一种页面生成方法、装置、计算设备及存储介质制造方法及图纸

本申请实施例提供了一种页面生成方法、装置、计算设备及存储介质，涉及计算机技术领域,该方法包括：获取业务系统的第一业务场景标识；所述业务系统中包括至少一个业务场景；基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据；基于所述业务系统的页面容器组件，生成所述第一业务场景下的静态组件和所述第一业务场景下的动态组件；所述第一业务场景下的动态组件中设置有对应的第一动态配置数据；基于所述第一业务场景下的静态组件和所述第一业务场景下的动态组件，生成所述第一业务场景对应的页面。通过上述页面生成的方式，提高了前端开发人员生成页面的效率，节省了人力资源。源。源。

【技术实现步骤摘要】
一种页面生成方法、装置、计算设备及存储介质


[0001]本申请实施例涉及计算机
，尤其涉及一种页面生成方法、装置、计算设备及存储介质。

技术介绍

[0002]随着计算机技术尤其是互联网技术的不断发展，WEB页面从静态页面发展到动态页面，应运而生的就有了前端技术与后端技术。前端技术指通过浏览器到用户端计算机的统称，存贮于服务器端的统称为后端技术。前端开发主要职能就是把网页更好地呈现给用户，正是基于前端开发人员配置与维护，用户才可以看到功能多样的页面。
[0003]目前，前端开发大多基于前端框架来进行，虽然前端框架提供了诸多便利，但随着业务系统的不断升级，使得前端开发人员需要投入大量的人力来开发页面，即使存在相似页面，也需要前端开发人员一个一个页面来开发，不仅浪费人力，还可能会产生一些不必要的开发错误。
[0004]综上，需要一种页面生成方法，便于前端开发人员进行开发。

技术实现思路

[0005]本申请实施例提供了一种页面生成方法、装置、计算设备及存储介质，解决了前端开发人员进行页面开发时耗费大量人力的问题。
[0006]第一方面，本申请实施例提供了一种页面生成方法，包括：获取业务系统的第一业务场景标识；所述业务系统中包括至少一个业务场景；
[0007]基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各动态配置数据；
[0008]基于所述业务系统的页面容器组件，生成所述第一业务场景下的静态组件和所述第一业务场景下的动态组件；所述第一业务场景下的动态组件中设置有对应的第一动态配置数据；
[0009]基于所述第一业务场景下的静态组件和所述第一业务场景下的动态组件，生成所述第一业务场景对应的页面。
[0010]在第一业务场景下对应的页面生成过程中，获取第一业务场景下对应的第一业务场景标识，基于第一业务场景标识获取所需要的第一动态配置数据；将获取到的第一动态数据通过动态组件输出从而生成第一业务场景下对应的页面。通过这种方式的设计，在前端开发人员进行页面开发时，只需要配置到对应的动态配置数据，即可实现统一业务场景下各页面的生成，减少了人力资源的浪费也避免了一些开发错误。
[0011]在一种可能的设计中，所述页面场景配置记录于所述业务系统的网页脚本文件中；所述方法还包括：在所述网页脚本文件中以枚举值方式新增第二业务场景标识；
[0012]在所述页面场景配置中新增所述第二业务场景标识对应的各第二动态配置数据。
[0013]前端框架大多基于网页脚本文件来进行，本申请实施例中通过在网页脚本文件中
增加页面场景配置，页面场景配置中包含各业务场景及各业务场景对应的动态配置数据。而网页脚本文件中记录的页面场景配置是提前配置好的。同样的，第二业务场景标识对应的各第二动态数据的对应关系也是提前配置好的，正是因为提前配置好，在生成页面时调取需要的动态数据就可以实现页面生成了。同时，对某个业务场景进行改变也可以通过对页面场景配置进行灵活修改。
[0014]在一种可能的设计中，所述各第一动态配置数据或所述各第二动态配置数据中至少包括用于调用后端的接口信息。
[0015]基于前端与后端之间的协同工作关系，会存在前端开发人员在开发页面时会出现后端调用错误的问题，因而通过在第一动态配置数据或第二动态配置数据包括了后端接口的信息，使得后端接口的信息在前端和后端进行对接时不会造成接口不兼容的问题，在一定程度上减少了人力资源的浪费，同时也降低了以往需要实现接口兼容出现的错误。
[0016]在一种可能的设计中，所述各第一动态配置数据或所述各第二动态配置数据中至少包括表单组件；所述表单组件是通过所述业务系统的网页脚本文件中配置的不同的表单配置生成的。
[0017]在页面生成的过程中，页面中的抽屉表单或者弹窗表单等都可以通过封装表单组件来实现。在这个过程中只需要通过网页脚本文件就可以获取到对应的表单组件，可以在动态配置数据中设置表单配置，页面生成时可以直接调取，更加便捷。
[0018]在一种可能的设计中，基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据，包括：通过调用所述业务系统的网页脚本文件中配置的CLASS类，基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据。
[0019]CLASS类是计算机网页脚本文件实现的一种方式。CLASS类的方式可以加强对网页脚本文件配置的理解，通过在CLASS类中设置来完成对应的功能。页面生成就是通过采取CLASS类的方式，任意定制所需要的页面，可以大大提高页面生成的便捷性以及更加个性化。
[0020]在一种可能的设计中，获取业务系统的第一业务场景标识，包括：通过所述业务系统中设置的外层组件，接收所述第一业务场景标识；
[0021]基于所述第一业务场景标识调用所述业务系统的网页脚本文件中的CLASS类。
[0022]业务系统中还包括了含有页面容器组件的外层组件，负责接收第一业务场景标识，再通过调用从业务组件接收到的第一业务场景标识传到CLASS类中，基于第一场景业务标识去调用CLASS类中的数据。在这个过程中获取对应页面生成的对应数据时就不需要对前端的有过高要求，需要一点点配置，而这种直接调取的方式提高了页面生成的效率。
[0023]在一种可能的设计中，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据之后，生成所述第一业务场景下的动态组件之前，还包括：对所述各第一动态配置数据进行数据转换处理，得到符合所述第一业务场景下的动态组件的各第一动态配置数据。
[0024]在第一业务场景生成对应的页面过程中，从页面场景配置获取的对应的第一动态配置数据后，需要对获取的数据进行数据处理、转换、兼容等处理，得到处理后的数据符合动态组件第一动态配置数据的类型。获取到的数据适用于业务场景配置但不一定适用于动
态组件，所以需要对数据进行处理成可以共同适用的数据。上述方式避免了在页面生成过程中遇到数据不符合配置条件而多浪费的时间，节省了人力资源。
[0025]第二方面，本申请实施例提供一种页面生成装置，包括：获取单元，用于获取业务系统的第一业务场景标识；所述业务系统中包括至少一个业务场景；
[0026]获取单元，还用于基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各动态配置数据；
[0027]生成单元，用于基于所述业务系统的页面容器组件，生成所述第一业务场景下的静态组件和所述第一业务场景下的动态组件；所述第一业务场景下的动态组件中设置有对应的第一动态配置数据；
[0028]生成单元，还用于基于所述第一业务场景下的静态组件和所述第一业务场景下的动态组件，生成所述第一业务场景对应的页面。
[0029]在一种可能的设计中，还包括新增单元；
[0030]所述新增单元，用于在所述网页脚本文件中新增枚举值第二业本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法，其特征在于，包括：获取业务系统的第一业务场景标识；所述业务系统中包括至少一个业务场景；基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据；基于所述业务系统的页面容器组件，生成所述第一业务场景下的静态组件和所述第一业务场景下的动态组件；所述第一业务场景下的动态组件中设置有对应的第一动态配置数据；基于所述第一业务场景下的静态组件和所述第一业务场景下的动态组件，生成所述第一业务场景对应的页面。2.如权利要求1所述的方法，其特征在于，所述页面场景配置记录于所述业务系统的网页脚本文件中；所述方法还包括：在所述网页脚本文件中以枚举值方式新增第二业务场景标识；在所述页面场景配置中新增所述第二业务场景标识对应的各第二动态配置数据。3.如权利要求2所述的方法，其特征在于，所述各第一动态配置数据或所述各第二动态配置数据中至少包括用于调用后端的接口信息。4.如权利要求2所述的方法，其特征在于，所述各第一动态配置数据或所述各第二动态配置数据中至少包括表单组件；所述表单组件是通过所述业务系统的网页脚本文件中配置的不同的表单配置生成的。5.如权利要求1所述的方法，其特征在于，基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据，包括：通过调用所述业务系统的网页脚本文件中配置的CLASS类，基于所述第一业务场景标识，从页面场景配置中获取所述第一业务场景标识对应的各第一动态配置数据。6.如权利要求1所述的方法，其特征在于，获取业务系统...

【专利技术属性】
技术研发人员：王一贵，罗剑龙，
申请(专利权)人：上海壹佰米网络科技有限公司，
类型：发明
国别省市：