CN116301788A - 一种网页配置方法、网页配置装置和可读存储介质 - Google Patents

Abstract

本申请涉及互联网技术领域，提供了一种网页配置方法、网页配置装置和可读存储介质，该方法包括：接收用户的新建页面请求，响应于新建页面请求，显示页面编辑区，页面编辑区包括组件编辑区和页面画板；接收用户对组件编辑区的第一操作请求，响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件；接收用户的确认请求，响应于确认请求，生成目标网页的网页地址，网页地址用于在浏览器中指示目标网页。本申请，可以节省一大笔人力成本，将开发人员从繁重的网页开发中解放出来，使得用户无需学习很多专业的网络知识就能创建页面，降低了互联网门槛，以及缩短了网页研发周期。

Description

一种网页配置方法、网页配置装置和可读存储介质

技术领域

本申请涉及互联网技术领域，尤其是涉及到一种网页配置方法、网页配置装置和可读存储介质。

背景技术

随着互联网的蓬勃发展，每一秒都有海量的网页生成并呈现给用户，而开发这些网页需要大量的互联网从业人员，并且需要一定的研发周期，在此过程中互联网企业付出了巨大的人力成本，而开发人员日复一日的重复着繁杂的劳动，因此如何提高互联网生产力并降低相关成本成为目前亟待解决的问题。

发明内容

有鉴于此，本申请提供了一种网页配置方法、网页配置装置和可读存储介质，实现了简单、高效、轻量的网页编辑。

第一方面，本申请实施例提供了一种网页配置方法，包括：接收用户的新建页面请求，响应于新建页面请求，显示页面编辑区，页面编辑区包括组件编辑区和页面画板；接收用户对组件编辑区的第一操作请求，响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件；接收用户的确认请求，响应于确认请求，生成目标网页的网页地址，网页地址用于在浏览器中指示目标网页。

根据本申请实施例的上述网页配置方法，还可以具有以下附加技术特征：

在上述技术方案中，可选地，组件编辑区包括组件列表和属性配置区，接收用户对组件编辑区的第一操作请求，响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件，包括：接收用户在组件列表的第一子操作请求，响应于第一子操作请求，确定目标组件，并向页面画板中添加目标组件；接收用户在属性配置区的第二子操作请求，响应于第二子操作请求，配置目标组件的属性。

在上述任一技术方案中，可选地，在配置目标组件的属性之后，还包括：接收用户对目标组件的第二操作请求，响应于第二操作请求，向目标组件添加目标逻辑；其中，目标逻辑包括以下至少一项：接口、事件、埋点。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的代码注入操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的代码注入操作，确定待添加的接口的代码；根据代码，向目标组件添加接口。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的事件选择操作以及在属性配置区的地址填写操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的事件选择操作，确定待添加的事件的类型；响应于用户在属性配置区的地址填写操作，确定待添加的事件的事件对象；根据类型和事件对象，向目标组件添加事件。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的埋点选择操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的埋点选择操作，确定待添加的埋点的类型；根据类型，向目标组件添加埋点。

在上述任一技术方案中，可选地，在接收用户的确认请求之前，还包括：接收用户的预览页面请求，响应于预览页面请求，生成目标网页的预览网页。

在上述任一技术方案中，可选地，在生成目标网页的预览网页之后，还包括：接收用户对预览网页的修改请求，响应于修改请求，对预览网页进行修改。

第二方面，本申请实施例提供了一种网页配置装置，包括：接收模块，用于接收用户的新建页面请求；显示模块，用于响应于新建页面请求，显示页面编辑区，页面编辑区包括组件编辑区和页面画板；接收模块，还用于接收用户对组件编辑区的第一操作请求；添加模块，用于响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件；接收模块，还用于接收用户的确认请求；生成模块，用于响应于确认请求，生成目标网页的网页地址，网页地址用于在浏览器中指示目标网页。

