CN114371848A - 页面联调方法、装置、设备及存储介质 - Google Patents

Abstract

本申请提供一种页面联调方法、装置、设备及存储介质，涉及互联网技术领域。该方法包括：获取待调试页面的脚本文件；根据所述脚本文件，生成所述待调试页面的配置文件，所述配置文件包括：所述脚本文件的配置数据；根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试。相对于现有技术，避免了页面的开发效率不高的问题。

Description

页面联调方法、装置、设备及存储介质

技术领域

本申请涉及互联网技术领域，具体而言，涉及一种页面联调方法、装置、设备及存储介质。

背景技术

页面在呈现给人们之前，都需要开发经过一段时间的调试和配置才可以生成最终呈现给人们的页面，每个页面都需要开发人员的一一调试和配置。

现有技术中普通的pc端管理系统有大量的增删改查(CRUD)，每个页面都需要写html、js、css，web前端一个普通的输入框要写样式、数据验证、事件绑定、DOM结构、浏览器兼容，产生大量的重复代码。后来通过UI库的设置，发挥了组件化思想的框架，统一了样式和DOM结构，减少很多重复代码，提高了开发效率。

但是这种通过组件化的工业时代编写页面的方式，都要写DOM和CSS代码，一个页面都需要分别写成三个部分，还是要引入很多UI组件，因此开发效率仍有待提高。

发明内容

本申请的目的在于，针对上述现有技术中的不足，提供一种页面联调方法、装置、设备及存储介质，以解决现有技术中页面的开发效率不高的问题。

为实现上述目的，本申请实施例采用的技术方案如下：

第一方面，本申请一实施例提供了一种页面联调方法，所述方法包括：

获取待调试页面的脚本文件；

根据所述脚本文件，生成所述待调试页面的配置文件，所述配置文件包括：所述脚本文件的配置数据；

根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试。

可选地，所述待调试页面为搜索页面，所述脚本文件中包括：搜索脚本；所述根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试，包括：

根据修改后的所述搜索脚本的配置数据生成搜索组件；

根据所述搜索组件，重新生成所述待调试页面中的搜索控件，以对所述待调试页面进行调试。

可选地，所述脚本文件还包括：列表脚本；所述根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试，包括：

根据修改后的所述列表脚本的配置数据生成分页列表组件；

根据所述搜索组件和所述分页列表组件，分别重新生成所述待调试页面中的搜索控件和查询列表，以对所述待调试页面进行调试。

可选地，所述方法还包括：

响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件；

在所述页面上的查询列表中生成所述请求事件对应的查询结果。

可选地，所述响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件之前，所述方法还包括：

获取所述搜索脚本的配置数据中的对象数组；

所述响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件，包括：

响应于搜索控件的触发操作，获取所述对象数组触发的对应的请求事件。

可选地，所述修改操作包括下述至少一项：补充操作、排序操作、修改动态组件操作、删除操作、修改操作或验证操作。

可选地，所述方法还包括：

响应于所述对象数组的变更操作，触发变更后的所述对象数组对应的请求事件。

第二方面，本申请另一实施例提供了一种页面联调装置，所述装置包括：获取模块和生成模块，其中：

所述获取模块，用于获取待调试页面的脚本文件；

所述生成模块，用于根据所述脚本文件，生成所述待调试页面的配置文件，所述配置文件包括：所述脚本文件的配置数据；根据修改后的配置数据重新生成所述待调试页面，以对所述待调试页面进行调试。

可选地，所述待调试页面为搜索页面，所述脚本文件中包括：搜索脚本；所述生成模块，具体用于根据修改后的所述搜索脚本的配置数据生成搜索组件；根据所述搜索组件，重新生成所述待调试页面中的搜索控件，以对所述待调试页面进行调试。

可选地，所述脚本文件还包括：列表脚本；所述生成模块，具体用于根据修改后的所述列表脚本的配置数据生成分页列表组件；根据所述搜索组件和所述分页列表组件，分别重新生成所述待调试页面中的搜索控件和查询列表，以对所述待调试页面进行调试。

