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

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

背景技术：

随着互联网技术的发展，前端技术日新月异。用户开始对前端界面有了越来越多的要求。开发人员在进行前端页面的开发时，都要进行筛选功能的开发，通过下拉选择框来实现筛选。目前，前端页面都是通过硬编码的方法来实现筛选功能，即将数据直接嵌入到程序或其他可执行对象的源代码中，这种实现方法使代码的复用性很低。当开发人员要进行大量具有筛选功能的页面的开发时，每个页面都需要编写相对应的源代码。当具有筛选功能页面在加载时，需要获取到对应的源代码才能进行加载。由于保存有大量的页面源代码，要花费大量时间查找，使得页面的加载效率降低。

技术实现要素：

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

一种页面加载方法，所述方法包括：

接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；

解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；

渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

在其中一个实施例中，获取目标配置文件，包括：

接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；

接收服务器根据文件标识返回的目标配置文件并保存。

在其中一个实施例中，渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，包括：

编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；

根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

在其中一个实施例中，在接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，获取服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息之前，还包括：

接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；

当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。

在其中一个实施例中，在渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面之后，还包括：

监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；

接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

一种页面加载装置，所述装置包括：

信息获取模块，用于接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；

组件得到模块，用于解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；

加载模块，用于渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

在其中一个实施例中，信息获取模块，包括：

请求发送单元，用于接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；

配置接收单元，用于接收服务器根据文件标识返回的目标配置文件并保存。

在其中一个实施例中，加载模块，包括：

信息得到单元，用于编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；

绘制单元，用于根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

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

接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；

解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；

渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

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

接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；

解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；

渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

上述页面加载方法、装置、计算机设备和存储介质，通过接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。通过在加载具有下拉选择框的页面时，通过直接获取到通用的组件和获取到目标配置文件，得到目标下拉框架组件，进而生成带有下拉选择框的页面，减少了获取源代码的时间，提高了页面加载效率。

附图说明

图1为一个实施例中页面加载方法的应用场景图；

图2为一个实施例中页面加载方法的流程示意图；

图3为一个实施例中接收目标配置文件的流程示意图；

图4为一个实施例中得到带有下拉选择框页面的流程示意图；

图5为一个实施例中得到目标配置文件的流程示意图；

图6为一个实施例中监控下拉选择框页面的流程示意图；

图7为一个实施例中页面加载装置的结构框图；

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

具体实施方式

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

本申请提供的页面加载方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。终端102接收页面加载指令，根据页面加载指令向服务器104发送页面信息获取请求，接收服务器104返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；终端102解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；终端102渲染目标下拉选择框组件和页面属性信息并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

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

s202，接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息。

其中，目标配置文件是用于预先配置好页面中下拉选择框属性信息的文件。下拉选择框属性信息是指下拉选择框的具体属性，比如，下拉选择框的样式、颜色、间距、下拉选择框中下拉列表数据和下拉选择框中的初始值等等。页面信息是指实现页面的代码信息。

具体地，终端通过浏览器接收页面加载指令，该页面加载指令中包括有页面统一资源定位符。根据页面加载指令中的页面统一资源定位符向服务器发送页面信息获取请求，接收服务器返回的页面信息。此时终端获取到已保存在终端中的目标配置文件，该目标配置文件中已经配置好了下拉选择框属性信息。其中，终端可以是开发者在进行页面开发的终端，也可以是用户使用终端。

s204，解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件。

其中，预设下拉选择框组件是预先设置好通用的下拉选择框实现方法。目标下拉选择框组件是得到页面中下拉选择框属性信息的组件，不同的下拉选择框属性信息可以得到不同的目标下拉选择框组件。

具体地，终端中浏览器解析得到的目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件。

s206，渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

具体地，终端中的浏览器渲染目标下拉选择框组件和页面属性信息，并在浏览器中绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

上述页面加载方法中，通过接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息，解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件，渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。在加载具有下拉选择框的页面时，通过预设的下拉选择框组件和获取的目标配置文件，得到目标下拉框架组件，进而生成带有下拉选择框的页面，减少了获取源代码的时间，提高了页面加载效率。

在一个实施例中，如图3所示，获取目标配置文件，包括步骤：

s302，接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识。

s304，接收服务器根据文件标识返回的目标配置文件并保存。

其中，文件标识用于唯一标识目标配置文件，可以是文件名等。

具体地，终端接收到目标配置文件获取指令，该指令中携带有要获取的目标配置文件的文件标识和目标配置文件存储的服务器地址，根据配置文件存储的服务器地址向服务器发送目标配置文件获取请求，目标配置文件获取请求中携带有文件标识，当服务器接收到该目标配置文件获取请求时，解析该目标配置文件获取请求，得到文件标识。根据文件标识查找到对应的目标配置文件并将目标配置文件发送给终端，终端接收到目标配置文件时，将该目标配置文件保存。能够预先将目标配置文件存储到终端，在进行页面加载时，可以直接使用，方便快捷，提高了页面加载的效率。

在一个实施例中，如图4所示，步骤s206，即渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，包括步骤：

s402，编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息。

其中，带有下拉选择框页面的元素信息是指该带有下拉选择框页面中各个节点的位置信息。

具体地，终端通过浏览器的引擎编译目标下拉框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息。

s404，根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

具体地，终端根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