第三方面，本申请实施例提供了一种可读存储介质，该可读存储介质上存储程序或指令，程序或指令被处理器执行时实现如第一方面的方法的步骤。

第四方面，本申请实施例提供了一种电子设备，该电子设备包括处理器和存储器，存储器存储可在处理器上运行的程序或指令，程序或指令被处理器执行时实现如第一方面的方法的步骤。

第五方面，本申请实施例提供了一种芯片，该芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行程序或指令，实现如第一方面的方法。

第六方面，本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面的方法。

在本申请实施例中，用户在有新建页面的需求时，发出新建页面请求，基于该新建页面请求，显示页面编辑区，该显示页面编辑区包括组件编辑区和页面画板两大部分，用户可对组件编辑区进行第一操作请求，从而选中待添加的目标组件，进而将该目标组件添加至页面画板中。进一步地，在用户进行确认后，基于添加了目标组件的页面画板，生成目标网页的网页地址。需要说明的是，添加了目标组件的页面画板即为目标网页的形式，这里是生成对应的网页地址，该网页地址用于在浏览器中指示目标网页，也即，用户在浏览器打开该网页地址就可以体验自己配置的目标网页了。

本申请实施例，提供了一种简单、高效、轻量的网页编辑方案，可以节省一大笔人力成本，将开发人员从繁重的网页开发中解放出来，创造更多价值，使得用户无需学习很多专业的网络知识就能创建页面，降低了互联网门槛，以及缩短了网页研发周期。

上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1示出了本申请实施例的网页配置方法的流程示意图之一；

图2示出了本申请实施例的网页配置方法的流程示意图之二；

图3示出了本申请实施例的网页配置装置的结构框图；

图4示出了本申请实施例的网页配置系统的结构框图；

图5示出了本申请实施例的电子设备的结构框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。

随着互联网时代的高速发展，各行各业都在进行信息化改革，从而催生巨大的网页开发需求，而相关技术中的网页开发存在人员成本高、开发周期长、流程冗长等缺点。

针对上述问题，本申请实施例提供了一种无需编程知识就能简单、高效地生成网页的方案，基于此方案企业可以以极低的成本批量生成网页，并关联已有的任何服务、数据，实现真正的降本增效、解放生产力。

下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的网页配置方法、网页配置装置和可读存储介质进行详细地说明。

本申请实施例提供了一种网页配置方法，应用于网页配置平台，该平台可以为一个电子设备上安装的应用程序，用户可在该应用程序中进行操作，实现网页配置。如图1所示，该方法包括：

步骤101，接收用户的新建页面请求，响应于新建页面请求，显示页面编辑区，页面编辑区包括组件编辑区和页面画板；

步骤102，接收用户对组件编辑区的第一操作请求，响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件。

步骤103，接收用户的确认请求，响应于确认请求，生成目标网页的网页地址，网页地址用于在浏览器中指示目标网页。

在该实施例中，用户在有新建页面的需求时，发出新建页面请求，例如，在电子设备上点击“新建页面按钮”。基于该新建页面请求，显示页面编辑区，该显示页面编辑区包括组件编辑区和页面画板两大部分，用户可对组件编辑区进行第一操作请求，从而选中待添加的目标组件，进而将该目标组件添加至页面画板中。

进一步地，在用户进行确认后，基于添加了目标组件的页面画板，生成目标网页的网页地址。需要说明的是，添加了目标组件的页面画板即为目标网页的形式，这里是生成对应的网页地址，该网页地址用于在浏览器中指示目标网页，也即，用户在浏览器打开该网页地址就可以体验自己配置的目标网页了。

本申请实施例中，上述网页地址可以直接投放到各种渠道中，例如，微信、微博、抖音等，互联网上的网民就可以看到并且操作目标网页。

上述目标网页可以是H5页面，H5是HTML5的简称，指包含文字动态、音频、图片、视频、图表、音乐、互动等各种媒体表现形式的网页。

本申请实施例的网页生成方案，可以在多种作业系统或不同硬件架构的电脑上运作，实现跨平台的目标。