可选地，所述获取模块，具体用于响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件；

所述生成模块，具体用于在所述页面上的查询列表中生成所述请求事件对应的查询结果。

可选地，所述获取模块，具体用于获取所述搜索脚本的配置数据中的对象数组；响应于搜索控件的触发操作，获取所述对象数组触发的对应的请求事件。

可选地，所述修改操作包括下述至少一项：补充操作、排序操作、修改动态组件操作、删除操作、修改操作或验证操作。

可选地，所述装置还包括：触发模块，用于响应于所述对象数组的变更操作，触发变更后的所述对象数组对应的请求事件。

第三方面，本申请另一实施例提供了一种页面联调设备，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当页面联调设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行如上述第一方面任一所述方法的步骤。

第四方面，本申请另一实施例提供了一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如上述第一方面任一所述方法的步骤。

本申请的有益效果是：采用本申请提供的页面联调方法，待调试页面是根据修改后的配置文件生成的，配置文件是根据脚本文件自动生成，并形成标准化格式的，用户需要对待调试页面进行联调时，只需直接在配置文件中对配置数据进行修改即可，不用再以组件为单位对每个组件进行修改配置，从而大大节约了联调效率。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请一实施例提供的页面联调方法的流程示意图；

图2为本申请另一实施例提供的页面联调方法的流程示意图；

图3为本申请另一实施例提供的页面联调方法的流程示意图；

图4为本申请另一实施例提供的页面联调方法的流程示意图；

图5为本申请一实施例提供的页面联调装置的结构示意图；

图6为本申请另一实施例提供的页面联调装置的结构示意图；

图7为本申请一实施例提供的页面联调设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。

通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

另外，本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应该理解，流程图的操作可以不按顺序实现，没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外，本领域技术人员在本申请内容的指引下，可以向流程图添加一个或多个其他操作，也可以从流程图中移除一个或多个操作。

如下结合多个具体的应用示例，对本申请实施例所提供的一种页面联调方法进行解释说明。

在一种可能的实施方式中，本发明实施例提供了一种页面联调方法，图1为本申请一实施例提供的一种页面联调方法的流程示意图，如图1所示，该方法包括：

S101：获取待调试页面的脚本文件。

在本申请的实施例中，待调试页面的脚本文件例如可以为js脚本文件，其中，获取脚本文件的方式例如可以为用户在打开浏览器开发者工具后，通过将预先写好的js脚本文件复制在控制台console中的方式，实现将js脚本文件写在console中；或者，在另一些可能的实施例中，用户在点击console后就可以直接将预先写好的js脚本文件写在console中；应当理解，上述实施例仅为示例性说明，具体如何将js脚本写在console中的方式可以根据用户需要灵活调整，并不以上述实施例给出的为限制。

S102：根据脚本文件，生成待调试页面的配置文件。

配置文件包括：脚本文件的配置数据。

在本申请的一个实施例中，将js脚本文件写在console中后，console会根据js脚本文件进行运行，以实现对js脚本文件的解析，解析得到脚本文件对应的配置数据，随后根据解析得到的配置数据生成待调试页面对应的配置文件。

S103：根据修改后的配置数据重新生成待调试页面，以对待调试页面进行调试。

在一些可能的实施例中，修改操作例如包括下述至少一项：补充操作、排序操作、修改动态组件操作、删除操作、修改操作或验证操作等。

举例说明，例如在一些可能的实施例中，修改操作例如可以包括：补充操作和排序操作，例如对于一些需要对配置文件进行进一步的补充和排序的场景下，比如配置文件中可能存在一些需要补充微服务名称的接口地址，或者配置文件中存在有些列数组，或者一些文字的排序需要进行改变。或者，有些表格内的文字，或者页面内的文字需要对其显示颜色，显示样式，显示背景颜色等进行改变。

