[发明专利]页面生成方法及装置、存储介质及电子装置

说明书

本发明公开了一种页面生成方法及装置、存储介质及电子装置，其中，上述方法包括：获取目标页面配置信息、目标组件的组件配置信息以及目标组件与目标事件的关联信息；根据目标页面配置信息、组件配置信息和关联信息，生成第一页面对应的第一代码集合，其中，第一页面用于显示目标组件；对第一代码集合进行编译，得到第一编译后代码集合，其中，第一编译后代码集合用于在被目标浏览器执行时在目标浏览器上显示第一页面，第一页面上显示有目标组件，第一页面上显示的目标组件用于根据目标组件接收到的输入信息，执行目标事件。

技术领域

本发明涉及通信领域，具体而言，涉及一种页面生成方法及装置、存储介质及电子装置。

背景技术

在前端开发者开发前端页面的过程，离不开各种组件库，例如Ant Design、Material Design等等，由于组件库具有简单、灵活、易用的使用形式，因此节省了开发者的学习成本和开发时间。但当前组件库都是给开发者直接提供组件的编写方式，需要开发者在项目中引入组件库后，在业务代码中按照对应组件库规定的编写方式编写代码来在浏览器页面上渲染出带有当前组件库样式或功能的组件，进而开发者每使用一个组件库，就要先学习该组件库的规定代码编写方式，增加的日常开发中的学习成本。图1是本发明现有组件编写方式的原理图，如图1所述，开发者需要根据按照对应组件库规定的编写方式编写组件代码。

此外，在面对复杂多变的业务需求，许多业务开发者经常在多个组件库中迷惘，且只要组件库更新，开发者就需要重新学习一大批组件的使用。

针对相关技术中，前端开发者需要学习页面组件的编写方式手动编写页面组件代码，进而导致开发前端页面的效率较低的问题，目前尚未提出有效的解决方案。

因此，有必要对相关技术予以改良以克服相关技术中的所述缺陷。

发明内容

本发明实施例提供了一种页面生成方法及装置、存储介质及电子装置，以至少解决前端开发者需要学习页面组件的编写方式手动编写页面组件代码，进而导致开发前端页面的效率较低的问题。

根据本发明实施例的一方面，提供一种页面生成方法，包括：获取目标页面配置信息、目标组件的组件配置信息以及所述目标组件与目标事件的关联信息；根据所述目标页面配置信息、所述组件配置信息和所述关联信息，生成第一页面对应的第一代码集合，其中，所述第一页面用于显示所述目标组件；对所述第一代码集合进行编译，得到第一编译后代码集合，其中，所述第一编译后代码集合用于在被目标浏览器执行时在所述目标浏览器上显示所述第一页面，所述第一页面上显示有所述目标组件，所述第一页面上显示的所述目标组件用于根据所述目标组件接收到的输入信息，执行所述目标事件。

根据本发明实施例的另一方面，还提供了一种页面生成装置，包括：获取模块，用于获取目标页面配置信息、目标组件的组件配置信息以及所述目标组件与目标事件的关联信息；生成模块，用于根据所述目标页面配置信息、所述组件配置信息和所述关联信息，生成第一页面对应的第一代码集合，其中，所述第一页面用于显示所述目标组件；编译模块，用于对所述第一代码集合进行编译，得到第一编译后代码集合，其中，所述第一编译后代码集合用于在被目标浏览器执行时在所述目标浏览器上显示所述第一页面，所述第一页面上显示有所述目标组件，所述第一页面上显示的所述目标组件用于根据所述目标组件接收到的输入信息，执行所述目标事件。

根据本发明实施例的又一方面，还提供了一种计算机可读的存储介质，该计算机可读的存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述页面生成方法。

根据本发明实施例的又一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，上述处理器通过计算机程序执行上述页面生成方法。