本申请实施例中，在目标网页上添加的目标组件的数量不做限定，可以为一个或多个。

本申请实施例，提供了一种简单、高效、轻量的网页编辑方案，可以节省一大笔人力成本，将开发人员从繁重的网页开发中解放出来，创造更多价值，使得用户无需学习很多专业的网络知识就能创建页面，降低了互联网门槛，以及缩短了网页研发周期。

在本申请的一个实施例中，组件编辑区包括组件列表和属性配置区，接收用户对组件编辑区的第一操作请求，响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件，包括：接收用户在组件列表的第一子操作请求，响应于第一子操作请求，确定目标组件，并向页面画板中添加目标组件；接收用户在属性配置区的第二子操作请求，响应于第二子操作请求，配置目标组件的属性。

在该实施例中，组件编辑区包括组件列表和属性配置区，组件列表中包括文字、图片、视频、轮播图、表单等，属性配置区用于调整组件属性，例如，编辑文字内容、图片内容、图片宽高等。

组件列表、属性配置区和页面画板的具体排放形式不做具体限定。例如，组件列表在左侧、属性配置区在右侧、页面画板在中间。

接收用户在组件列表的第一子操作请求，从而确定目标组件，例如，在组件列表中拖拽“图片”组件至页面画板的目标位置上，并且在属性配置区调整“图片”组件的属性，从而实现在页面画板上布置相应属性的图片，得到目标网页的形式。

本申请实施例，通过简单、易操作的方式就能够实现目标网页的配置，提高网页配置效率，降低了网页配置门槛。

在本申请的一个实施例中，在配置目标组件的属性之后，还包括：接收用户对目标组件的第二操作请求，响应于第二操作请求，向目标组件添加目标逻辑；其中，目标逻辑包括以下至少一项：接口、事件、埋点。

在该实施例中，在添加目标组件后，还可以对目标组件添加接口、事件、埋点等所需的目标逻辑。

需要说明的是，接口为用于网页实时动态的和服务器进行交互的一类网络地址，事件为用户在网页上的操作，比如点击按钮、滑动页面、输入提交表单等。埋点为记录网页数据的一类接口，用于网页数据统计、异常分析定位等。

通过上述方式，实现接口、事件、埋点等功能，提高配置的网页效果。

在本申请的一个实施例中，第二操作请求包括在属性配置区的代码注入操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的代码注入操作，确定待添加的接口的代码；根据代码，向目标组件添加接口。

在该实施例中，用户在属性配置区选择代码注入，将需要的接口的代码添加到输入框内，实现对目标组件添加接口，以便目标网页可以与服务器进行交互，提高配置的网页的交互效果。

在本申请的一个实施例中，第二操作请求包括在属性配置区的事件选择操作以及在属性配置区的地址填写操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的事件选择操作，确定待添加的事件的类型；响应于用户在属性配置区的地址填写操作，确定待添加的事件的事件对象；根据类型和事件对象，向目标组件添加事件。

在该实施例中，用户在属性配置区选择待添加的事件的类型，类型包括跳转网页、打开APP、打开微信小程序等，然后填写事件对象，事件对象包括跳转的目标地址、打开的APP、打开的小程序等。

通过上述方式，实现对目标组件添加事件，提高配置的网页的效果。

在本申请的一个实施例中，第二操作请求包括在属性配置区的埋点选择操作，响应于第二操作请求，向目标组件添加目标逻辑，包括：响应于用户在属性配置区的埋点选择操作，确定待添加的埋点的类型；根据类型，向目标组件添加埋点。

在该实施例中，用户在属性配置区选择待添加的埋点的类型，类型包括点击、曝光、输入等，然后添加埋点值。

通过上述方式，实现对目标组件添加埋点，提高配置的网页的效果。

在本申请的一个实施例中，在接收用户的确认请求之前，还包括：接收用户的预览页面请求，响应于预览页面请求，生成目标网页的预览网页。

