[发明专利]页面生成方法、系统、计算机设备及可读存储介质

说明书

本发明提供了一种页面生成方法，所述方法包括：根据页面生成请求，确定待生成页面需求；根据待生成页面需求，通过vue框架将待生成页面拆分成多个组件；其中每个组件均与vue框架中的唯一标识绑定；每个组件均包括HTML元素、元素布局、样式以及业务逻辑封装；根据业务逻辑封装以及各个组件的属性，在各个组件中配置待生成页面的字段信息；调用配置后的各个组件，渲染并生成页面；本发明实施例提供的页面生成方法；通过将页面拆分成多个组件，对多个组件进行组合并生成页面，提升了页面生成效率；通过vue框架使得部分开发代码可重复利用，避免了二次开发，显著降低了开发成本。

技术领域

本发明涉及数据处理领域，尤其涉及页面生成方法、系统、计算机设备及可读存储介质。

背景技术

随着流量越来越复杂，媒介渠道越来越多，广告的多渠道分化展示和推广方式就显得尤为重要，设备专区页面可视化配置是针对设备买卖、设备维修、设备商入驻等内容研发的活动广告配置、渠道分化平台。

多渠道分化展示主要根据用户的实际需求推送页面，而用户的需求多样化导致页面开发的要求越来越高，现有前端开发中，通常是通过JavaScript(简称“JS”)代码来实现整体开发流程，开发流程复杂，开发工作量大，开发的成本较高。开发出来的服务程序页面也难以存储已开发完成的页面展示数据，容易导致大量重复代码编写工作，影响页面开发效率。

发明内容

本发明的目的是提供一种页面生成方法、系统、计算机设备及可读存储介质，用于解决以下问题：页面开发效率低。

本发明实施例的一个方面提供了一种页面生成方法，所述方法包括：

根据页面生成请求，确定待生成页面需求；

根据所述待生成页面需求，通过vue框架将待生成页面拆分成多个组件；其中每个组件均与vue框架中的唯一标识绑定；每个组件均包括HTML元素、元素布局、样式以及业务逻辑封装；

根据所述业务逻辑封装以及所述各个组件的属性，在各个组件中配置待生成页面的字段信息；

调用配置后的各个组件，渲染并生成页面。

进一步的，通过vue框架将待生成页面拆分成多个组件的步骤，包括：通过vue框架生成组件关系树；其中所述组件关系树中的节点均对应组件，所述组件关系树用于反映各个组件之间的应用关系；根据所述各个组件之间的应用关系，在预设组件库中选取多个组件。

进一步的，在预设组件库中选取多个组件的步骤之后，包括：根据待生成页面需求，确定vue框架对应的页面参数信息；所述页面参数信息包括vue框架中的唯一标识、注册组件名称、组件注册数据函数、数据传递接口及事件对象的一种或者多种。

进一步的，调用配置后的各个组件，渲染并生成页面的步骤，包括：根据待生成页面需求，对多个组件进行组合排序；根据排序结果自定义拖拽组件组合插入到页面中，渲染并生成页面。

进一步的，渲染并生成页面的步骤，包括：根据所述页面参数信息，确定各个组件的生成位置以及颜色；根据各个组件的生成位置以及颜色，在对应位置生成相应颜色的组件，以完成页面渲染。

进一步的，根据所述业务逻辑封装以及所述各个组件的属性，在各个组件中配置待生成页面的字段信息的步骤，包括：获取所述业务逻辑封装中的多个表单；根据各个组件的属性抽取所述多个表单中的表单数据；根据所述表单数据，对页面中展示的文字信息进行配置，以生成字段信息。

进一步的，通过vue框架将待生成页面拆分成多个组件的步骤之后，还包括：创建与待生成页面对应的json文件；其中所述json文件的各个节点分别携带有对应的vue框架的唯一标识。

本发明实施例的一个方面又提供了一种页面生成系统，所述页面生成系统包括：