CN111338690A - 小程序店铺页面配置方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种小程序店铺页面配置方法、装置、计算机设备和存储介质。所述方法包括：检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。采用本方法能够小程序店铺页面的配置效率。

Description

小程序店铺页面配置方法、装置、计算机设备和存储介质

技术领域

本申请涉及互联网技术领域，特别是涉及一种小程序店铺页面配置方法、装置、计算机设备和存储介质。

背景技术

随着互联网技术的不断发展，以用户和流量为中心的小程序店铺逐渐替代以商品为中心的传统营销模式发展起来，用户足不出户即可方便快捷的选购所需的商品，给人们的生活带来了诸多便捷。如何配置小程序店铺页面，以从内容与体验等方面更好的满足用户需求是值得关注的问题。

目前，通常是通过专门的技术团队针对每个小程序店铺页面进行设计、开发与运营，需要耗费大量的人力物力与配置时间，存在配置效率低的问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高配置效率的小程序店铺页面配置方法、装置、计算机设备和存储介质。

一种小程序店铺页面配置方法，所述方法包括：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

在其中一个实施例中，所述页面配置操作为模板选取操作；所述根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素，包括：

根据所述模板选取操作获取所选取的目标模板；

将所述目标模板作为所述目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

在其中一个实施例中，所述页面配置操作为组件配置操作；所述根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素，包括：

根据所述组件配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的组件数据。

在其中一个实施例中，所述检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作之前，所述方法还包括：

获取浏览器配置页面的页面链接地址；

根据所述页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；

按照所述浏览器配置页面数据显示所述浏览器配置页面，并在所述浏览器配置页面中展示所述模板数据结构对应的候选模板，以及所述组件数据结构对应的候选组件。

在其中一个实施例中，所述当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示，包括：

当检测到通过小程序客户端触发的对所述目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取所述目标店铺页面对应的店铺数据结构；

通过所述小程序代码根据所述店铺结构数据生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

在其中一个实施例中，所述方法还包括：

检测针对所述目标店铺页面的店铺页面编辑操作；

根据所述店铺页面编辑操作获取所述目标店铺页面对应的店铺数据结构；

按照获取的店铺数据结构在所述浏览器配置页面展示所述目标店铺页面；

根据针对展示的目标店铺页面触发的组件编辑操作，动态调整所述目标店铺页面中的组件数据。

一种小程序店铺页面配置装置，所述装置包括：

检测模块，用于检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

配置模块，用于根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

发布模块，用于当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

展示模块，用于当检测到针对所述目标店铺页面的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在其中一个实施例中，所述页面配置操作为模板选取操作；所述配置模块，还用于根据所述模板选取操作获取所选取的目标模板；将所述目标模板作为所述目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

上述小程序店铺页面配置方法、装置、计算机设备和存储介质，根据针对目标店铺页面的页面配置操作，在浏览器配置页面的页面配置展示区域动态调整目标店铺页面中的页面元素，以通过浏览器配置页面实现目标店铺页面的可视化配置，在目标店铺页面配置完成时，根据页面配置展示区域中当前展示的、已配置完成的目标店铺页面生成相应的店铺数据结构，在用户通过小程序客户端请求查看已配置完成的目标店铺页面时，根据所生成的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。这样，通过浏览器能够方便快捷的实现小程序店铺页面的可视化配置，无需通过专业技术团队来进行配置，降低了配置小程序店铺页面的技术性要求，能够在降低配置成本的同时，提高配置效率。

附图说明

图1为一个实施例中小程序店铺页面配置方法的应用环境图；

图2为一个实施例中小程序店铺页面配置方法的流程示意图；

图3为另一个实施例中小程序店铺页面配置方法的流程示意图；

图4为一个实施例中通过浏览器配置页面配置小程序店铺页面的界面示意图；

图5为一个实施例中小程序店铺页面配置装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的小程序店铺页面配置方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。终端102检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作，根据所检测到的页面配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的页面元素，当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成相应的店铺数据结构，当检测到通过小程序客户端触发的店铺页面查看请求时，根据所生成的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行所生成的小程序店铺页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，图1所示的服务器104包括小程序后台服务器与存储服务器。小程序后台服务器存储有小程序代码。存储服务器存储有已配置完成的目标店铺页面对应的店铺数据结构，还可存储有预配置的浏览器配置页面数据、模板结构数据与组件结构数据等。

在一个实施例中，如图2所示，提供了一种小程序店铺页面配置方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：

步骤202，检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作。