在该实施例中，在生成目标网页的预览网页之前，提供对目标网页的预览功能，使得用户直观地了解到其配置的目标网页的最终效果。

在本申请的一个实施例中，在生成目标网页的预览网页之后，还包括：接收用户对预览网页的修改请求，响应于修改请求，对预览网页进行修改。

在该实施例中，若用户对其配置的目标网页的最终效果不满意时，则发出对预览网页的修改请求，实现对预览网页的修改，再次确认后，即可生产最终的目标网页。

需要说明的是，对预览网页的修改，可以为对其中的目标组件的修改，也可以为对目标组件的属性的修改。

通过上述方式，保证最终生产的目标网页的效率满足用户需要。

在本申请的一个具体实施例中，如图2所示，该方法包括：

用户打开网页配置应用，首先判断用户是否进行登录，登录完成后用户点击“新建页面按钮”会打开页面编辑区，页面编辑区的左侧是支持的组件列表，中间是一块页面画板，右侧是属性配置区。用户此时可以添加页面信息，页面信息包括标题、背景图、是否需要登录等。然后，添加组件，也即，将需要的组件拖拽到中间的页面画板上，并且在右侧的属性配置区调整组件属性。添加完需要的组件后用户可以在组件上添加接口、添加事件、添加埋点等需要的逻辑，全部编辑完成后用户可以点击预览页面，此时会生成一个网页地址，用户在浏览器打开此网页地址就可以体验自己配置的网页了。

当然，如果用户在预览后发现有配置错误，可以进行更改，当确认无误后，可以点击发布按钮，此时会生成一个网页地址，此网页地址就可以直接投放到各种渠道，互联网上的网民就可以看到并且操作此网页。到此，一个完整H5网页已经创建完成。

作为上述网页配置方法的具体实现，本申请实施例提供了一种网页配置装置，也即网页配置平台。如图3所示，该网页配置装置300包括：接收模块301、显示模块302、添加模块303以及生成模块304。

接收模块，用于接收用户的新建页面请求；显示模块302，用于响应于新建页面请求，显示页面编辑区，页面编辑区包括组件编辑区和页面画板；接收模块301，还用于接收用户对组件编辑区的第一操作请求；添加模块303，用于响应于第一操作请求，确定待添加的目标组件，并向页面画板中添加目标组件；接收模块301，还用于接收用户的确认请求；生成模块304，用于响应于确认请求，生成目标网页的网页地址，网页地址用于在浏览器中指示目标网页。

在该实施例中，用户在有新建页面的需求时，发出新建页面请求，基于该新建页面请求，显示页面编辑区，该显示页面编辑区包括组件编辑区和页面画板两大部分，用户可对组件编辑区进行第一操作请求，从而选中待添加的目标组件，进而将该目标组件添加至页面画板中。进一步地，在用户进行确认后，基于添加了目标组件的页面画板，生成目标网页的网页地址。需要说明的是，添加了目标组件的页面画板即为目标网页的形式，这里是生成对应的网页地址，该网页地址用于在浏览器中指示目标网页，也即，用户在浏览器打开该网页地址就可以体验自己配置的目标网页了。

本申请实施例，提供了一种简单、高效、轻量的网页编辑方案，可以节省一大笔人力成本，将开发人员从繁重的网页开发中解放出来，创造更多价值，使得用户无需学习很多专业的网络知识就能创建页面，降低了互联网门槛，以及缩短了网页研发周期。

在上述技术方案中，可选地，组件编辑区包括组件列表和属性配置区，接收模块301，具体用于接收用户在组件列表的第一子操作请求；添加模块303，具体用于响应于第一子操作请求，确定目标组件，并向页面画板中添加目标组件；接收模块301，具体用于接收用户在属性配置区的第二子操作请求；添加模块303，具体用于响应于第二子操作请求，配置目标组件的属性。

