[发明专利]一种网页开发方法及装置、存储介质及电子设备

说明书

本申请涉及前端开发技术领域，提供一种网页开发方法及装置、存储介质及电子设备。其中，网页开发方法应用于后台服务器，包括：向前端设备提供用于对页面进行可视化搭建的编辑器，编辑器中配置有用于搭建页面的至少一种组件；接收前端设备通过编辑器发送的配置项，配置项是编辑器根据由组件搭建的页面生成的；保存配置项。在上述方法中，由后台服务器提供具有可视化搭建功能的编辑器供前端设备访问，该编辑器中配置有预定义的组件，从而用户可以在编辑器中直接利用这些组件快速完成页面的搭建，提高前端页面的开发效率。编辑器的用户既可以是开发人员，也可以是非开发人员，从而可以降低各职能的人员之间的沟通成本。

技术领域

本申请涉及前端开发技术领域，具体而言，涉及一种网页开发方法及装置、存储介质及电子设备。

背景技术

目前，在前端页面的开发过程中，网页的布局以及网页实现的逻辑都需要开发人员以代码的方式进行编写，从而开发人员需要进行大量的重复劳动，开发效率低下。

发明内容

本申请实施例的目的在于提供一种网页开发方法及装置、存储介质及电子设备，由后台服务器向前端设备提供可视化编辑器进行页面的搭建，同时在编辑器中配置好预定义的组件供用户选择，从而可以快速完成页面搭建，从而可以改善前端页面开发效率低下的问题。

为实现上述目的，本申请提供如下技术方案：

第一方面，本申请实施例提供一种网页开发方法，应用于后台服务器，所述方法包括：向前端设备提供用于对页面进行可视化搭建的编辑器，所述编辑器中配置有用于搭建页面的至少一种组件；接收所述前端设备通过所述编辑器发送的配置项，所述配置项是所述编辑器根据由所述组件搭建的页面生成的；保存所述配置项。

在上述方法中，由后台服务器提供具有可视化搭建功能的编辑器供前端设备访问，该编辑器中配置有预定义的至少一种组件，从而用户可以在编辑器中直接利用这些组件通过可视化的操作快速完成页面的搭建，不必再编写大量重复性的代码，从而可以改善前端页面开发效率低下的问题。

另一方面，编辑器的用户既可以是开发人员，也可以是非开发人员，也即开发过程对非技术人员也是友好的。例如，项目的产品经理也可以直接在编辑器中完成页面的布局，再由开发人员进一步完善页面的功能，从而可以降低开发项目组中各职能的人员之间的沟通成本，进一步提高开发效率。

在第一方面的一种实现方式中，所述编辑器中还配置有用于搭建页面的至少一个页面模板，所述页面模板中能够容纳所述组件。

页面模板可以是指进行了某些布局和/或具有某些功能的页面，从而用户可以在选择的页面模板的基础上进一步搭建页面，以提高开发效率。

在第一方面的一种实现方式中，所述页面模板中配置有用于容纳所述组件的至少一个插槽。

在第一方面的一种实现方式中，所述插槽被配置在所述页面模板中预设的位置。

在第一方面的一种实现方式中，所述插槽包括多种类型，每种类型的插槽被配置为仅能容纳特定类型的组件。

在以上三种实现方式中，插槽是指页面模板中一种能够容纳组件的容器，从而便于对组件进行布局。插槽在页面中的位置可以是固定的，也可以是可移动的，若某个插槽在页面中的位置是预设好的，意味着该插槽所容纳的组件只能显示在页面中固定的区域内，相当于对组件的布局进行了某种限定，以便符合实际的开发需求。插槽可以有不同的类型，每种类型的插槽可以仅支持容纳特定类型的组件，相当于限定了每种类型的组件所能布局的位置，以便符合实际的开发需求。

在第一方面的一种实现方式中，所述组件包括至少一个属性，所述编辑器还配置有用于设置所述属性的属性设置界面。

在第一方面的一种实现方式中，所述至少一个属性包括所述组件的显示属性和/或所述组件的行为属性。