其中，目标店铺页面是指待配置的店铺页面，具体可以是指通过浏览器配置页面进行配置的小程序店铺页面。页面配置操作是对目标店铺页面进行配置的触发操作，具体可以是配置目标店铺页面中的页面元素的操作。页面配置操作可通过浏览器配置页面中的预设控件触发，也可通过在浏览器配置界面的预设动作触发。预设控件比如模板选取控件与组件选取控件。预设动作比如对组件的拖拽操作或删除操作，还比如对组件参数的编辑操作，还比如对组件内容的上传操作或选取操作等。

具体地，终端展示浏览器配置页面，以便于用户通过该浏览器配置页面对目标店铺页面进行配置。终端实时检测用户通过浏览器配置页面触发的对目标店铺页面的页面配置操作。

在一个实施例中，页面配置操作包括模板选取操作与组件配置操作。组件配置操作包括但不限于是组件选取操作、组件位置调整操作、组件删除操作、组件参数编辑操作、组件内容编辑操作等。

步骤204，根据页面配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的页面元素。

其中，页面配置展示区域是浏览器配置页面中用于可视化展示动态配置的目标店铺页面的区域。在小程序店铺页面配置过程中，通过页面配置展示区域能够实时展示当前已配置的店铺页面效果。页面元素是指组成目标店铺页面的元素，具体可包括店铺模板与店铺组件等。

具体地，终端在检测到通过浏览器配置页面针对目标店铺页面触发的页面配置操作后，根据所检测到的页面配置操作确定该目标店铺页面中待调整的页面元素，并在浏览器配置页面的页面配置展示区域动态调整待调整的页面元素。

在一个实施例中，终端根据所检测到的页面配置操作确定目标店铺页面中待调整的页面元素，以及页面元素的调整方式，并按照所确定的调整方式调整页面配置展示区域中的相应页面元素。页面元素的调整方式，比如新增页面元素、删除页面元素、调整页面元素位置或编辑页面元素数据。新增页面元素比如选取店铺模板或新增店铺组件。删除页面元素比如删除店铺模板或店铺组件。编辑页面元素数据比如编辑组件参数或组件内容。

步骤206，当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构。

其中，页面发布操作是请求发布已配置完成的目标店铺页面的操作，具体可以是指请求根据页面配置展示区域中当前展示的目标店铺页面生成相应店铺数据结构的操作。页面发布操作具体可以是对浏览器配置页面中预设的页面发布控件的触发操作，也可以是在浏览器配置页面中的预设发布动作。

具体地，终端实时检测用户通过浏览器配置界面触发的对目标店铺页面的页面发布操作。当检测到针对目标店铺页面的页面发布操作时，终端根据所检测到的页面发布操作获取页面配置展示区域中当前展示的目标店铺页面，该当前展示的目标店铺页面是当前已配置完成的目标目标店铺页面。终端根据当前已配置完成的目标店铺页面生成相应的店铺数据结构，并对所生成的店铺数据结构进行存储。

在一个实施例中，当检测到页面发布操作后，终端根据页面配置展示区域中当前展示的目标店铺页面，获取该已配置完成的目标店铺页面中的页面元素、页面元素对应的页面元素数据与页面元素位置，并按照所获取到的页面元素与相应页面元素数据及页面元素位置，生成该已配置完成的目标店铺页面对应的店铺数据结构。

在一个实施例中，目标店铺页面中的页面元素包括店铺模板与店铺组件，店铺模板对应有模板数据结构，每个店铺组件也对应有组件数据结构。终端将每个店铺组件对应的店铺组件数据填充至该店铺组件对应的组件数据结构中的相应位置，并将各个店铺组件对应的已填充后的组件数据结构，按照店铺组件在目标店铺页面中的店铺组件位置，填充至店铺模板对应的模板数据结构中，得到该目标店铺页面对应的店铺数据结构。

在一个实施例中，在小程序店铺页面配置过程中，终端根据页面配置操作在页面配置展示区域动态调整目标店铺页面中的相应页面元素的同时，对应调整页面元素对应的数据结构。比如，当根据页面配置操作在页面配置展示区域，动态调整店铺组件在目标店铺页面中的店铺组件位置时，终端对应调整该店铺组件对应的组件数据结构，在目标店铺页面对应的店铺模板对应的模板数据结构中的位置。还比如，当根据页面配置操作在页面配置展示区域，展示针对店铺组件中的组件对象上传的商品图像时，将该商品图像对应的图像标识与图像链接地址等中的至少一种，填充至该店铺组件对应的组件数据结构中的相应位置。