在上述任一技术方案中，可选地，接收模块301，还用于接收用户对目标组件的第二操作请求；添加模块303，还用于响应于第二操作请求，向目标组件添加目标逻辑；其中，目标逻辑包括以下至少一项：接口、事件、埋点。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的代码注入操作，添加模块303，具体用于：响应于用户在属性配置区的代码注入操作，确定待添加的接口的代码；根据代码，向目标组件添加接口。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的事件选择操作以及在属性配置区的地址填写操作，添加模块303，具体用于：响应于用户在属性配置区的事件选择操作，确定待添加的事件的类型；响应于用户在属性配置区的地址填写操作，确定待添加的事件的事件对象；根据类型和事件对象，向目标组件添加事件。

在上述任一技术方案中，可选地，第二操作请求包括在属性配置区的埋点选择操作，添加模块303，具体用于：响应于用户在属性配置区的埋点选择操作，确定待添加的埋点的类型；根据类型，向目标组件添加埋点。

在上述任一技术方案中，可选地，接收模块301，还用于接收用户的预览页面请求；生成模块304，还用于响应于预览页面请求，生成目标网页的预览网页。

在上述任一技术方案中，可选地，接收模块301，还用于接收用户对预览网页的修改请求；生成模块304，还用于响应于修改请求，对预览网页进行修改。

本申请实施例中的网页配置装置300可以是电子设备，也可以是电子设备中的部件，例如集成电路或芯片。该电子设备可以是终端，也可以为除终端之外的其他设备。示例性的，电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、移动上网装置(MobileInternet Device，MID)、超级移动个人计算机(Ultra-Mobile Personal Computer，UMPC)、上网本或者个人数字助理(Personal Digital Assistant，PDA)等，还可以为服务器、网络附属存储器(Network Attached Storage，NAS)、个人计算机(Personal Computer，PC)、柜员机或者自助机等，本申请实施例不作具体限定。

本申请实施例中的网页配置装置300可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。

本申请实施例提供的网页配置装置300能够实现图1的网页配置方法实施例实现的各个过程，为避免重复，这里不再赘述。

本申请实施例还提供一种网页生成系统，如图4所示，包括：展示层、控制层、业务逻辑层、数据访问层、中间件和数据库。其中，展示层用于展示不同的H5网页；控制层为网页配置装置，用于进行网页配置；业务逻辑层提供账号登录、接口交互、数据埋点、功能组件；数据访问层方便业务逻辑层对底层数据进行增删改查等操作；中间件用于减少数据库操作，提高业务高峰期的系统稳定性；数据库用于存放底层数据，对业务数据做持久化储存。

本申请实施例还提供一种电子设备，如图5所示，该电子设备500包括处理器501和存储器502，存储器502上存储有可在处理器501上运行的程序或指令，该程序或指令被处理器501执行时实现上述网页配置方法实施例的各个步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。

需要说明的是，本申请实施例中的电子设备包括上述的移动电子设备和非移动电子设备。

存储器502可用于存储软件程序以及各种数据。存储器502可主要包括存储程序或指令的第一存储区和存储数据的第二存储区，其中，第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外，存储器502可以包括易失性存储器或非易失性存储器，或者，存储器502可以包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(Read-Only Memory，ROM)、可编程只读存储器(Programmable ROM，PROM)、可擦除可编程只读存储器(Erasable PROM，EPROM)、电可擦除可编程只读存储器(Electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory，RAM)，静态随机存取存储器(Static RAM，SRAM)、动态随机存取存储器(Dynamic RAM，DRAM)、同步动态随机存取存储器(Synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data Rate SDRAM，DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM，SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM，DRRAM)。本申请实施例中的存储器502包括但不限于这些和任意其它适合类型的存储器。

处理器501可包括一个或多个处理单元；可选的，处理器501集成应用处理器和调制解调处理器，其中，应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作，调制解调处理器主要处理无线通信信号，如基带处理器。可以理解的是，上述调制解调处理器也可以不集成到处理器501中。

