页面配置方法、装置、计算机设备和存储介质与流程

1.本申请涉及计算机技术领域，特别是涉及一种页面配置方法、装置、计算机设备和存储介质。


背景技术：

2.随着计算机技术的发展，出现了页面配置技术，页面配置技术是指对可在终端上进行显示的页面进行配置。
3.传统技术中，在对页面进行配置时大多采用直接开发的方式，即由前端开发人员直接在html(hyper text markup language，超级文本标记语言)中编写代码实现，或采用嵌入外部json(javascript object notation,js对象简谱)代码的方式，需要用户直接编写负责的事件代码。
4.然而，传统方法由于每次在进行页面配置时都需要开发人员进行代码编写，代码通用性较弱，存在代码复用率低的问题。


技术实现要素：

5.基于此，有必要针对上述技术问题，提供一种能够提高代码复用率的页面配置方法、装置、计算机设备和存储介质。
6.一种页面配置方法，所述方法包括：
7.显示待配置页面，响应对待配置页面中组件的配置操作；
8.根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
9.响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
10.根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
11.响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
12.一种页面配置装置，所述装置包括：
13.第一响应模块，用于显示待配置页面，响应对待配置页面中组件的配置操作；
14.第一显示模块，用于根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
15.第二响应模块，用于响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
16.第二显示模块，用于根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
17.配置模块，用于响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
18.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理
器执行所述计算机程序时实现以下步骤：
19.显示待配置页面，响应对待配置页面中组件的配置操作；
20.根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
21.响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
22.根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
23.响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
24.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
25.显示待配置页面，响应对待配置页面中组件的配置操作；
26.根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
27.响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
28.根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
29.响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
30.上述页面配置方法、装置、计算机设备和存储介质，通过响应组件配置操作，根据组件配置操作，获取待选择事件集合，显示待选择事件列表，响应与待选择事件列表对应的事件选择操作，根据事件选择操作获取已注册事件数据，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面，能够将已注册事件配置到待配置页面中，通过响应事件配置操作能够对已注册事件的事件参数进行配置，得到已配置页面，整个过程，能够通过多次交互利用已注册事件实现页面配置，从而减少重复开发成本，提升事件代码的复用率。
附图说明
31.图1为一个实施例中页面配置方法的流程示意图；
32.图2为一个实施例中页面配置方法的界面示意图；
33.图3为一个实施例中页面配置方法的界面示意图；
34.图4为一个实施例中页面配置方法的界面示意图；
35.图5为一个实施例中页面配置方法的界面示意图；
36.图6为一个实施例中页面配置方法的界面示意图；
37.图7为一个实施例中页面配置方法的界面示意图；
38.图8为一个实施例中页面配置方法的界面示意图；
39.图9为一个实施例中页面配置方法的应用场景图；
40.图10为另一个实施例中页面配置方法的流程示意图；
41.图11为一个实施例中页面配置装置的结构框图；
42.图12为一个实施例中计算机设备的内部结构图。
具体实施方式
43.为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
44.在一个实施例中，如图1所示，提供了一种页面配置方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。本实施例中，该方法包括以下步骤：
45.步骤102，显示待配置页面，响应对待配置页面中组件的配置操作。
46.其中，待配置页面是指进行页面配置的页面，在待配置页面中包括可预览的实时配置页面、组件库以及插件库等，其中的组件库用于在实时配置页面上添加组件，插件库用于在实时配置页面上添加插件。举例说明，如图2所示，为一个待配置页面，在其中，中间区域是可预览的实时配置页面，左侧区域包括组件库和插件库，在待配置页面中选择组件库，可显示可以添加的组件，可添加的组件包括基础组件、模块组件以及平台组件等，其中的基础组件包括文本、图片、热区按钮、视频、形状、数据以及自定义组件等，模块组件包括tab、轮播、左滑看答案、弹窗以及表单等，平台组件包括slug登录等，进一步的，在待配置页面中，在组件库和插件库的下方会显示可预览的实时配置页面中的图层列表，用于表示当前实时配置页面中的图层添加情况。
47.具体的，终端会显示待配置页面，当用户需要对待配置页面中的实时配置页面进行组件添加时，可以通过鼠标等输入设备进行组件配置操作，终端会响应该组件配置操作，在待配置页面上显示与组件配置操作对应的待选择事件列表。其中，进行组件配置操作具体可以是指通过鼠标或者点击屏幕进行组件选择等。举例说明，如图2所示，当用户选中热区按钮组件时，对应的在待配置页面的右侧，会显示与热区按钮组件对应的待选择事件列表，待选择事件列表中包括所有与热区按钮组件对应的已注册事件，可通过选择已注册事件进行事件添加。
48.步骤104，根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表。
49.其中，待选择事件集合是指与组件配置操作对应的可选择已注册事件集合，可选择已注册事件是指已经注册的且可以被选择的事件，这里的可以被选择的事件是指适用于组件的事件，待选择事件列表是指由待选择事件集合组成的列表，在待选择事件列表中待选择事件集合依次排列。
50.具体的，在进行事件注册时，开发人员会预先配置好与每个事件对应的适用组件，以完成对事件的注册。终端根据组件配置操作可确定用户选择的组件，进而可以根据用户选择的组件以及与每个已注册事件对应的适用组件，获取到待选择事件集合，根据待选择事件集合生成待选择事件列表，就可以显示待选择事件列表。
51.举例说明，在用户注册测试事件时，可以在适用组件下选择按钮组件，则对应的如图2所示，当用户选择的组件为热区按钮组件时，在配置面板的右侧所显示的待选择事件列表中，会包括测试事件，如图2中事件id为5的测试选项接口联动。
52.步骤106，响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据。
53.其中，已注册事件数据是指已经注册的事件数据。比如，已注册事件数据具体可以是指jsonschema数据，jsonschema是一种用来对json数据格式定义的一种json数据结构，已经形成了一定的标准，对于相关的校验组件，只要满足规范标准即可。在进行页面配置之前，开发人员会进行事件注册，预先配置好与每个事件对应的注册参数，以使得终端根据注册参数生成与每个事件对应的已注册事件数据，将已注册事件数据存入预设数据库中，以便非开发人员可以在不需要了解代码编写的情况下利用已注册事件数据实现自主化页面配置。
54.具体的，在显示待选择事件列表后，当用户需要进行事件选择时，可通过鼠标等输入设备进行事件选择操作，终端会响应对待选择事件列表的事件选择操作，根据事件选择操作获取与已选择事件对应的已注册事件数据。其中，进行事件选择操作具体可以是通过鼠标或者点击屏幕进行事件选择等。举例说明，如图2所示，当用户需要进行事件选择时，可通过鼠标或者点击屏幕选中待选择事件列表中的选择组件，即可完成响应的事件选择操作，终端会响应事件选择操作进行下一步处理。
55.步骤108，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面。
56.其中，预设显示组件集合中包括预先设置的与已注册事件数据中各注册参数对应的前端显示组件，前端显示组件包括时间选择组件、数值组件、下拉单选框组件、下拉多选框组件、布尔开关组件以及多种文本输入框组件等。
57.举例说明，如图3所示，在注册事件时，开发人员需要对注册事件进行参数配置，参数配置包括前端配置模板以及具体参数配置，前端配置模板用于确定该注册事件在终端的终端显示数据，包括显示文字和需替换组件代号等，具体参数配置用于对与需替换组件代号对应的参数进行配置，具体参数配置包括参数类型、参数key、参数展示名、参数值以及代号(与需替换组件代号相同)的设置，其中，在设置参数值时可确定与参数值对应的前端显示组件，例如，当参数类型为数值整数，且参数展示名为礼包组id时，可对应的设置前端显示组件为默认值以及加减框，当参数类型为数值时间戳，且参数展示名为结束时间时，可对应的设置前端显示组件为默认值以及时间格式框。
58.具体的，终端通过解析已注册事件数据，可确定前端配置模板信息，结合前端配置模板信息和预设显示组件集合，可以生成待配置事件页面，在生成待配置事件页面后终端会在待配置页面显示该待配置事件页面。
59.步骤110，响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
60.具体的，在显示待配置事件页面后，用户可通过鼠标等输入设备进行事件配置操作，终端会响应事件配置操作，确定与事件配置操作对应的参数合法要求，根据参数合法要求对事件配置操作中的事件配置参数进行参数合法性验证，并在参数合法性验证通过后，根据事件配置参数渲染待配置页面中的可预览的实时配置页面，实现对待配置页面的更新，得到已配置页面。其中的参数合法要求包括参数阈值要求和参数格式要求等。
61.上述页面配置方法，通过响应组件配置操作，根据组件配置操作，获取待选择事件集合，显示待选择事件列表，响应与待选择事件列表对应的事件选择操作，根据事件选择操作获取已注册事件数据，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面，能够将已注册事件配置到待配置页面中，通过响应事件配置操作能够对已注册
事件的事件参数进行配置，得到已配置页面，整个过程，能够通过多次交互利用已注册事件实现页面配置，从而减少重复开发成本，提升事件代码的复用率。
62.在一个实施例中，根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表包括：
63.根据组件配置操作确定组件标识；
64.根据组件标识匹配预设数据库中的已注册事件集合，确定与组件标识对应的待选择事件集合；
65.根据待选择事件集合生成待选择事件列表，显示待选择事件列表。
66.其中，组件标识是指用于区分不同组件的标识，不同的组件所对应的组件标识不同，每个组件都有对应的组件标识。
67.具体的，终端会根据组件配置操作确定对应的组件标识，根据组件标识去匹配预设数据库中的已注册事件集合，根据已注册事件集合中各已注册事件的适用组件，确定适用组件中包括组件标识的已注册事件集合，将该已注册事件集合作为与组件标识对应的待选择事件集合，再依次排列待选择事件集合生成待选择事件列表，显示待选择事件列表。
68.举例说明，如图3所示，在注册事件时，开发人员除了进行参数配置外，还会配置基础信息，在基础信息中包括对适用组件的配置，当在测试事件中选中适用组件为按钮组件后，若用户在配置面板中选中热区按钮组件，终端会响应组件配置操作，确定对应的组件标识为热区按钮组件，根据热区按钮组件匹配预设数据库中的已注册事件集合中各已注册事件的适用组件，就可以确定测试事件为包括组件标识的已注册事件。
69.本实施例中，通过根据组件配置操作确定组件标识，根据组件标识匹配预设数据库中的已注册事件集合，确定与组件标识对应的待选择事件集合，根据待选择事件集合显示待选择事件列表，能够实现对待选择事件列表的显示。
70.在一个实施例中，响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据包括：
71.根据事件选择操作确定事件标识；
72.根据事件标识从预设数据库中获取对应的已注册事件数据。
73.其中，事件标识是指用于区分不同事件的标识，不同的事件所对应的事件标识不同，每个事件都有对应的事件标识。比如，事件标识具体可以是指事件id。预设数据库是指用于存储已注册事件数据的数据库，在预设数据库中每个已注册事件数据都携带有事件标识，通过该事件标识可区分不同事件。
74.具体的，终端会根据事件选择操作确定已选择事件，根据已选择事件的事件标识可以对预设数据库中所有的已注册事件数据携带的事件标识进行匹配，获取到匹配的已注册事件数据。
75.本实施例中，通过根据事件选择操作确定事件标识，根据事件标识从预设数据库中获取对应的已注册事件数据，能够实现对已注册事件数据的获取。
76.在一个实施例中，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面包括：
77.解析已注册事件数据，根据已注册事件数据中的前端配置模板信息确定需替换组件代号；
78.根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件；
79.根据前端显示组件，生成并显示待配置事件页面。
80.其中，需替换组件代号是指在前端配置模板信息中出现的代号，该代号与已注册事件中的注册参数对应。
81.具体的，终端通过解析已注册事件数据，可以获取到已注册事件数据中的前端配置模板信息，遍历前端配置模板信息可确定需要在终端显示的终端显示数据，终端显示数据包括显示文字和需替换组件代号，其中的显示文字是指可直接在终端显示的文字，需替换组件代号与已注册事件中的注册参数对应，在显示前需要将需替换组件代号替换为与参数对应的前端显示组件才能进行显示，因此，终端需要确定与需替换组件代号对应的前端显示组件。为此，终端会根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件，根据前端显示组件和显示文字，生成并显示待配置事件页面。
82.进一步的，在生成待配置事件页面时，不同的组件会以不同的方式组织已注册事件数据中的注册参数，比如，对于按钮组件来说，参数需要拼装在按钮的href和onclick属性的函数内，而对于全局初始化函数来说，则需要配置初始化函数调用。以按钮组件为例，若前端配置模板信息如图3所示，则需要在按钮组件的href属性中submit({{time}},{{package}},{form}},{{count}},{{package}},{{dialog}})。
83.举例说明，如图3所示，可以看到在测试事件的前端配置模板中，给出的前端配置模板信息为：前端校验在{{time}}前，用户在{{form}}中输入正确的暗号，连续抽{{count}}次礼包组id为{{package}}的礼包，成功则打开{{dialog}}，其中的{{time}}、{{form}}、{{count}}、{{package}}以及{{dialog}}即为需替换组件代号，其余部分均为显示文字，每个需替换组件代号都与参数对应，对应的可以看到在参数配置界面中，每个参数的配置项中都包括代号，该代号与需替换组件代号对应，用于表示可在终端显示的注册参数。进一步的，在生成并显示待配置事件页面时，终端会根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件，根据前端配置模板信息中的显示文字以及所有需替换组件代号对应的前端显示组件，生成待配置事件页面，并显示待配置事件页面。
84.举例说明，待配置事件页面可以如图4所示，该待配置事件页面所对应的测试事件的注册事件配置，可以如图3所示，进一步的，该待配置事件页面也可以在待配置页面上显示，举例说明，其在待配置页面上的显示可以如图5所示，位于待配置页面的右下侧。需要说明的是，可以看到在图3中仍有部分参数对应的需替换组件代号未写入前端配置模板中(即other1、other2、other3)，则对应的这些参数会直接在待配置事件页面中显示，即图4中待配置事件页面中的测试部分。
85.本实施例中，通过根据已注册事件数据中的前端配置模板信息确定需替换组件代号，根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件，根据前端显示组件，生成并显示待配置事件页面，能够实现对待配置事件页面的显示。
86.在一个实施例中，响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面包括：
87.响应事件配置操作，确定对应的事件配置参数；
88.当对事件配置参数的参数合法性验证通过时，根据事件配置参数渲染待配置页面，得到已配置页面。
89.其中，事件配置操作是指通过鼠标、键盘等输入设备进行事件配置，这里的事件配置即在待配置事件页面上给已选择事件中的事件参数进行设置。
90.具体的，在显示待配置事件页面后，用户会通过鼠标、键盘灯输入设备进行对事件参数进行配置，终端会响应事件配置操作，根据事件配置操作提取出对应的事件配置参数，对事件配置参数进行参数合法性验证，当对事件配置参数的参数合法性验证通过时，终端会根据事件配置参数渲染待配置页面中的可预览的实时配置页面，得到已配置页面。举例说明，当已注册事件数据为jsonschema数据时，对应的事件配置参数可以为json data，终端对json data的参数合法性验证通过时，即可根据json data渲染中的可预览的实时配置页面，具体的进行渲染的方式可以为调用预设渲染工具或利用预设渲染代码进行渲染等，本实施例在此处不做具体限定。
91.进一步的，终端会根据参数合法性验证的结果生成不同的显示信息。比如，如图6所示，待配置事件页面上设置有指示器组件，当参数合法性验证通过时，该指示器组件可显示为第一颜色，当参数合法性验证不通过时，该指示器组件可显示为第二颜色，进一步的，第一颜色可以为绿色，第二颜色可以为红色，当参数合法性验证不通过时，除了指示器组件之外，终端还会推送验证不通过的提示，以提示用户输入合法的参数，提示可以为这不是一个合法参数，中文表述或其他语言文字表述均可，本实施例在此处不做具体限定，当表述为中文时，显示可以如图6所示。
92.本实施例中，通过响应事件配置操作，确定对应的事件配置参数，当对事件配置参数的参数合法性验证通过时，根据事件配置参数渲染待配置页面，得到已配置页面，能够实现对已配置页面的获取。
93.在一个实施例中，响应事件配置操作，确定对应的事件配置参数之后，还包括：
94.根据事件配置操作，查询已注册事件数据，确定对应的预设数据格式以及预设数据阈值；
95.根据预设数据格式以及预设数据阈值，对事件配置参数进行参数合法性验证。
96.其中，预设数据格式是指预先设置的参数需满足的数据格式，比如，预设数据格式具体可以为整数、浮点数等。预设数据阈值是指预先设置的参数的取值范围。
97.具体的，在得到事件配置参数之后，终端会根据事件配置操作，查询已注册事件数据，确定与各事件配置参数对应的预设数据格式以及预设数据阈值，根据预设数据格式以及预设数据阈值，对事件配置参数进行参数合法性校验，以确定事件配置参数是否符合参数格式以及范围要求。
98.举例说明，如图3所示，可以看到在进行事件注册时，会对参数类型以及参数值进行设置，这里的参数类型即为预设数据格式，包括数值整数、单选字符串等，参数值即为预设数据阈值，可以看到与参数展示名为礼包组id对应的参数值，是有数值范围限制或存在录入可选值的，其中，这里的录入可选值是指自主设置可录入的数值，选中录入可选值后，对应的显示可如图7所示，可自主设置可选参数录入值，并进行添加和删除。
99.本实施例中，通过根据事件配置操作，查询已注册事件数据，确定对应的预设数据
格式以及预设数据阈值，根据预设数据格式以及预设数据阈值，对事件配置参数进行参数合法性验证，能够实现对事件配置参数的验证。
100.在一个实施例中，显示待配置页面，响应对待配置页面中组件的配置操作之前，还包括：
101.显示事件注册页面；
102.接收输入的事件注册参数进行事件注册，得到已注册事件数据。
103.具体的，终端会显示事件注册页面，接收用户输入的事件注册参数进行事件注册，得到已注册事件数据。举例说明，事件注册页面的显示如图3所示，包括基础信息设置以及参数配置等。其中的基础信息设置部分，可以设置事件名、归属业务、使用渠道以及适用组件等，其中的渠道用于区分使用的平台渠道范围，适用组件用于限制事件的适用场景，表示事件能够作用的前端组件。其中的参数配置包括前端配置模板以及注册参数配置，在注册参数配置中包括参数类型、参数key、参数展示名、参数值以及代号等，其中在设置参数值时还可设置默认值，该默认值用于在初次显示待配置事件页面时，在与事件配置参数对应的位置显示。进一步的，在前端配置模板中会录入注册参数对应的代号，则在待配置事件页面中，所有的代号会被替换为前端显示组件，让用户进行配置(如图4所示)。
104.需要说明的是，这里所显示的事件注册页面是指已预先由开发人员进行配置的事件注册页面，通过开发人员对事件注册页面的配置，能够让用户(即非开发人员)在终端看到语意化的事件注册页面，从而只需要通过简单的点选和输入的方式配置前端配置模板中的一个个代号即可。进一步的，开发人员在进行配置时，还可以预先配置自定义代码，所配置的自定义html、css、js代码，最终会被直接渲染到生成的已配置页面中。进一步的，如图8所示，为了对已注册事件进行管理，终端还会展示对应的管理事件列表，通过操作管理事件列表中的编辑或删除组件，可实现对事件的管理。
105.举例说明，本实施例中的已注册事件数据具体可以为jsonschema，以图3中的注册事件页面为例，对应生成的jsonschema可以为：
106.107.108.[0109][0110]
需要说明的是，jsonschema提供的默认类型是数值类型，如整型、浮点型、字符串、布尔、数组等，如果直接使用，并不符合业务场景，在实际业务场景中意义不大，因此针对实际业务场景，本实施例设计了一些常用数据类型，与jsonschema数值类型进行映射。为了方便用户选择，将事件类型分为两级：主类型和子类型，映射关系如下表1所示：
[0111]
表1
[0112][0113]
本实施例中，通过显示事件注册页面，接收输入的事件注册参数进行事件注册，得到已注册事件数据，能够实现对已注册事件数据的获取。
[0114]
本申请还提供一种应用场景，该应用场景应用上述的页面配置方法。具体地，如图9所示，该页面配置方法在该应用场景的应用如下：
[0115]
在该页面配置方法中采用了(事件库)事件注册管理端、事件配置面板以及ui maker，其中的事件配置面板与待配置页面对应，具体的，先在事件注册管理端显示事件注册页面，接收用户输入的事件注册参数进行事件注册，得到jsonschema数据并存储(即已注册事件数据)，然后显示事件配置面板(即待配置页面)，响应对事件配置面板中组件配置操作，根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表，响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面，响应事件配置操作，生成json data(即事件配置，生成json data)，最后通过ui maker根据生成的json data进行事件渲染，更新待配置页面，得到已配置页面。
[0116]
本申请还提供一个实施例来说明本申请的页面配置方法。具体地，如图10所示，该页面配置方法具体包括以下步骤：
[0117]
步骤1002，显示事件注册页面；
[0118]
步骤1004，接收输入的事件注册参数进行事件注册，得到已注册事件数据；
[0119]
步骤1006，显示待配置页面，响应对待配置页面中组件的配置操作；
[0120]
步骤1008，根据组件配置操作确定组件标识；
[0121]
步骤1010，根据组件标识匹配预设数据库中的已注册事件集合，确定与组件标识对应的待选择事件集合；
[0122]
步骤1012，根据待选择事件集合生成待选择事件列表，显示待选择事件列表；
[0123]
步骤1014，根据事件选择操作确定事件标识；
[0124]
步骤1016，根据事件标识从预设数据库中获取对应的已注册事件数据；
[0125]
步骤1018，解析已注册事件数据，根据已注册事件数据中的前端配置模板信息确定需替换组件代号；
[0126]
步骤1020，根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件；
[0127]
步骤1022，根据前端显示组件，生成并显示待配置事件页面；
[0128]
步骤1024，响应事件配置操作，确定对应的事件配置参数；
[0129]
步骤1026，根据事件配置操作，查询已注册事件数据，确定对应的预设数据格式以及预设数据阈值；
[0130]
步骤1028，根据预设数据格式以及预设数据阈值，对事件配置参数进行参数合法性验证；
[0131]
步骤1030，当对事件配置参数的参数合法性验证通过时，根据事件配置参数渲染待配置页面，得到已配置页面。
[0132]
应该理解的是，虽然上述实施例涉及的各流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述实施例涉及的各流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
[0133]
在一个实施例中，如图11所示，提供了一种页面配置装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：第一响应模块1102、第一显示模块1104、第二响应模块1106、第二显示模块1108和配置模块1110，其中：
[0134]
第一响应模块1102，用于显示待配置页面，响应对待配置页面中组件的配置操作；
[0135]
第一显示模块1104，用于根据组件配置操作，获取待选择事件集合，根据待选择事件集合显示待选择事件列表；
[0136]
第二响应模块1106，用于响应对待选择事件列表的事件选择操作，获取与已选择事件对应的已注册事件数据；
[0137]
第二显示模块1108，用于根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面；
[0138]
配置模块1110，用于响应事件配置操作，由事件配置操作更新待配置页面，得到已配置页面。
[0139]
上述页面配置装置，通过响应组件配置操作，根据组件配置操作，获取待选择事件集合，显示待选择事件列表，响应与待选择事件列表对应的事件选择操作，根据事件选择操
作获取已注册事件数据，根据已注册事件数据以及预设显示组件集合，生成并显示待配置事件页面，能够将已注册事件配置到待配置页面中，通过响应事件配置操作能够对已注册事件的事件参数进行配置，得到已配置页面，整个过程，能够通过多次交互利用已注册事件实现页面配置，从而减少重复开发成本，提升事件代码的复用率。
[0140]
在一个实施例中，第一显示模块还用于根据组件配置操作确定组件标识，根据组件标识匹配预设数据库中的已注册事件集合，确定与组件标识对应的待选择事件集合，根据待选择事件集合生成待选择事件列表，显示待选择事件列表。
[0141]
在一个实施例中，第二响应模块还用于根据事件选择操作确定事件标识，根据事件标识从预设数据库中获取对应的已注册事件数据。
[0142]
在一个实施例中，第二显示模块还用于解析已注册事件数据，根据已注册事件数据中的前端配置模板信息确定需替换组件代号，根据需替换组件代号查询预设显示组件集合，确定与需替换组件代号对应的前端显示组件，根据前端显示组件，生成并显示待配置事件页面。
[0143]
在一个实施例中，配置模块还用于响应事件配置操作，确定对应的事件配置参数，当对事件配置参数的参数合法性验证通过时，根据事件配置参数渲染待配置页面，得到已配置页面。
[0144]
在一个实施例中，页面配置装置还包括校验模块，校验模块用于根据事件配置操作，查询已注册事件数据，确定对应的预设数据格式以及预设数据阈值，根据预设数据格式以及预设数据阈值，对事件配置参数进行参数合法性验证。
[0145]
在一个实施例中，页面配置装置还包括注册模块，注册模块用于显示事件注册页面，接收输入的事件注册参数进行事件注册，得到已注册事件数据。
[0146]
关于页面配置装置的具体限定可以参见上文中对于页面配置方法的限定，在此不再赘述。上述页面配置装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
[0147]
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图12所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过wifi、运营商网络、nfc(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面配置方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
[0148]
本领域技术人员可以理解，图12中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
[0149]
在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储
有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
[0150]
在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
[0151]
在一个实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。
[0152]
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(read
‑
only memory，rom)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(random access memory，ram)或外部高速缓冲存储器。作为说明而非局限，ram可以是多种形式，比如静态随机存取存储器(static random access memory，sram)或动态随机存取存储器(dynamic random access memory，dram)等。
[0153]
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
[0154]
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。