在一个实施例中，店铺数据结构是指已配置完成的目标店铺页面对应的数据结构。数据结构是计算机存储、组织数据的方式。店铺数据结构比如JSON(一种轻量级的数据交换格式)。

在一个实施例中，终端将所生成的店铺数据结构存储至存储服务器，以便于在检测到针对目标店铺页面触发的店铺页面查看请求时，根据店铺页面查看请求从存储服务器获取该目标店铺页面对应的店铺数据结构。

步骤208，当检测到通过小程序客户端触发的店铺页面查看请求时，根据店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

其中，店铺页面查看请求是触发店铺页面查看操作的请求，具体可用于请求查看通过浏览器已配置完成的小程序店铺页面。店铺页面查看请求具体可包括店铺页面标识，店铺页面标识用于唯一标识小程序店铺页面，也即用于标识小程序店铺页面对应的目标店铺页面。小程序店铺页面与目标店铺页面相对应，目标店铺页面是指在配置小程序店铺页面过程中，通过浏览器配置页面进行可视化配置及展示的店铺页面。当目标店铺页面配置完成时，根据已配置完成的目标店铺页面生成相应店铺数据结构，以便于根据该店铺数据结构能够在小程序客户端得到相应的小程序店铺页面，该小程序店铺页面与通过浏览器配置页面展示的已配置完成的目标店铺页面一致，由此通过浏览器实现了小程序店铺页面的可视化配置。小程序客户端是指能够运行小程序的客户端，也即是指能够为小程序提供运行环境的客户端。客户端是指运行于客户端的计算机程序。

在一个实施例中，小程序客户端是指运行于终端的母应用程序，运行于小程序客户端的小程序是指运行于母应用程序的子应用程序。

具体地，终端实时检测用户通过小程序客户端触发的、对已配置完成的小程序店铺页面的店铺页面查看请求。当检测到通过小程序客户端针对小程序店铺页面触发的店铺页面查看请求时，终端根据所检测到的店铺页面查看请求确定待查看的店铺页面标识，并根据店铺页面标识获取相应的店铺数据结构。终端根据所获取到的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端展示所生成的小程序店铺页面。

在一个实施例中，终端根据店铺页面查看请求中的店铺页面标识，从本地或存储服务器获取该店铺页面标识对应的店铺数据结构。

在一个实施例中，终端对所获取到的店铺数据结构进行解析，并根据解析后的店铺数据结构恢复得到可视化的小程序店铺页面。终端可根据通过浏览器展示的目标店铺页面，与通过小程序客户端展示的小程序店铺页面之间的数据映射关系，对目标店铺页面对应的店铺数据结构进行解析，得到相应小程序店铺页面所对应的店铺数据结构，并根据小程序店铺页面对应的店铺数据结构恢复得到该小程序店铺页面。终端也可调用小程序代码解析店铺数据结构并恢复得到相应的小程序店铺页面。

上述小程序店铺页面配置方法，根据针对目标店铺页面的页面配置操作，在浏览器配置页面的页面配置展示区域动态调整目标店铺页面中的页面元素，以通过浏览器配置页面实现目标店铺页面的可视化配置，在目标店铺页面配置完成时，根据页面配置展示区域中当前展示的、已配置完成的目标店铺页面生成相应的店铺数据结构，在用户通过小程序客户端请求查看已配置完成的目标店铺页面时，根据所生成的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。这样，通过浏览器能够方便快捷的实现小程序店铺页面的可视化配置，无需通过专业技术团队来进行配置，降低了配置小程序店铺页面的技术性要求，能够在降低配置成本的同时，提高配置效率。

在一个实施例中，页面配置操作为模板选取操作；步骤204，包括：根据模板选取操作获取所选取的目标模板；将目标模板作为目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

其中，模板选取操作是触发请求选取店铺模板的操作。模板选取操作具体可以是指针对预设的模板选取控件的触发操作。店铺模板是配置目标店铺页面的基础模板。店铺模板中可包括一个或多个模板组件，店铺模板还可指定各个模板组件的初始组件参数与初始组件位置。初始组件位置是指模板组件在店铺模板中的初始展示位置。

具体地，终端检测到用户通过浏览器配置页面触发的模板选取操作后，根据所检测到的模板选取操作确定所选取的目标模板。终端将根据模板选取操作所确定的目标模板确定为当前待配置的目标店铺页面的店铺模板，并在浏览器配置页面中的页面配置展示区域展示该店铺模板。