或者，修改操作可以为针对字典值的配置操作，例如在一些需要为某些文件或为某个表格增加点击事件的场景下，其中，增加点击事件的方式例如可以为：通过在动态组件中进行配置，或对配置进行修改的方式，生成字典值，从而可以通过字典值对字典值对应的字段或表格进行格式化或触发事件的配置，其中，字典值用于确定字段或表格中的字符与事件之间的对应关系，在一些可能的实施例中，例如字典值中预先配置的字符1对应的事件例如可以为开始，字符2对应的事件例如可以为结束，字符3对应的事件例如可以为进行中，字符4对应的事件例如可以为格式化等；应当理解，上述实施例仅为示例性说明，具体字典值中配置的信息以及信息之间的对应关系均可以根据用户需要灵活调整，并不以上述实施例给出的为限。

或者，修改操作也可以为针对配置文件中的删除或修改下的场景，例如用户可以在配置文件中对配置文件中的业务逻辑的代码进行补充、修改或删除，或者处理数据验证，业务流程等操作；应当理解，上述实施例仅为示例性说明，具体修改操作对应的操作方式和操作项目可以根据用户需要灵活调整，并不以上述实施例给出的为限。

采用本申请提供的页面联调方法，待调试页面是根据修改后的配置文件生成的，配置文件是根据脚本文件自动生成，并形成标准化格式的，用户需要对待调试页面进行联调时，只需直接在配置文件中对配置数据进行修改即可，不用再以组件为单位对每个组件进行修改配置，从而大大节约了联调效率。

可选地，在上述实施例的基础上，本申请实施例还可提供一种页面联调方法，如下结合附图对上述方法中对待调试页面进行调试的实现过程进行示例说明。图2为本申请另一实施例提供的一种页面联调方法的流程示意图，待调试页面为搜索页面，脚本文件中包括：搜索脚本CommonSearch；如图2所示，S103可包括：

S104：根据修改后的搜索脚本的配置数据生成搜索组件。

其中，在本申请的实施例中，用户可以通过直接在配置文件中对搜索脚本对应的配置数据进行修改的方式，实现对搜索组件的修改。

在本申请的实施例中，搜索组件中例如可以支持多种功能组件，例如可以包括下拉功能、输入框功能、日期功能等，具体可以根据用户需要灵活设置，通过搜索脚本的配置数据生成搜索组件，可以实现直接在搜素脚本的配置文件中对搜索组件进行调试，以实现对多个功能组件的调试，从而提高了调试效率。

S105：根据搜索组件，重新生成待调试页面中的搜索控件，以对待调试页面进行调试。

其中，搜索控件为显示在待调试页面上的控件，在本申请的实施例中，CommonSearch是一个搜索条件的表单(form)组件，该组件中例如可以包括：日期、输入框、下拉菜单和带远程搜索的下拉菜单等，应当理解上述实施例仅为示例性说明，具体搜索组件中包括的内容可以根据用户需要灵活调整，并不以上述实施例给出的为限。

CommonSearch的传入参数是一个对象数组，一个对象数组中例如可以包含：输入框的类型(type)，关键字段(key,点搜索后暴露的字段)，组件库工具(element-ui)的表单项的配置(config)；本申请的实施例中，是利用vue组件的v-bind来将对象数组传入表单基础组件里面的。在表单基础组件中通过一个v-for循环一个el-form-item组件的形式，使得表单基础组件根据type来渲染具体的基础组件，并通过v-model实现基础组件和对象数组之间的双向数据绑定值。

搜索脚本内部维护的表单状态，是通过循环CommonSearch的props对象数组searchList，根据对象数组中的key初始化搜索脚本的状态值，当用户改变对象数组中的key的时候，搜索脚本的状态值也会发生变化，点击搜索控件就会触发事件，将搜索脚本的状态值传出去。

在本申请的实施例中，由于整个搜索组件中没有写一个标签，而是将所有相关的key和配置属性都放在js脚本的对象数组里面，如果key和后台接口文档中的参数字段一样，则不需要做任何数据的转换就可以直接根据js脚本生成配置文件。

如果key和后台接口文档中的参数字段不一样，则需要在配置文件里的component属性定义的动态组件中定义一个数据(data)或者方法(method)，用于将接口中的原始数据转换成页面期望呈现的样式。

在一些可能的实施例中，接口文档例如可以为一个标签(html)页面，可以通过一段js脚本直接在浏览器开发者工具中执行，根据js脚本和接口文档生成js脚本对应的配置文件。

可选地，在上述实施例的基础上，本申请实施例还可提供一种页面联调方法，如下结合附图对上述方法中对待调试页面进行调试的实现过程进行示例说明。图3为本申请另一实施例提供的一种页面联调方法的流程示意图，脚本文件还包括：列表脚本CommonTable；如图3所示，S103可包括：

S106：根据修改后的列表脚本的配置数据生成分页列表组件。

其中，在本申请的实施例中，用户可以通过直接在配置文件中修改列表脚本对应的配置数据的方式，实现对分页列表组件的修改。

S107：根据搜索组件和分页列表组件，分别重新生成待调试页面中的搜索控件和查询列表，以对待调试页面进行调试。

在本申请的实施例中，当用户点击待调试页面中的搜索控件的时候，会触发CommonSearch中的查询(search)事件，将表单(form)中的数据传递至待调试页面的主页面，主页面接收到传递的数据之后，对获取的数据进行格式化，转化成接口需要的数据格式并重新赋值，将格式化后的数据显示在主页面上。

在本申请的实施例中，CommonTable会监听选项(props)参数的变化，在监听到参数变化后随即发生变化的参数对应的触发请求。

在一些可能的实施例中，CommonTable中包括的props例如可以包括：查询参数(params)、列名和字段(columns)、http参数(httpHeader)、列表最后一列的操作(btns)、是否立即执行(immediate)、是否记住选项(memory)、每一行的唯一标识(selectKey)、分页配置(pagination)，应当理解，上述实施例仅为示例性说明，具体CommonTable中包括的选项参数可以根据用户需要灵活调整，并不以上述实施例给出的为限。

其中，CommonTable中的params参数会内部监听CommonSearch中的对象数组中的key值，一旦对象数组中的key发生变化，就会触发重新发查询请求。

在申请的实施例中，列名和字段(columns)是一个对象数据，一个对象数据表示表格一列中的某个字段，对于一般的某一列对象只需要设置其对应的标签(label)和选项(props)。对于存在需要特殊的样式的某一列对象，比如对于某个需要字条有颜色、或者有背景色、或者需要进行加粗、倾斜、加下划线、更改字体样式等特殊设置的列对象，可以通过采用预先配置好的动态组件的方式，为该列对象传入一个组成部分(component)字段，也就是一个对象，以实现对该列对象的特殊设置的实现。

其中，在本申请的实施例中，渐进式框架(.vue)组件编译后为一个js对象。在el表格列(el-table-column)组件里面包含一个样板(template)，可以传递一行(row)，表示一行数据，再用vue里面的component组件，在:is里面传递组件对象，通过这样的方式就可以实现了一个动态组件，从而可以实现对页面中的字体各种样式的调整。

此外通过添加v-bind＝"$attrs"，就可以实现从动态组件对象里面添加触发事件，在外部的主页面接收。动态组件对象中也可以传入组件，传入组件的定义方式与.vue组件的定义方式相同，一样可以定义日期(data)、组件(components)、方法(method)等，但是传入桉树的定义需要定义样板(template)字段，样板字段的字段类型为字符串字段，其中，在本申请的实施例中，由于vue的动态组件其实是一个js对象，而js对象中不能定义class，但可以在html元素字符串里面写style。若将层叠样式表(css)的样式类型写为class，则需要全局class，但这样的就与vue的动态组件中写私有的样式相违背，并且存在难以维护全局class的问题，因此本申请实施例中的层叠样式表(css)的样式类型要写成style类，不能写成class类。

在本申请的实施例中，CommonTable在跨页获取数据后可以记住在前页已购选的数据。

CommonTable内部维护了一个状态，在跨页获取数据后，可以响应于获取的数据对其进行遍历，如果获取的数据中的状态值里有值，即不为空，则触发切换行选择(toggleRow Selection)事件，勾选复选框(checkbox)。对于列表最后一列会有操作的情况，比如用户需要在最后一列增加新增、编辑、删除的按钮，此时则可以根据选择的按钮传入btns的对象props，其中对象props中包含配置(config)和btnList，其中，config是指操作的配置参数，可以传入style，设置操作一列的宽度，也可以传入el-table-colum的props，如果是增、删、改可以只需要传入字符串“add”、“delete”、“edit”即可，如果用户需要在最后一列增加其他内容的按钮，则需要传入一个包含name、key、config、isShowFn的对象即可,isShowFn是一个方法对象，其参数是一行的数据，根据该方法和一行的数据可以返回一个boolbean值，其中，boolean数据类型为可以存储为16位(2个字节)的数值形式，但其数据内容只能是True或是False，用于根据boolbean的值可以判断各按钮是否显示。

在本申请的实施例中，由于接口解析脚本有统一的接口文档：用户在浏览器打开开发者工具后，可以通过点击console的方式，实现在浏览器中直接执行脚本文件，就可以得到脚本文件对应的配置文件，并在配置文件中确定commontable对应的参数：httpHeader、columns、params等，并且由于上述参数均是通过预先与后台约定好的接口请求方式生成的，已经形成了标准化的流程，因此采用本申请提供的联调的方法，在联调的过程中基本不需要前端，大大提高了联调效率。

可选地，在上述实施例的基础上，本申请实施例还可提供一种页面联调方法，如下结合附图对上述方法中对待调试页面进行调试的实现过程进行示例说明。图4为本申请另一实施例提供的一种页面联调方法的流程示意图，如图4所示，该方法还可包括：

S108：响应于搜索控件的触发操作，获取搜索脚本的配置数据触发的请求事件。

在本申请的实施例中，在获取配置数据触发的请求事件之前，需要获取搜索脚本的配置数据中的对象数组；随后响应于搜索控件的触发操作，获取对象数组触发的对应的请求事件。

在一些可能的实施例中，分页列表组件会对搜索组件对应的对象数组进行监控，若监控到对象数据发生变更，例如用户调整了搜索关键词或搜索类型等，则响应于对象数组的变更操作，触发变更后的对象数组对应的请求事件，即重新根据变更后的对象数据触发对应的请求事件。

S109：在页面上的查询列表中生成请求事件对应的查询结果。

采用本申请提供的页面联调方法，可以通过直接对配置文件进行修改的方式，生成可以动态支持增加、删除、修改或查询的列表页面，而配置文件又是由脚本文件直接在接口文档进行解析后生成的，因此形成了标准化的接口调用方式，并且联调接口也可以由后端自行联调，不仅提高了联调效率，还大大节省了前端工程师的时间。因此，采用本申请提供的联调方法，页面中的列表不仅是标准化的，并且针对列表中单独的一条数据也可以通过传入动态组件的方式对其进行单独配置，从而保证了列表配置的灵活性。

下述结合附图对本申请所提供的页面联调装置进行解释说明，该页面联调装置可执行上述图1-图4任一页面联调方法，其具体实现以及有益效果参照上述，如下不再赘述。

图5为本申请一实施例提供的页面联调装置的结构示意图，如图5所示，该装置包括：获取模块201和生成模块202，其中：

获取模块201，用于获取待调试页面的脚本文件；

生成模块202，用于根据脚本文件，生成待调试页面的配置文件，配置文件包括：脚本文件的配置数据；根据修改后的配置数据重新生成待调试页面，以对待调试页面进行调试。

可选地，待调试页面为搜索页面，脚本文件中包括：搜索脚本；生成模块202，具体用于根据修改后的搜索脚本的配置数据生成搜索组件；根据搜索组件，重新生成待调试页面中的搜索控件，以对待调试页面进行调试。

可选地，脚本文件还包括：列表脚本；生成模块202，具体用于根据修改后的列表脚本的配置数据生成分页列表组件；根据搜索组件和分页列表组件，分别重新生成待调试页面中的搜索控件和查询列表，以对待调试页面进行调试。

可选地，获取模块201，具体用于响应于搜索控件的触发操作，获取搜索脚本的配置数据触发的请求事件；

生成模块202，具体用于在页面上的查询列表中生成请求事件对应的查询结果。

可选地，获取模块201，具体用于获取搜索脚本的配置数据中的对象数组；响应于搜索控件的触发操作，获取对象数组触发的对应的请求事件。

可选地，修改操作包括下述至少一项：补充操作、排序操作、修改动态组件操作、删除操作、修改操作或验证操作。

可选地，在上述实施例的基础上，本申请实施例还可提供一种页面联调装置，如下结合附图对上述图5给出的装置的实现过程进行示例说明。图6为本申请另一实施例提供的页面联调装置的结构示意图，如图6所示，该装置还包括：触发模块203，用于响应于对象数组的变更操作，触发变更后的对象数组对应的请求事件。

上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。

以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(Central Processing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，简称SOC)的形式实现。

图7为本申请一实施例提供的页面联调设备的结构示意图，该页面联调设备可以集成于终端设备或者终端设备的芯片。

如图7所示，该页面联调设备包括：处理器501、存储介质502和总线503。

处理器501用于存储程序，处理器501调用存储介质502存储的程序，以执行上述图1-图4对应的方法实施例。具体实现方式和技术效果类似，这里不再赘述。

可选地，本申请还提供一种程序产品，例如存储介质，该存储介质上存储有计算机程序，包括程序，该程序在被处理器运行时执行上述方法对应的实施例。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(英文：processor)执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种页面联调方法，其特征在于，所述方法包括：

获取待调试页面的脚本文件；

根据所述脚本文件，生成所述待调试页面的配置文件，所述配置文件包括：所述脚本文件的配置数据；

根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试。

2.如权利要求1所述的方法，其特征在于，所述待调试页面为搜索页面，所述脚本文件中包括：搜索脚本；所述根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试，包括：

根据修改后的所述搜索脚本的配置数据生成搜索组件；

根据所述搜索组件，重新生成所述待调试页面中的搜索控件，以对所述待调试页面进行调试。

3.如权利要求2所述的方法，其特征在于，所述脚本文件还包括：列表脚本；所述根据修改后的配置数据对应的配置文件，重新生成所述待调试页面，以对所述待调试页面进行调试，包括：

根据修改后的所述列表脚本的配置数据生成分页列表组件；

根据所述搜索组件和所述分页列表组件，分别重新生成所述待调试页面中的搜索控件和查询列表，以对所述待调试页面进行调试。

4.如权利要求3所述的方法，其特征在于，所述方法还包括：

响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件；

在所述页面上的查询列表中生成所述请求事件对应的查询结果。

5.如权利要求4所述的方法，其特征在于，所述响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件之前，所述方法还包括：

获取所述搜索脚本的配置数据中的对象数组；

所述响应于搜索控件的触发操作，获取所述搜索脚本的配置数据触发的请求事件，包括：

响应于搜索控件的触发操作，获取所述对象数组触发的对应的请求事件。

6.如权利要求1所述的方法，其特征在于，所述修改操作包括下述至少一项：补充操作、排序操作、修改动态组件操作、删除操作、修改操作或验证操作。

7.如权利要求5所述的方法，其特征在于，所述方法还包括：

响应于所述对象数组的变更操作，触发变更后的所述对象数组对应的请求事件。

8.一种页面联调装置，其特征在于，所述装置包括：获取模块和生成模块，其中：

所述获取模块，用于获取待调试页面的脚本文件；

所述生成模块，用于根据所述脚本文件，生成所述待调试页面的配置文件，所述配置文件包括：所述脚本文件的配置数据；根据修改后的配置数据重新生成所述待调试页面，以对所述待调试页面进行调试。

9.一种页面联调设备，其特征在于，所述设备包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当所述页面联调设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行上述权利要求1-7任一项所述的方法。

10.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述权利要求1-7任一项所述的方法。

Images