上述实施例中，通过编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息，根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面，能够及时将带有下拉选择框的页面生成，满足用户需求。

在一个实施例中，如图5所示，在步骤s202之前，在接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，获取服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息之前，还包括步骤：

s502，接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识。

其中，开发者标识用于唯一标识进行页面开发的开发人员。

具体地，终端接收目标配置文件生成指令，该目标配置文件生成指令中携带下拉选择框属性信息和开发者标识。

s504，当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。

具体地，终端接收到目标配置文件生成指令，解析该目标配置文件生成指令，得到下拉选择框属性信息和开发者标识。此时，终端会对开发者标识进行权限验证，即终端向服务器发送权限验证请求，该请求携带有开发者标识，当服务器在预设权限数据表中能够查找到开发者标识时，权限验证通过。当服务器在预设权限数据表中未查找到开发者标识时，权限验证未通过，然后服务器向终端发送权限验证结果，当终端接收到权限验证结果为权限验证通过时，即终端对开发者标识的权限验证通过，则终端根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。当终端接收到权限验证结果为权限验证未通过时，终端在显示界面显示该开发者标识没有权限，请获取授权的提示。其中，脚本语言可以使用json(javascriptobjectnotation，一种轻量级的数据交换格式。例如：得到的目标配置文件可以是{label：客户姓名；component：下拉框中的下拉信息即投保类型的字体属性、颜色，间距等等；style：下拉框的样式信息(宽、高、页面位置)；其他信息：独特的属性如初始下拉框显示的内容即初始值等等}。还可以将得到的目标配置文件上传的服务器中进行共享。

在上述实施例中，通过接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识，当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。通过该实施例中可以预先生成目标配置文件，在加载下拉选择框页面时，可以直接使用，提高加载效率。并且在进行下拉选择框页面开发时，只需要配置不同的配置文件就可以生成不同的下拉选择框页面，提高了下拉选择框页面的开发效率。

在一个实施例中，如图6所示，在步骤s206之后，即在渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面之后，还包括步骤：

s602，监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表。

其中，对下拉选择框的触发事件是指用户对下拉选择选择框的操作事件，比如鼠标点击下拉选择框、鼠标移动到下拉选择框等等。

具体地，终端使用预先设置好的监视器监控该页面中的下拉选择框，当监视器检测到下拉选择框的触发事件时，在下拉选择框中显示下拉列表。

s604，接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

具体地，终端接收到对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

在上述实施例中，通过监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表，接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示，实现了下拉选项的选择，便于用户使用。

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

在一个实施例中，如图7所示，提供了一种页面加载装置700，包括：信息获取模块702、组件得到模块704和加载模块706，其中：

信息获取模块702，用于接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；

组件得到模块704，用于解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；

加载模块706，用于渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

在上述页面加载装置中，通过信息获取模块702得到服务器返回的页面信息并获取目标配置文件，通过组件得到模块704得到目标下拉选择框组件，最后在加载模块706绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面，实现了加载带有下拉选择框的页面，。通过在加载具有下拉选择框的页面时，通过直接获取到通用的组件和获取到目标配置文件，得到目标下拉框架组件，进而生成带有下拉选择框的页面，减少了获取源代码的时间，提高了页面加载效率。

在一个实施例中，信息获取模块702，包括：

请求发送单元，用于接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；

配置接收单元，用于接收服务器根据文件标识返回的目标配置文件并保存。

在一个实施例中，加载模块706，包括：

元素信息得到模块，用于编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；

绘制模块，用于根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

在一个实施例中，页面加载装置700，还包括：

指令接收模块，用于接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；

配置文件得到模块，用于当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。

在一个实施例中，页面加载装置700，还包括：

监控模块，用于监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；

选项显示模块，用于接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

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

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

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

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该处理器执行计算机程序时实现以下步骤：接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；接收服务器根据文件标识返回的目标配置文件并保存。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：接收页面加载指令，根据页面加载指令向服务器发送页面信息获取请求，接收服务器返回的页面信息并获取目标配置文件，目标配置文件中配置有下拉选择框属性信息；解析目标配置文件和页面信息，得到下拉选择框属性信息和页面属性信息，将下拉选择框属性信息传递到预设下拉选择框组件中，得到目标下拉选择框组件；渲染目标下拉选择框组件和页面属性信息，并绘制渲染后的目标下拉选择框组件和页面属性信息，得到带有下拉选择框的页面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：接收目标配置文件获取指令，根据目标配置文件获取指令向服务器发送目标配置文件获取请求，目标配置文件获取请求携带有文件标识；接收服务器根据文件标识返回的目标配置文件并保存。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：编译目标下拉选择框组件和页面属性信息，得到带有下拉选择框页面的节点树，解析带有下拉选择框页面的节点树，得到带有下拉选择框页面的元素信息；根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面，得到带有下拉选择框的页面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：接收目标配置文件生成指令，目标配置文件生成指令中携带下拉选择框属性信息和开发者标识；当开发者标识验证通过时，根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对，将下拉选择框键值对写入预设文件中，得到目标配置文件。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：监控带有下拉选择框的页面，当检测到对下拉选择框的触发事件时，显示下拉列表；接收对下拉列表中选项的选择指令，根据选择指令得到选择的列表选项，将列表选项在下拉选择框中显示。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。

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

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