在一个实施例中，终端按照预设模板展示方式，在浏览器配置页面展示预配置的候选模板，以便于用户通过浏览器配置页面从候选模板中选取作为店铺模板的目标模板。预设模板展示方式，比如以平铺展示方式展示预配置的各个候选模板对应的模板标识，以便于用户基于平铺展示的模板标识直接从候选模板中选取目标模板。预设模板展示方式，还比如以折叠展示方式展示各个候选模板对应的模板标识，还可配置相应的模板列表查看控件，以便于用户通过该模板列表查看控件请求查看各个候选模板各自相应的模板标识。模板标识用于唯一标识模板，比如可以是模板名称或模板编号。

在一个实施例中，针对候选模板中的每个模板组件预配置相应的初始组件内容。终端在根据模板选取操作从候选模板中选取作为店铺模板的目标模板后，按照目标模板中各个模板组件的初始组件参数、初始组件位置与初始组件内容，在浏览器配置页面中的页面配置展示区域展示所选取的目标模板，并将该目标模板确定为目标店铺页面的店铺模板，以便于用户基于该店铺模板对目标店铺页面进行进一步配置。可以理解，在小程序店铺页面配置过程中，店铺模板中的模板组件，以及各个模板组件的初始组件参数、初始组件位置与初始组件内容，可通过浏览器配置页面进行可视化的动态调整。

上述实施例中，根据通过浏览器配置页面触发的模板选取操作，确定目标店铺页面的店铺模板，并在浏览器配置页面的页面配置展示区域进行展示，以便于用户在所选取的店铺模板的基础上进行小程序店铺页面的可视化配置。

在一个实施例中，页面配置操作为组件配置操作；步骤204，包括：根据组件配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的组件数据。

其中，组件配置操作是触发请求配置店铺组件的操作，具体可以是指请求配置目标店铺页面中的组件数据的操作。组件数据包括组件本身、组件位置、组件参数与组件内容等。

具体地，终端检测到用户通过浏览器配置页面针对目标店铺页面触发的组件配置操作后，根据所检测到的组件配置操作确定待调整的组件数据，并在页面配置展示区域动态调整待调整的组件数据。

在一个实施例中，当组件配置操作为组件选取操作时，终端根据组件选取操作确定所选取的目标组件，将所选取的目标组件作为目标店铺的店铺组件。终端根据组件选取操作确定相应店铺组件在目标店铺页面中的组件位置，并按照所确定的组件位置，在页面配置展示区域中当前展示的目标店铺页面中的相应位置显示该店铺组件。这样，用户通过浏览器配置页面能够选取所需新增的店铺组件，并通过拖拽方式确定所选取的店铺组件在目标店铺页面中的显示位置，以实现店铺组件的可视化新增。当组件配置操作为组件删除操作时，终端根据组件删除操作确定目标店铺页面中待删除的店铺组件，并从页面配置展示区域中删除该店铺组件，以实现店铺组件的可视化删除。

在一个实施例中，当组件配置操作为组件位置调整操作时，终端根据组件位置调整操作在页面配置展示区域中，将待调整位置的目标店铺组件由当前位置调整至目标位置进行显示。可以理解，组件位置调整操作具体可以是通过浏览器配置页面，在页面配置展示区域对目标店铺页面中已配置的店铺组件的拖拽操作。当检测到针对目标店铺组件的拖拽操作时，终端根据拖拽操作实时调整目标店铺组件在目标店铺页面中的显示位置，并将拖拽操作停止时目标店铺组件的当前显示位置确定为该目标店铺组件的目标位置。

在一个实施例中，当组件配置操作为组件参数编辑操作时，终端根据所检测到的组件参数编辑操作，在页面配置展示区域动态调整目标店铺页面中的组件参数。可以理解，组件参数包括组件中的组件对象数量，还可包括组件对象对应的组件对象标识与组件对象属性等。组件对象是组成组件的基本对象，以商品列表组件为例，该商品列表组件包括多个商品对象，每个商品对象即为一个组件对象。组件对象标识用于唯一标识组件对象，具体可以是组件对象名称，比如“水果”。组件对象属性是指组件对象的属性特征，以组件对象为商品图像为例，组件对象属性比如为商品图像的尺寸大小与图像类型等。

在一个实施例中，当组件配置操作为组件内容编辑操作时，终端根据组件内容编辑操作确定待编辑内容的店铺组件，以及相应的组件内容，并在页面配置展示区域中该店铺组件的相应位置显示该组件内容。组件内容编辑操作具体可以是指针对组件对象的内容选取操作，以组件对象为商品图像为例，组件内容编辑操作可以是指选取并上传组件对象对应的商品图像，并在目标店铺页面中该组件对象的相应位置显示该商品图像。

上述实施例中，通过浏览器配置页面对目标店铺页面中的店铺组件进行可视化配置，并在页面配置展示区域对目标店铺页面中的组件数据进行可视化调整，以实现小程序店铺页面的可视化配置。

在一个实施例中，步骤202之前，上述小程序店铺页面配置方法还包括：获取浏览器配置页面的页面链接地址；根据页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；按照浏览器配置页面数据显示浏览器配置页面，并在浏览器配置页面中展示模板数据结构对应的候选模板，以及组件数据结构对应的候选组件。

其中，页面链接地址是浏览器配置页面对应的链接地址，能够用于访问浏览器配置页面。浏览器配置页面数据是指浏览器配置页面对应的数据，能够用于指定浏览器配置页面的页面布局。浏览器配置页面数据可包括候选模板与候选组件在浏览器配置页面中的展示位置及展示方式，以及页面配置展示区域在浏览器配置页面中的展示位置，还可包括预设的触发控件及相应展示位置，触发控件比如发布触发控件、模板选取控件与组件选取控件等。模板数据结构是指每个候选模板对应的数据结构。组件数据结构是指每个候选组件对应的数据结构。

具体地，终端检测用户通过浏览器针对浏览器配置页面录入或选取的页面链接地址，或者，终端根据用户针对浏览器配置页面触发的配置页面查看请求，获取该浏览器配置页面对应的页面链接地址。终端根据所获取到的页面链接地址，从存储服务器获取针对浏览器配置页面预配置的浏览器配置页面数据、模板数据结构与组件数据结构。终端按照浏览器配置页面数据渲染得到相应浏览器配置页面，并显示该浏览器配置页面。相应地，终端按照模板结构数据渲染得到相应的候选模板，并按照组件结构数据渲染得到相应的候选组件，并将所得到的候选模板与候选组件，按照浏览器配置页面数据展示与浏览器配置页面。

在一个实施例中，针对浏览器配置页面预先配置有相应的浏览器配置页面数据，以及模板数据结构与组件数据结构，将该预配置的浏览器配置页面数据、模板数据结构与组件数据结构，存储至存储服务器，并基于存储位置信息生成相应的页面链接地址，以便于用户基于页面链接地址，能够获取到针对相应浏览器配置页面预配置的浏览器配置页面数据、模板数据结构与组件数据结构。

在一个实施例中，已配置完成的目标店铺页面包括一个店铺模板，以及一个或多个店铺组件。店铺模板用于表征目标店铺页面的的基础架构，店铺组件是填充于店铺模板的组件，用于显示具体的店铺商品。

在一个实施例中，终端根据模板数据结构能够得到可通过浏览器配置页面进行可视化展示的候选模板，根据组件结构数据能够得到可通过浏览器配置页面进行可视化展示的候选组件，并通过浏览器配置页面对候选模板与候选组件进行可视化展示，以便于用户基于浏览器配置页面中直观展示的候选模板与候选组件进行小程序店铺页面的可视化配置。

上述实施例中，基于预配置的浏览器配置页面数据、模板数据结构与组件数据结构，得到可视化展示的浏览器配置页面，以便于用户通过该浏览器配置页面进行小程序店铺页面的可视化配置，能够提高小程序店铺页面配置的直观性与配置效率。

在一个实施例中，步骤208，包括：当检测到通过小程序客户端触发的对目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取目标店铺页面对应的店铺数据结构；通过小程序代码根据店铺结构数据生成相应的小程序店铺页面，并通过小程序客户端进行展示。

具体地，当检测到通过小程序客户端针对已配置完成的目标店铺页面触发的店铺页面查看请求时，终端根据所检测到的店铺页面查看请求确定待查看的目标店铺页面对应的店铺页面标识。终端从小程序后台服务器获取预配置的小程序代码，并根据店铺页面标识从存储服务器获取相应目标店铺页面所对应的店铺数据结构。终端通过所获取到的小程序代码对相应获取的店铺数据结构进行解析，根据解析后的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端展示所生成的小程序店铺页面。

在一个实施例中，终端从小程序后台服务器获取小程序代码，并通过小程序客户端的渲染机制渲染得到小程序的大体结构。终端从存储服务器获取店铺数据结构，通过小程序代码根据该店铺数据结构，对相应小程序店铺页面的页面元素进行渲染相应店铺页面，并将渲染得到的店铺页面填充中至已渲染得到的小程序结构中，得到相应小程序店铺页面。

上述实施例中，当检测到通过小程序客户端触发的店铺页面查看请求时，通过小程序代码根据店铺数据结构，恢复得到待查看的小程序店铺页面，以通过浏览器实现对小程序店铺页面的可视化配置。进一步地，通过存储于小程序后台服务器的小程序代码，根据存储于存储服务器店铺数据结构，恢复得到相应小程序店铺页面，以便于小程序店铺页面的共享，由此，用户可随时随地通过任何终端请求查看已配置完成的小程序店铺页面，提高了小程序店铺页面的覆盖面。

在一个实施例中，上述小程序店铺页面配置方法还包括：检测针对目标店铺页面的店铺页面编辑操作；根据店铺页面编辑操作获取目标店铺页面对应的店铺数据结构；按照获取的店铺数据结构在浏览器配置页面展示目标店铺页面；根据针对展示的目标店铺页面触发的组件编辑操作，动态调整目标店铺页面中的组件数据。

其中，店铺页面编辑操作是请求对已配置完成的目标店铺页面进行再次编辑的操作。组件编辑操作是指对已配置完成的目标店铺页面中的店铺组件进行再次编辑的操作。

具体地，终端检测用户通过浏览器配置页面，针对已配置完成的目标店铺页面触发的店铺页面编辑操作。终端根据所检测到的店铺页面编辑操作，确定待编辑的目标店铺页面对应的店铺页面标识，并根据该店铺页面标识获取相应的店铺数据结构。终端根据所获取到的店铺数据结构得到相应待编辑的目标店铺页面，并通过浏览器配置页面可视化的展示该待编辑的目标店铺页面。终端实时检测用户通过浏览器配置页面，针对该待编辑的目标店铺页面触发的组件编辑操作，并根据所检测到的组件编辑操作，在浏览器配置页面的页面配置展示区域中，动态调整目标店铺页面中的组件数据。

在一个实施例中，终端根据待编辑的目标店铺页面对应的店铺页面标识，从存储服务器中获取该目标店铺页面对应的店铺页面数据。这样，将已配置完成的目标店铺页面的店铺页面数据存储至存储服务器，以便于用户通过任何能够用于编辑目标店铺页面的终端，对该目标店铺页面进行再编辑，而无需通过初始配置该目标店铺页面的终端进行再编辑。

在一个实施例中，终端根据组件编辑操作，在页面配置展示区域中动态调整目标店铺页面中的组件数据的调整方式，与根据上述一个或多个实施例中提供的、根据组件配置操作动态调整页面配置展示区域中的组件数据的调整方式类似，在此不再赘述。

上述实施例中，通过浏览器配置页面能够对已配置完成的目标店铺页面进行可视化的再编辑，能够提高目标店铺页面的编辑效率。

如图3所示，提供了一种小程序店铺页面配置方法，该方法具体包括以下步骤：

步骤302，获取浏览器配置页面的页面链接地址。

步骤304，根据页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构。

步骤306，按照浏览器配置页面数据显示浏览器配置页面，并在浏览器配置页面中展示模板数据结构对应的候选模板，以及组件数据结构对应的候选组件。

步骤308，检测通过浏览器配置页面触发的对目标店铺页面的模板选取操作。

步骤310，根据模板选取操作获取所选取的目标模板。

步骤312，将目标模板作为目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

步骤314，检测通过浏览器配置页面触发的对目标店铺页面的组件配置操作。

步骤316，根据组件配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的组件数据。

步骤318，当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构。

步骤320，当检测到通过小程序客户端触发的对目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取目标店铺页面对应的店铺数据结构。

步骤322，通过小程序代码根据店铺结构数据生成相应的小程序店铺页面，并通过小程序客户端进行展示。

上述实施例中，通过浏览器配置页面可视化展示候选模板与候选组件，以便于用户通过浏览器配置页面，基于可视化展示的候选模板与候选组件对目标店铺页面进行可视化配置，并将所配置的目标店铺页面通过浏览器配置页面中的页面配置展示区域进行实时的可视化展示。进一步地，当目标店铺页面配置完成时，根据所检测到的页面发布操作基于该已配置完成的目标店铺页面生成相应的店铺数据结构，并在检测到通过小程序客户端针对该目标店铺页面触发的店铺页面查看请求时，基于所生成的店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。由此，通过浏览器实现了小程序客户端的可视化配置，降低了配置成本，提高了配置效率。

在一个实施例中，候选模板是通用的基础模板，包括但不限于是礼品模板、电商模板、零售模板与自定义模板等。候选组件是配置小程序店铺页面所需的基础组件。配置小程序店铺页面具体可理解为装修小程序店铺页面。候选组件具体可包括店铺装修组件与营销活动组件，店铺装修组件包括但不限于是轮播图、商品列表、分组列表、富文本、视频、金刚位与文章等，营销活动组件包括但不限于是优惠券、秒杀与拼团等。

图4为一个实施例中通过浏览器配置页面配置小程序店铺页面的界面示意图。浏览器配置页面中展示了预配置的候选模板对应的模板标识与候选组件对应的组件标识，以及用于动态展示所配置的目标店铺页面的页面配置展示区域。如图4所示，在浏览器配置页面以折叠展示方式展示了候选模板的模板标识，如在浏览器配置页面仅展示电商模板对应的模板标识，比如“电商模板”，并提供模板下拉选取控件，以便于用户通过该模板下拉选取控件能够获取查看候选模板列表。如图4所示，在浏览器配置页面以平铺展示方式展示了候选组件中各个店铺装修组件的组件标识，以及每个店铺装修组件对应的组件图标，店铺装修组件比如轮播图、商品列表、分组列表、外卖列表、富文本、视频、金刚位、文章与热门营销等，还可展示候选组件中各个营销活动组件的组件标识。

在浏览器配置页面的页面配置展示区域中，动态展示当前已配置的目标店铺页面，目标店铺页面包括一个店铺模板与至少一个店铺组件。如图4所示，页面配置展示区域中当前展示的目标店铺页面，包括店铺模板401与店铺组件402-405，比如店铺组件402为轮播图，当页面配置操作为对店铺组件402的组件内容编辑操作时，在页面配置展示区域动态展示内容编辑窗口406，还比如店铺组件404为商品列表组件，包括商品图像4041-4044，还比如店铺组件405包括商品图像4051-4053。如图4所示，还可在页面配置展示区域中当前展示的目标店铺页面中显示该目标店铺页面对应的店铺标识，比如“SF一站”，还可提供搜索商品的搜索编辑区域。值得说明的是，图4所示的浏览器配置页面中所展示的页面内容仅作为示例，并用于具体限定。

应该理解的是，虽然图2-3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-3中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图5所示，提供了一种小程序店铺页面配置装置500，包括：检测模块501、配置模块502、发布模块503和展示模块504，其中：

检测模块501，用于检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

配置模块502，用于根据页面配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的页面元素；

发布模块503，用于当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

展示模块504，用于当检测到针对目标店铺页面的店铺页面查看请求时，根据店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，页面配置操作为模板选取操作；配置模块，还用于根据模板选取操作获取所选取的目标模板；将目标模板作为目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

在一个实施例中，页面配置操作为组件配置操作；配置模块，还用于根据组件配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的组件数据。

在一个实施例中，小程序店铺页面配置装置500，还包括：配置页面获取模块；

配置页面获取模块，用于获取浏览器配置页面的页面链接地址；根据页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；按照浏览器配置页面数据显示浏览器配置页面，并在浏览器配置页面中展示模板数据结构对应的候选模板，以及组件数据结构对应的候选组件。

在一个实施例中，展示模块504，用于当检测到通过小程序客户端触发的对目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取目标店铺页面对应的店铺数据结构；通过小程序代码根据店铺结构数据生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，小程序店铺页面配置装置500，还包括：编辑模块；

编辑模块，用于检测针对目标店铺页面的店铺页面编辑操作；根据店铺页面编辑操作获取目标店铺页面对应的店铺数据结构；按照获取的店铺数据结构在浏览器配置页面展示目标店铺页面；根据针对展示的目标店铺页面触发的组件编辑操作，动态调整目标店铺页面中的组件数据。

关于小程序店铺页面配置装置的具体限定可以参见上文中对于小程序店铺页面配置方法的限定，在此不再赘述。上述小程序店铺页面配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过***总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种小程序店铺页面配置方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；根据页面配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的页面元素；当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；当检测到通过小程序客户端触发的店铺页面查看请求时，根据店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，页面配置操作为模板选取操作；处理器执行计算机程序时还实现以下步骤：根据模板选取操作获取所选取的目标模板；将目标模板作为目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

在一个实施例中，页面配置操作为组件配置操作；处理器执行计算机程序时还实现以下步骤：根据组件配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的组件数据。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：获取浏览器配置页面的页面链接地址；根据页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；按照浏览器配置页面数据显示浏览器配置页面，并在浏览器配置页面中展示模板数据结构对应的候选模板，以及组件数据结构对应的候选组件。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：当检测到通过小程序客户端触发的对目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取目标店铺页面对应的店铺数据结构；通过小程序代码根据店铺结构数据生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：检测针对目标店铺页面的店铺页面编辑操作；根据店铺页面编辑操作获取目标店铺页面对应的店铺数据结构；按照获取的店铺数据结构在浏览器配置页面展示目标店铺页面；根据针对展示的目标店铺页面触发的组件编辑操作，动态调整目标店铺页面中的组件数据。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；根据页面配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的页面元素；当检测到针对目标店铺页面的页面发布操作时，根据页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；当检测到通过小程序客户端触发的店铺页面查看请求时，根据店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，页面配置操作为模板选取操作；计算机程序被处理器执行时还实现以下步骤：根据模板选取操作获取所选取的目标模板；将目标模板作为目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

在一个实施例中，页面配置操作为组件配置操作；计算机程序被处理器执行时还实现以下步骤：根据组件配置操作在浏览器配置页面的页面配置展示区域，动态调整目标店铺页面中的组件数据。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：获取浏览器配置页面的页面链接地址；根据页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；按照浏览器配置页面数据显示浏览器配置页面，并在浏览器配置页面中展示模板数据结构对应的候选模板，以及组件数据结构对应的候选组件。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：当检测到通过小程序客户端触发的对目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取目标店铺页面对应的店铺数据结构；通过小程序代码根据店铺结构数据生成相应的小程序店铺页面，并通过小程序客户端进行展示。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：检测针对目标店铺页面的店铺页面编辑操作；根据店铺页面编辑操作获取目标店铺页面对应的店铺数据结构；按照获取的店铺数据结构在浏览器配置页面展示目标店铺页面；根据针对展示的目标店铺页面触发的组件编辑操作，动态调整目标店铺页面中的组件数据。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种小程序店铺页面配置方法，其特征在于，所述方法包括：

检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

2.根据权利要求1所述的方法，其特征在于，所述页面配置操作为模板选取操作；所述根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素，包括：

根据所述模板选取操作获取所选取的目标模板；

将所述目标模板作为所述目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

3.根据权利要求1所述的方法，其特征在于，所述页面配置操作为组件配置操作；所述根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素，包括：

根据所述组件配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的组件数据。

4.根据权利要求1所述的方法，其特征在于，所述检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作之前，所述方法还包括：

获取浏览器配置页面的页面链接地址；

根据所述页面链接地址获取预配置的浏览器配置页面数据、模板数据结构与组件数据结构；

按照所述浏览器配置页面数据显示所述浏览器配置页面，并在所述浏览器配置页面中展示所述模板数据结构对应的候选模板，以及所述组件数据结构对应的候选组件。

5.根据权利要求1所述的方法，其特征在于，所述当检测到通过小程序客户端触发的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过所述小程序客户端进行展示，包括：

当检测到通过小程序客户端触发的对所述目标店铺页面的店铺页面查看请求时，从小程序后台服务器获取小程序代码，并从存储服务器获取所述目标店铺页面对应的店铺数据结构；

通过所述小程序代码根据所述店铺结构数据生成相应的小程序店铺页面，并通过所述小程序客户端进行展示。

6.根据权利要求1至5任意一项所述的方法，其特征在于，所述方法还包括：

检测针对所述目标店铺页面的店铺页面编辑操作；

根据所述店铺页面编辑操作获取所述目标店铺页面对应的店铺数据结构；

按照获取的店铺数据结构在所述浏览器配置页面展示所述目标店铺页面；

根据针对展示的目标店铺页面触发的组件编辑操作，动态调整所述目标店铺页面中的组件数据。

7.一种小程序店铺页面配置装置，其特征在于，所述装置包括：

检测模块，用于检测通过浏览器配置页面触发的对目标店铺页面的页面配置操作；

配置模块，用于根据所述页面配置操作在所述浏览器配置页面的页面配置展示区域，动态调整所述目标店铺页面中的页面元素；

发布模块，用于当检测到针对所述目标店铺页面的页面发布操作时，根据所述页面配置展示区域中当前展示的目标店铺页面生成店铺数据结构；

展示模块，用于当检测到针对所述目标店铺页面的店铺页面查看请求时，根据所述店铺数据结构生成相应的小程序店铺页面，并通过小程序客户端进行展示。

8.根据权利要求7所述的装置，其特征在于，所述页面配置操作为模板选取操作；所述配置模块，还用于根据所述模板选取操作获取所选取的目标模板；将所述目标模板作为所述目标店铺页面的店铺模板，并展示于浏览器配置页面中的页面配置展示区域。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。

Images