[发明专利]Web页面的开发方法、装置、计算机设备和可读存储介质

说明书

本申请涉及一种Web页面的开发方法、装置、计算机设备和可读存储介质。该方法包括：获取用户基于页面需求选择的目标页面组件以及目标页面组件对应的工程脚本；其中，页面需求包括第一功能需求和第二功能需求，目标页面组件所实现的功能与第一功能需求对应；获取针对目标页面组件输入的前端配置，并基于输入的前端配置生成组件配置数据；根据工程脚本和组件配置数据，生成目标页面组件对应的合并脚本；该合并脚本用于响应用户针对第二功能需求输入的线下开发操作以生成Web页面。本申请中Web页面的开发方法，可大大减少Web页面开发过程的开发成本。

技术领域

本申请涉及计算机技术领域，特别是涉及一种Web页面的开发方法、装置、计算机设备和可读存储介质。

背景技术

在当前的Web页面产品开发过程中，开发工程师通常会根据产品需求进行需求拆分，并根据拆分的各个子需求进行产品开发，最后将各个子需求对应的开发结果合并为整个Web页面产品。

通常情况下，对于两个或多个Web页面产品的开发过程，即便这些页面产品中具有相同的子需求，开发工程师仍需要对每个页面产品进行需求分析，并单独开发各Web页面产品。

可以看出，传统技术中的Web页面开发过程，其开发成本较高。

发明内容

基于此，有必要针对传统技术中Web页面的开发成本较高的问题，提供一种Web页面的开发方法、装置、计算机设备和可读存储介质。

一种Web页面的开发方法，该方法包括：

获取用户基于页面需求选择的目标页面组件以及目标页面组件对应的工程脚本；其中，页面需求包括第一功能需求和第二功能需求，目标页面组件所实现的功能与第一功能需求对应；

获取针对目标页面组件输入的前端配置，并基于输入的前端配置生成组件配置数据；

根据工程脚本和组件配置数据，生成目标页面组件对应的合并脚本；该合并脚本用于响应用户针对第二功能需求输入的线下开发操作以生成Web页面。

在其中一个实施例中，获取用户基于页面需求选择的目标页面组件，包括：

接收用户基于页面需求输入的组件展示指令，并响应于组件展示指令，展示组件集合界面；该组件集合界面包括多个页面候选组件；

接收用户在组件集合界面上输入的页面组件选择指令，响应于页面组件选择指令，展示目标组件界面；其中，目标组件界面包括目标页面组件。

在其中一个实施例中，目标组件界面包括组件配置控件；获取针对目标页面组件输入的前端配置，包括：

接收用户对组件配置控件的第一触发操作，并响应于第一触发操作，展示前端配置界面，该前端配置界面包括目标页面组件的显示参数配置项；

接收用户在前端配置界面输入的配置指令，该配置指令中携带显示参数配置项的配置数据；

响应于配置指令，获取前端配置。

在其中一个实施例中，配置数据包括目标页面组件的展示内容、展示方式和展示效果中的至少一个。

在其中一个实施例中，目标组件界面包括生成控件；基于输入的前端配置生成组件配置数据，包括：

接收用户对生成控件的第二触发操作，响应于述第二触发操作，基于前端配置生成组件配置数据；其中，组件配置数据的格式为JSON格式。

在其中一个实施例中，获取目标页面组件对应的工程脚本，包括：

获取页面组件源代码；页面组件源代码包括目标页面组件对应的代码和未选择的页面组件对应的代码；

根据目标页面组件，从页面组件源代码中剔除未选择的页面组件对应的代码，得到工程脚本。