CN109871500A - 页面加载方法、装置、计算机设备和存储介质 - Google Patents
页面加载方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN109871500A CN109871500A CN201910069382.6A CN201910069382A CN109871500A CN 109871500 A CN109871500 A CN 109871500A CN 201910069382 A CN201910069382 A CN 201910069382A CN 109871500 A CN109871500 A CN 109871500A
- Authority
- CN
- China
- Prior art keywords
- drop
- page
- choice box
- down choice
- configuration file
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 38
- 238000009877 rendering Methods 0.000 claims abstract description 25
- 238000000034 method Methods 0.000 claims abstract description 17
- 238000004590 computer program Methods 0.000 claims description 24
- 238000012795 verification Methods 0.000 claims description 14
- 238000012544 monitoring process Methods 0.000 claims description 7
- 238000012805 post-processing Methods 0.000 abstract description 17
- 238000012827 research and development Methods 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 8
- 238000004321 preservation Methods 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 238000012216 screening Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 238000013497 data interchange Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请涉及研发管理,提供一种页面加载方法、装置、计算机设备和存储介质。所述方法包括:接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。采用本方法能够提高下列选择框页面的加载效率。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种页面加载方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展,前端技术日新月异。用户开始对前端界面有了越来越多的要求。开发人员在进行前端页面的开发时,都要进行筛选功能的开发,通过下拉选择框来实现筛选。目前,前端页面都是通过硬编码的方法来实现筛选功能,即将数据直接嵌入到程序或其他可执行对象的源代码中,这种实现方法使代码的复用性很低。当开发人员要进行大量具有筛选功能的页面的开发时,每个页面都需要编写相对应的源代码。当具有筛选功能页面在加载时,需要获取到对应的源代码才能进行加载。由于保存有大量的页面源代码,要花费大量时间查找,使得页面的加载效率降低。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高页面加载效率的页面加载方法、装置、计算机设备和存储介质。
一种页面加载方法,所述方法包括:
接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;
解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
在其中一个实施例中,获取目标配置文件,包括:
接收目标配置文件获取指令,根据目标配置文件获取指令向服务器发送目标配置文件获取请求,目标配置文件获取请求携带有文件标识;
接收服务器根据文件标识返回的目标配置文件并保存。
在其中一个实施例中,渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面,包括:
编译目标下拉选择框组件和页面属性信息,得到带有下拉选择框页面的节点树,解析带有下拉选择框页面的节点树,得到带有下拉选择框页面的元素信息;
根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面,得到带有下拉选择框的页面。
在其中一个实施例中,在接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,获取服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息之前,还包括:
接收目标配置文件生成指令,目标配置文件生成指令中携带下拉选择框属性信息和开发者标识;
当开发者标识验证通过时,根据下拉选择框属性信息使用脚本语言生成下拉选择框键值对,将下拉选择框键值对写入预设文件中,得到目标配置文件。
在其中一个实施例中,在渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面之后,还包括:
监控带有下拉选择框的页面,当检测到对下拉选择框的触发事件时,显示下拉列表;
接收对下拉列表中选项的选择指令,根据选择指令得到选择的列表选项,将列表选项在下拉选择框中显示。
一种页面加载装置,所述装置包括:
信息获取模块,用于接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;
组件得到模块,用于解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
加载模块,用于渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
在其中一个实施例中,信息获取模块,包括:
请求发送单元,用于接收目标配置文件获取指令,根据目标配置文件获取指令向服务器发送目标配置文件获取请求,目标配置文件获取请求携带有文件标识;
配置接收单元,用于接收服务器根据文件标识返回的目标配置文件并保存。
在其中一个实施例中,加载模块,包括:
信息得到单元,用于编译目标下拉选择框组件和页面属性信息,得到带有下拉选择框页面的节点树,解析带有下拉选择框页面的节点树,得到带有下拉选择框页面的元素信息;
绘制单元,用于根据带有下拉选择框页面的元素信息绘制带有下拉选择框的页面,得到带有下拉选择框的页面。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;
解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;
解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
上述页面加载方法、装置、计算机设备和存储介质,通过接收页面加载指令,根据页面加载指令向服务器发送页面信息获取请求,接收服务器返回的页面信息并获取目标配置文件,目标配置文件中配置有下拉选择框属性信息;解析目标配置文件和页面信息,得到下拉选择框属性信息和页面属性信息,将下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;渲染目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。通过在加载具有下拉选择框的页面时,通过直接获取到通用的组件和获取到目标配置文件,得到目标下拉框架组件,进而生成带有下拉选择框的页面,减少了获取源代码的时间,提高了页面加载效率。
附图说明
图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(JavaScript ObjectNotation,一种轻量级的数据交换格式。例如:得到的目标配置文件可以是{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)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面加载方法,所述方法包括:
接收页面加载指令,根据所述页面加载指令向服务器发送页面信息获取请求,接收所述服务器返回的页面信息并获取目标配置文件,所述目标配置文件中配置有下拉选择框属性信息;
解析所述目标配置文件和所述页面信息,得到所述下拉选择框属性信息和页面属性信息,将所述下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
渲染所述目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
2.根据权利要求1所述的方法,其特征在于,获取目标配置文件,包括:
接收目标配置文件获取指令,根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求,所述目标配置文件获取请求携带有文件标识;
接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
3.根据权利要求1所述的方法,其特征在于,所述渲染所述目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面,包括:
编译所述目标下拉选择框组件和页面属性信息,得到带有下拉选择框页面的节点树,解析所述带有下拉选择框页面的节点树,得到带有下拉选择框页面的元素信息;
根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面,得到带有下拉选择框的页面。
4.根据权利要求1所述的方法,其特征在于,在所述接收页面加载指令,根据所述页面加载指令向服务器发送所述页面信息获取请求,获取所述服务器返回的页面信息并获取目标配置文件,所述目标配置文件中配置有下拉选择框属性信息之前,还包括:
接收目标配置文件生成指令,所述目标配置文件生成指令中携带所述下拉选择框属性信息和开发者标识;
当所述开发者标识验证通过时,根据所述下拉选择框属性信息使用脚本语言生成下拉选择框键值对,将所述下拉选择框键值对写入预设文件中,得到目标配置文件。
5.根据权利要求1所述的方法,其特征在于,在所述渲染所述目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面之后,还包括:
监控所述带有下拉选择框的页面,当检测到对所述下拉选择框的触发事件时,显示下拉列表;
接收对所述下拉列表中选项的选择指令,根据所述选择指令得到选择的列表选项,将所述列表选项在所述下拉选择框中显示。
6.一种页面加载装置,其特征在于,所述装置包括:
信息获取模块,用于接收页面加载指令,根据所述页面加载指令向服务器发送页面信息获取请求,接收所述服务器返回的页面信息并获取目标配置文件,所述目标配置文件中配置有下拉选择框属性信息;
组件得到模块,用于解析所述目标配置文件和所述页面信息,得到所述下拉选择框属性信息和页面属性信息,将所述下拉选择框属性信息传递到预设下拉选择框组件中,得到目标下拉选择框组件;
加载模块,用于渲染所述目标下拉选择框组件和页面属性信息,并绘制渲染后的目标下拉选择框组件和页面属性信息,得到带有下拉选择框的页面。
7.根据权利要求6所述的装置,其特征在于,所述信息获取模块,包括:
请求发送单元,用于接收目标配置文件获取指令,根据所述目标配置文件获取指令向所述服务器发送目标配置文件获取请求,所述目标配置文件获取请求携带有文件标识;
配置接收单元,用于接收所述服务器根据所述文件标识返回的所述目标配置文件并保存。
8.根据权利要求6所述的装置,其特征在于,所述加载模块,包括:
信息得到单元,用于编译所述目标下拉选择框组件和页面属性信息,得到带有下拉选择框页面的节点树,解析所述带有下拉选择框页面的节点树,得到带有下拉选择框页面的元素信息;
绘制单元,用于根据所述带有下拉选择框页面的元素信息绘制带有下拉选择框的页面,得到带有下拉选择框的页面。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至5中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至5中任一项所述的方法的步骤。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910069382.6A CN109871500A (zh) | 2019-01-24 | 2019-01-24 | 页面加载方法、装置、计算机设备和存储介质 |
PCT/CN2019/118362 WO2020151333A1 (zh) | 2019-01-24 | 2019-11-14 | 页面加载方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910069382.6A CN109871500A (zh) | 2019-01-24 | 2019-01-24 | 页面加载方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109871500A true CN109871500A (zh) | 2019-06-11 |
Family
ID=66918047
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910069382.6A Pending CN109871500A (zh) | 2019-01-24 | 2019-01-24 | 页面加载方法、装置、计算机设备和存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN109871500A (zh) |
WO (1) | WO2020151333A1 (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110362308A (zh) * | 2019-06-20 | 2019-10-22 | 平安科技(深圳)有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
CN110618813A (zh) * | 2019-09-02 | 2019-12-27 | 恩亿科(北京)数据科技有限公司 | 快速生成对接媒体界面的方法、装置、设备及存储介质 |
CN110708235A (zh) * | 2019-10-12 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 消息生成方法、装置、存储介质和计算机设备 |
CN110781422A (zh) * | 2019-09-18 | 2020-02-11 | 中国平安财产保险股份有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
WO2020151333A1 (zh) * | 2019-01-24 | 2020-07-30 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
CN111736825A (zh) * | 2020-04-24 | 2020-10-02 | 北京沃东天骏信息技术有限公司 | 一种信息展示方法、装置、设备和存储介质 |
CN111831950A (zh) * | 2020-06-08 | 2020-10-27 | 瑞数信息技术(上海)有限公司 | 网页元素的处理方法和装置 |
CN111857715A (zh) * | 2020-07-22 | 2020-10-30 | 中国平安财产保险股份有限公司 | 基于h5的联动下拉组件选中方法、装置、设备及存储介质 |
CN112130836A (zh) * | 2020-09-10 | 2020-12-25 | 华帝股份有限公司 | 基于json文件生成多级联动组件的方法 |
WO2020258650A1 (zh) * | 2019-06-28 | 2020-12-30 | 平安科技(深圳)有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
CN112540747A (zh) * | 2019-09-23 | 2021-03-23 | 南宁富桂精密工业有限公司 | 平台开发方法、装置及计算机可读存储介质 |
CN113032061A (zh) * | 2019-12-24 | 2021-06-25 | 顺丰科技有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
CN114518912A (zh) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7406664B1 (en) * | 2001-06-15 | 2008-07-29 | Microsoft Corporation | System for integrating HTML Web site views into application file dialogs |
CN104965642A (zh) * | 2014-05-23 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 下拉列表生成方法及装置 |
CN106940721A (zh) * | 2017-03-15 | 2017-07-11 | 百望电子发票数据服务有限公司 | 一种自定义选择框的数据处理方法及系统 |
CN107291759A (zh) * | 2016-04-01 | 2017-10-24 | 腾讯科技(深圳)有限公司 | 浏览器页面资源的处理方法和装置 |
CN108804483A (zh) * | 2017-05-05 | 2018-11-13 | 平安科技(深圳)有限公司 | 单元格页面的渲染方法、服务器和计算机可读存储介质 |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109165369A (zh) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | 网页显示方法和装置 |
CN109871500A (zh) * | 2019-01-24 | 2019-06-11 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
-
2019
- 2019-01-24 CN CN201910069382.6A patent/CN109871500A/zh active Pending
- 2019-11-14 WO PCT/CN2019/118362 patent/WO2020151333A1/zh active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7406664B1 (en) * | 2001-06-15 | 2008-07-29 | Microsoft Corporation | System for integrating HTML Web site views into application file dialogs |
CN104965642A (zh) * | 2014-05-23 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 下拉列表生成方法及装置 |
CN107291759A (zh) * | 2016-04-01 | 2017-10-24 | 腾讯科技(深圳)有限公司 | 浏览器页面资源的处理方法和装置 |
CN106940721A (zh) * | 2017-03-15 | 2017-07-11 | 百望电子发票数据服务有限公司 | 一种自定义选择框的数据处理方法及系统 |
CN108804483A (zh) * | 2017-05-05 | 2018-11-13 | 平安科技(深圳)有限公司 | 单元格页面的渲染方法、服务器和计算机可读存储介质 |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020151333A1 (zh) * | 2019-01-24 | 2020-07-30 | 平安科技(深圳)有限公司 | 页面加载方法、装置、计算机设备和存储介质 |
WO2020253061A1 (zh) * | 2019-06-20 | 2020-12-24 | 平安科技(深圳)有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
CN110362308A (zh) * | 2019-06-20 | 2019-10-22 | 平安科技(深圳)有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
WO2020258650A1 (zh) * | 2019-06-28 | 2020-12-30 | 平安科技(深圳)有限公司 | 页面信息显示方法、装置、计算机设备和存储介质 |
CN110618813A (zh) * | 2019-09-02 | 2019-12-27 | 恩亿科(北京)数据科技有限公司 | 快速生成对接媒体界面的方法、装置、设备及存储介质 |
CN110781422B (zh) * | 2019-09-18 | 2024-04-05 | 中国平安财产保险股份有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN110781422A (zh) * | 2019-09-18 | 2020-02-11 | 中国平安财产保险股份有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN112540747A (zh) * | 2019-09-23 | 2021-03-23 | 南宁富桂精密工业有限公司 | 平台开发方法、装置及计算机可读存储介质 |
CN110708235B (zh) * | 2019-10-12 | 2021-07-06 | 腾讯科技(深圳)有限公司 | 消息生成方法、装置、存储介质和计算机设备 |
CN110708235A (zh) * | 2019-10-12 | 2020-01-17 | 腾讯科技(深圳)有限公司 | 消息生成方法、装置、存储介质和计算机设备 |
CN113032061A (zh) * | 2019-12-24 | 2021-06-25 | 顺丰科技有限公司 | 页面配置方法、装置、计算机设备和存储介质 |
CN111736825A (zh) * | 2020-04-24 | 2020-10-02 | 北京沃东天骏信息技术有限公司 | 一种信息展示方法、装置、设备和存储介质 |
CN111736825B (zh) * | 2020-04-24 | 2024-05-17 | 北京沃东天骏信息技术有限公司 | 一种信息展示方法、装置、设备和存储介质 |
CN111831950A (zh) * | 2020-06-08 | 2020-10-27 | 瑞数信息技术(上海)有限公司 | 网页元素的处理方法和装置 |
CN111857715B (zh) * | 2020-07-22 | 2023-08-22 | 中国平安财产保险股份有限公司 | 基于h5的联动下拉组件选中方法、装置、设备及存储介质 |
CN111857715A (zh) * | 2020-07-22 | 2020-10-30 | 中国平安财产保险股份有限公司 | 基于h5的联动下拉组件选中方法、装置、设备及存储介质 |
CN112130836A (zh) * | 2020-09-10 | 2020-12-25 | 华帝股份有限公司 | 基于json文件生成多级联动组件的方法 |
CN114518912A (zh) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
CN114518912B (zh) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020151333A1 (zh) | 2020-07-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109871500A (zh) | 页面加载方法、装置、计算机设备和存储介质 | |
CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
CN108932122B (zh) | 接口文档生成方法、装置、计算机设备和存储介质 | |
CN108446116B (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
CN108804159B (zh) | javascript模块加载方法及其预处理方法、装置和计算机设备 | |
CN108874926A (zh) | 海量数据查询方法、装置、计算机设备和存储介质 | |
CN109408750A (zh) | 页面显示方法、装置、计算机设备和存储介质 | |
CN108920354A (zh) | 埋点管理方法、装置、计算机设备和存储介质 | |
CN110362308A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN109800404A (zh) | 电子合同模板生成方法、装置、计算机设备和存储介质 | |
CN109885365A (zh) | 操作引导方法、装置、计算机设备和存储介质 | |
CN110413512B (zh) | Ab测试方法、装置、计算机设备和存储介质 | |
CN108959384B (zh) | 网页数据获取方法、装置、计算机设备和存储介质 | |
CN111898336B (zh) | 弹幕显示方法、装置、计算机设备及存储介质 | |
CN109144487B (zh) | 进件业务开发方法、装置、计算机设备和存储介质 | |
CN110413922A (zh) | 页面信息显示方法、装置、计算机设备和存储介质 | |
CN108418797A (zh) | 网页访问方法、装置、计算机设备和存储介质 | |
CN110109712A (zh) | 业务组件加载方法、装置、计算机设备和存储介质 | |
CN111309991B (zh) | 查询语句生成方法、装置和数据查询方法、系统 | |
CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN110502362A (zh) | 基于微服务架构的错误码定义方法、装置和计算机设备 | |
CN113076499A (zh) | 一种页面互动方法、装置、设备、介质及程序产品 | |
CN109542763A (zh) | 页面监测方法、装置、计算机设备和存储介质 | |
CN109542962B (zh) | 数据处理方法、装置、计算机设备和存储介质 | |
CN110119277A (zh) | 数据分享方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |