页面配置方法、装置、计算机设备和存储介质制造方法及图纸

本申请涉及一种页面配置方法、装置、计算机设备和存储介质。所述方法包括：显示待配置页面，响应对待配置页面中组件的配置操作；根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。采用本方法能够通过多次交互利用已注册事件实现页面配置，从而减少重复开发成本，提升事件代码的复用率。提升事件代码的复用率。提升事件代码的复用率。

【技术实现步骤摘要】
页面配置方法、装置、计算机设备和存储介质


[0001]本申请涉及计算机
，特别是涉及一种页面配置方法、装置、计算机设备和存储介质。

技术介绍

[0002]随着计算机技术的发展，出现了页面配置技术，页面配置技术是指对可在终端上进行显示的页面进行配置。
[0003]传统技术中，在对页面进行配置时大多采用直接开发的方式，即由前端开发人员直接在html(Hyper Text Markup Language，超级文本标记语言)中编写代码实现，或采用嵌入外部json(JavaScript Object Notation,JS对象简谱)代码的方式，需要用户直接编写负责的事件代码。
[0004]然而，传统方法由于每次在进行页面配置时都需要开发人员进行代码编写，代码通用性较弱，存在代码复用率低的问题。

技术实现思路

[0005]基于此，有必要针对上述技术问题，提供一种能够提高代码复用率的页面配置方法、装置、计算机设备和存储介质。
[0006]一种页面配置方法，所述方法包括：
[0007]显示待配置页面，响应对待配置页面中组件的配置操作；
[0008]根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
[0009]响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
[0010]根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
[0011]响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
[0012]一种页面配置装置，所述装置包括：
[0013]第一响应模块，用于显示待配置页面，响应对待配置页面中组件的配置操作；
[0014]第一显示模块，用于根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
[0015]第二响应模块，用于响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
[0016]第二显示模块，用于根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
[0017]配置模块，用于响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
[0018]一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理
器执行所述计算机程序时实现以下步骤：
[0019]显示待配置页面，响应对待配置页面中组件的配置操作；
[0020]根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
[0021]响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
[0022]根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
[0023]响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
[0024]一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
[0025]显示待配置页面，响应对待配置页面中组件的配置操作；
[0026]根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
[0027]响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
[0028]根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
[0029]响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
[0030]上述页面配置方法、装置、计算机设备和存储介质，通过响应组件配置操作，根据组件配置操作，获取待选择事件集合，显示待选择事件列表，响应与待选择事件列表对应的事件选择操作，根据事件选择操作获取已注册事件数据，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面，能够将已注册事件配置到待配置页面中，通过响应事件配置操作能够对已注册事件的事件参数进行配置，得到已配置页面，整个过程，能够通过多次交互利用已注册事件实现页面配置，从而减少重复开发成本，提升事件代码的复用率。
附图说明
[0031]图1为一个实施例中页面配置方法的流程示意图；
[0032]图2为一个实施例中页面配置方法的界面示意图；
[0033]图3为一个实施例中页面配置方法的界面示意图；
[0034]图4为一个实施例中页面配置方法的界面示意图；
[0035]图5为一个实施例中页面配置方法的界面示意图；
[0036]图6为一个实施例中页面配置方法的界面示意图；
[0037]图7为一个实施例中页面配置方法的界面示意图；
[0038]图8为一个实施例中页面配置方法的界面示意图；
[0039]图9为一个实施例中页面配置方法的应用场景图；
[0040]图10为另一个实施例中页面配置方法的流程示意图；
[0041]图11为一个实施例中页面配置装置的结构框图；
[0042]图12为一个实施例中计算机设备的内部结构图。
具体实施方式
[0043]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
[0044]在一个实施例中，如图1所示，提供了一种页面配置方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。本实施例中，该方法包括以下步骤：
[0045]步骤102，显示待配置页面，响应对待配置页面中组件的配置操作。
[0046]其中，待配置页面是指进行页面配置的页面，在待配置页面中包括可预览的实时配置页面、组件库以及插件库等，其中的组件库用于在实时配置页面上添加组件，插件库用于在实时配置页面上添加插件。举例说明，如图2所示，为一个待配置页面，在其中，中间区域是可预览的实时配置页面，左侧区域包括组件库和插件库，在待配置页面中选择组件库，可显示可以添加的组件，可添加的组件包括基础组件、模块组件以及平台组件等，其中的基础组件包括文本、图片、热区按钮、视频、形状、数据以及自定义组件等，模块组件包括Tab、轮播、左滑看答案、弹窗以及表单等，平台组件包括slug登录等，进一步的，在待配置页面中，在组件库和插件库的下方会显示可预览的实时配置页面中的图层列表，用于表示当前实时配置页面中的图层添加情况。
[0047]具体的，终端会显示待配置页面，当用户需要对待配置页面中的实时配置页面进行组件添加时，可以通过鼠标等输入设备进行组件配置操作，终端会响应该组件配置操作，在待配置页面上显示与组件配置操作对应的待选择事件列表。其中，进行组件配置操作具体可以是指通过鼠标或者点击屏幕进行组件选择等。举例说明，如图2所示，当用户选中热区按钮组件时，对本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面配置方法，其特征在于，所述方法包括：显示待配置页面，响应对所述待配置页面中组件的配置操作；根据组件配置操作，获取待选择事件集合，根据所述待选择事件集合显示待选择事件列表；响应对所述待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；响应事件配置操作，由所述事件配置操作更新所述待配置页面，得到已配置页面。2.根据权利要求1所述的方法，其特征在于，所述根据组件配置操作，获取待选择事件集合，根据所述待选择事件集合显示待选择事件列表包括：根据组件配置操作确定组件标识；根据所述组件标识匹配预设数据库中的已注册事件集合，确定与所述组件标识对应的待选择事件集合；根据所述待选择事件集合生成待选择事件列表，显示所述待选择事件列表。3.根据权利要求1所述的方法，其特征在于，所述响应对所述待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据包括：根据所述事件选择操作确定事件标识；根据所述事件标识从预设数据库中获取对应的已注册事件数据。4.根据权利要求1所述的方法，其特征在于，所述根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面包括：解析所述已注册事件数据，根据所述已注册事件数据中的前端配置模板信息确定需替换组件代号；根据所述需替换组件代号查询预设显示组件集合，确定与所述需替换组件代号对应的前端显示组件；根据所述前端显示组件，生成并显示待配置事件页面。5.根据权利要求1所述的方法，其特征在于，所述响应事件配置操作，由所述事件配置操作更新所述待配置页面，得到已配置页面包括：...

【专利技术属性】
技术研发人员：孙剑峰，嵇海波，施晨龙，黄宝铖，伍东升，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：