本申请实施例还提供一种可读存储介质，可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述网页配置方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本申请实施例还提供了一种芯片，芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行程序或指令，实现上述网页配置方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。

本申请实施例还提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如上述网页配置方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (10)

1.一种网页配置方法，其特征在于，包括：

接收用户的新建页面请求，响应于所述新建页面请求，显示页面编辑区，所述页面编辑区包括组件编辑区和页面画板；

接收用户对所述组件编辑区的第一操作请求，响应于所述第一操作请求，确定待添加的目标组件，并向所述页面画板中添加所述目标组件；

接收用户的确认请求，响应于所述确认请求，生成目标网页的网页地址，所述网页地址用于在浏览器中指示所述目标网页。

2.根据权利要求1所述的方法，其特征在于，所述组件编辑区包括组件列表和属性配置区，所述接收用户对所述组件编辑区的第一操作请求，响应于所述第一操作请求，确定待添加的目标组件，并向所述页面画板中添加所述目标组件，包括：

接收用户在所述组件列表的第一子操作请求，响应于所述第一子操作请求，确定目标组件，并向所述页面画板中添加所述目标组件；

接收用户在所述属性配置区的第二子操作请求，响应于所述第二子操作请求，配置所述目标组件的属性。

3.根据权利要求2所述的方法，其特征在于，在所述配置所述目标组件的属性之后，还包括：

接收用户对所述目标组件的第二操作请求，响应于所述第二操作请求，向所述目标组件添加目标逻辑；

其中，所述目标逻辑包括以下至少一项：接口、事件、埋点。

4.根据权利要求3所述的方法，其特征在于，所述第二操作请求包括在所述属性配置区的代码注入操作，所述响应于所述第二操作请求，向所述目标组件添加目标逻辑，包括：

响应于用户在所述属性配置区的代码注入操作，确定待添加的接口的代码；

根据所述代码，向所述目标组件添加所述接口。

5.根据权利要求3所述的方法，其特征在于，所述第二操作请求包括在所述属性配置区的事件选择操作以及在所述属性配置区的地址填写操作，所述响应于所述第二操作请求，向所述目标组件添加目标逻辑，包括：

响应于用户在所述属性配置区的事件选择操作，确定待添加的事件的类型；

响应于用户在所述属性配置区的地址填写操作，确定待添加的事件的事件对象；

根据所述类型和所述事件对象，向所述目标组件添加所述事件。

6.根据权利要求3所述的方法，其特征在于，所述第二操作请求包括在所述属性配置区的埋点选择操作，所述响应于所述第二操作请求，向所述目标组件添加目标逻辑，包括：

响应于用户在所述属性配置区的埋点选择操作，确定待添加的埋点的类型；

根据所述类型，向所述目标组件添加所述埋点。

7.根据权利要求1至6中任一项所述的方法，其特征在于，在所述接收用户的确认请求之前，还包括：

接收用户的预览页面请求，响应于所述预览页面请求，生成目标网页的预览网页。

8.根据权利要求4所述的方法，其特征在于，在所述生成目标网页的预览网页之后，还包括：

接收用户对所述预览网页的修改请求，响应于所述修改请求，对所述预览网页进行修改。

9.一种网页配置装置，其特征在于，包括：

接收模块，用于接收用户的新建页面请求；

显示模块，用于响应于所述新建页面请求，显示页面编辑区，所述页面编辑区包括组件编辑区和页面画板；

所述接收模块，还用于接收用户对所述组件编辑区的第一操作请求；

添加模块，用于响应于所述第一操作请求，确定待添加的目标组件，并向所述页面画板中添加所述目标组件；

所述接收模块，还用于接收用户的确认请求；

生成模块，用于响应于所述确认请求，生成目标网页的网页地址，所述网页地址用于在浏览器中指示所述目标网页。

10.一种可读存储介质，其上存储有程序或指令，其特征在于，所述程序或指令被处理器执行时实现如权利要求1至8中任一项所述的网页配置方法的步骤。

Images