CN109684586A - 页面优化显示方法、装置、计算机设备及存储介质 - Google Patents
页面优化显示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN109684586A CN109684586A CN201811388707.9A CN201811388707A CN109684586A CN 109684586 A CN109684586 A CN 109684586A CN 201811388707 A CN201811388707 A CN 201811388707A CN 109684586 A CN109684586 A CN 109684586A
- Authority
- CN
- China
- Prior art keywords
- data
- page
- request
- database server
- interface
- 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
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及计算机网络技术领域,具体涉及一种页面优化显示方法、装置、计算机设备及存储介质。页面优化显示方法包括:预处理数据接口,数据接口用于连接各数据库服务器;获取用户在客户端输入的数据请求,提取数据请求中包含的数据库服务器的定位信息;根据定位信息定位并连接对应的数据库服务器,并通过数据接口从数据库服务器中获取数据;加载数据并根据数据渲染生成数据请求对应的实际需求页面。本发明通过实时对页面数据的加载情况进行监控,在页面数据未完全加载前,仅显示空白页面或者预设值的页面,在页面数据加载完全后,通过设置延时的方式实现一定周期后加载当前已加载完数据的页面,从而提升页面浏览的流畅度,提高用户体验。
Description
技术领域
本发明涉及计算机网络技术领域,具体涉及一种页面优化显示方法、装置、计算机设备及存储介质。
背景技术
网络页面是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为“.html”或“.htm”)。网页通常用图像档来提供页面图形展示。
传统的网页浏览软件在显示页面和加载数据时,会先渲染出整个页面的格局和图形元素,再将数据填充到对应处后刷新展示出来,这种方式在网络发生堵塞或者网络连接速度不佳的情况下,页面显示会呈现局部刷新等不流畅的情况,影响显示效果,甚至造成页面样式异常,影响用户体验页面浏览的顺畅度。
发明内容
基于此,有必要针对目前市场上的软件在显示页面和加载数据时,先渲染页面再刷新数据,导致的页面显示效果较差、页面样式异常等问题,提供一种页面优化显示方法、装置、计算机设备及存储介质。
一种页面优化显示方法,其特征在于,所述页面优化显示方法,包括如下步骤:
预处理数据接口,所述数据接口用于连接各数据库服务器;
获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;
根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;
加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。
在一个实施例中,所述预处理数据接口,所述数据接口用于连接各数据库服务器,包括:
对所述数据接口的状态设定一个初始值,所述初始值用于标记所述数据接口处于未被加载状态。
在一个实施例中,所述根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据,包括:
根据所述定位信息中的数据库服务器访问地址向对应的数据库服务器发出连接请求;
连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求;
连接成功时,提取所述数据请求中的查询指令,根据所述查询指令通过所述数据接口在所述数据库服务器中进行关键词搜索;
接收所述数据库服务器返回的包含搜索结果的数据。
在一个实施例中,所述连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求,包括:
获取所述定位信息中的数据库服务器访问地址,并根据所述访问地址持续向对应的数据库服务器发送连接请求,当发送连接的请求次数达到预设阈值时,则停止向所述数据库服务器发送连接请求,且所述数据请求对应的页面以空白页面显示。
在一个实施例中,所述根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据,还包括:
在与所述数据库服务器成功连接后,实时监控并获取所述数据接口的加载状态值;
当所述状态值为初始值时,所述实际请求对应的页面以空白页面进行显示,所述初始值指未使用所述数据接口从所述数据库服务器中进行获取数据的操作;
当所述状态值高于所述初始值时,所述实际请求对应的页面以预设页面进行展示,所述预设页面包括将预显示数据的区域以预定值或预定网页元素进行填充显示。
在一个实施例中,所述加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面,包括:
加载从所述数据库服务器中获取的所述数据;
对获取到的所述数据进行整理编排后填充至所述数据请求对应的页面,所述数据请求对应的页面包括空白页面和预设页面;
将填充数据后的页面渲染成所述数据请求对应的实际需求页面。
在一个实施例中,所述加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面,包括:
当所述实际需求页面中有多处需要请求不同的数据时,采用异步编程的方式按照所述数据加载完成的先后顺序,将所述实际需求页面的不同部分先后转化为含有所述数据的页面;
当所述实际需求页面中存在所述数据请求对应的所述数据加载不成功时,针对未加载成功的所述数据在所述实际需求页面中对应的位置仍然以空白或者预设值的方式进行显示。
基于相同的构思,本申请还提供了一种页面优化显示装置,所述页面优化显示装置包括:
预处理模块,设置为预处理数据接口,所述数据接口用于连接各数据库服务器;
获取模块,设置为获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;
连接模块,设置为根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;
生成模块,设置为加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。
基于相同的构思,本申请实施例还提供一种计算机设备,所述计算机设备包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被一个或多个所述处理器执行时,使得一个或多个所述处理器执行上述页面优化显示方法的步骤。
基于相同的技术构思,本申请实施例还提供了一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个所述处理器执行如上述页面优化显示方法的步骤。
上述页面优化显示方法、装置、计算机设备及存储介质,通过预处理数据接口,所述数据接口用于连接各数据库服务器;获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。因此,本申请中实时对页面数据的加载情况进行监控,在页面数据未完全加载前,仅显示空白页面或者预设值的页面,在页面数据加载完全后,通过设置延时的方式实现一定周期后加载当前已加载完数据的页面,从而提升页面浏览的流畅度,提高用户体验。
附图说明
图1为本申请在一个实施例中页面优化显示方法的流程图;
图2为本申请在一个实施例中获取数据的流程图;
图3为本申请在一个实施例中生成实际需求页面的流程图;
图4为本申请在一个实施例中页面优化显示装置的结构框图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图1为本申请在一个实施例中提供的页面优化显示方法的流程图,如图所示,包括:
S1、预处理数据接口,所述数据接口用于连接各数据库服务器;
本步骤中的预处理数据接口,通过对所述数据接口的状态设定一个初始值实现。所述初始值用于标记所述数据接口处于未被加载状态,在访问网页时,需访问网页的数据所在的数据库服务器,该服务器开放数据接口,用于访问的网页的相关数据的流入流出,包括预设数据接口状态,该操作即为对该页面被是否为初次加载进行预先定义,操作时对所述数据接口的状态设定一个初始值,具体操作如下:
a、提供网站数据的服务器端开放数据接口;
b、对所述数据接口进行初始化:
上述步骤的Javascript程序开发语言的代码实现可有如下形式:
this.setState({
view1:0
})
上述代码实现形式中,this.setState()为Javascript程序开发语言中用于更新数据接口状态的方法;定义该数据接口的被调用状态为view1,则view1:0表示对该数据接口的被调用状态初始化为第0次加载状态。
S2、获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;
本步骤中通过获取用户在客户端输入的数据请求,并提取上述数据请求中所包含的关键词,根据上述关键词定位与所述数据请求相对应的数据库服务器,比如用户在网页客户端输入的数据请求为“中国排名前十的富豪及对应的资产状况”,提取该数据请求的关键词“排名前十的中国富豪”、“富豪的资产”,根据该关键词定位对应的数据库服务器分别为“中国富豪榜”、“企业信息”、“不动产信息”、“银行投资信息”。
S3、根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;
本步骤中获取根据所述数据请求定位的对应所述数据库服务器信息,并通过所述数据接口与所述数据库服务器进行连接,与所述数据库服务器连接成功后,从所述数据库服务器中获取所述数据请求对应的数据,比如根据上述数据请求“中国排名前十的富豪及对应的资产状况”,定位其对应的所述数据库服务器包括“中国富豪榜”、“企业信息”、“不动产信息”、“银行投资信息”,从“中国富豪榜”中获取排名前十的人员名单,其中一员为张三,再依次从“企业信息”、“不动产信息”、“银行投资信息”中获取张三的相关信息;
在获取所述数据的过程中,还需实时监控所述数据接口的状态值,并判断所述数据接口为第几次被调用,具体操作步骤通过Javascript程序开发语言的代码实现形式如下:
上述代码实现形式中,this.state.view1===0用于判断数据接口状态值是否为0,如果该数据接口的状态值为0,则表示该数据接口没有被调用,则加载<div></div>标签中被预先设置好的页面的内容,即“预设页面内容”所指代的内容;如果判断为非第0次调用该数据接口,则可通过下面的代码实现继续后续操作,形式为:
this.setState({
view1:1
})
上述代码实现形式对上述数据接口的状态值view1进行改写为1,表示其被调用,然后加载展示实际需求页面内容,代码形式可如下:
上述代码实现中,判断数据接口状态值为1时,加载<div></div>标签中被预先设置好的页面的内容,即,展示“实际需求页面内容”所指代的内容。
在一个优选的实施例中,上述代码实现时,在数据接口调用时间较长或者调用不成功时,可以依照上述方法,设置状态值为this.state.view2,this.state.view3等。
S4、加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面;
本步骤中加载从所述数据库服务器中获取的所述数据,并根据所述数据渲染实际需求页面,将所述实际需求页面内容发送至需求方使用,对需要渲染服务器端数据的那部分页面,网页仅显示空白页面或者设计有“预设值”的预设页面,所述预设页面指将预显示数据的区域以预定值或者预定网页元素先填充显示的页面,针对预设页面的设计,服务器中还可以存储一组供用户或者开发人员调用的预设图标按钮的模板,比如“loading”、“加载中”等等字样或其它图片形式的图标按钮,任意调用一个或几个图标按钮设计在预设页面上待显示数据的区域上,在数据未完成完全加载时,定义图标按钮的颜色为灰色;且当页面中有多处需要请求不同的数据时,则根据数据加载完成的先后,将页面的不同部分先后转化为含有数据的页面。
本实施例中在网页加载数据的过程中,实施对实施数据的加载情况进行判断,根据实施数据的加载完成情况进行不同阶段的页面展示,能有效提升页面浏览的流畅度、提高用户体验。
在一个实施例中,所述预处理数据接口,所述数据接口用于连接各数据库服务器,包括:
对所述数据接口的状态设定一个初始值,所述初始值用于标记所述数据接口处于未被加载状态;
本步骤中在访问网页的过程中,需访问网页的数据所在的数据库服务器开放数据接口,用于访问的网页的相关数据的流入流出,包括预设数据接口状态,该操作即为对该页面被是否初次加载进行预先定义,操作时对所述数据接口的状态设定一个初始值,具体操作步骤如下:
a、提供网站数据的服务器端开放数据接口;
b、初始化数据接口。
上述步骤的Javascript程序开发语言的代码实现可有如下形式:
this.setState({
view1:0
})
上述代码实现中,this.setState()为Javascript程序开发语言中用于更新数据接口状态的方法;定义该数据接口的被调用状态为view1,则view1:0表示对该数据接口的被调用状态初始化为第0次加载状态。
本实施例通过对所述数据接口的状态值的初始化操作,为后续监控所述数据接口的状态值提供了对比基础。
图2为本申请在一个实施例中提供的获取数据的流程图,如图所示,包括:
S301、根据所述定位信息中的数据库服务器访问地址向对应的数据库服务器发出连接请求;
本步骤中获取根据所述数据请求定位的对应的所述数据库服务器中所包含的服务器访问地址,根据所述访问地址向所述数据库服务器发出连接请求。
S302、连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求;
本步骤中通过所述访问地址向所述数据库服务器发送连接请求失败时,重新获取所述访问地址继续像所述数据库服务器发送连接请求,若达到预设阈值的次数仍然连接失败时,则不再向所述数据库服务器发送连接请求,且所述数据请求对应的页面以空白页面进行显示。
S303、连接成功时,提取所述数据请求中的查询指令,根据所述查询指令通过所述数据接口在所述数据库服务器中进行关键词搜索;
本步骤中通过所述访问地址向所述数据库服务器发送连接请求且与所述数据库服务器连接成功后,则提取所述数据请求中所包含的查询指令,根据所述查询指令中的关键词通过所述数据接口从所述数据库服务器中进行搜索。
S304、接收所述数据库服务器返回的包含搜索结果的数据;
本步骤中获取根据所述查询指令从所述数据库服务器中进行搜索后所得结果的数据。
本实施例中通过所述数据接口从所述数据库服务器中获取与所述数据请求相对应的数据,为后续所述实际需求页面的显示提供了数据基础。
在一个实施例中,所述连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求,包括:
获取所述定位信息中的数据库服务器访问地址,并根据所述访问地址持续向对应的数据库服务器发送连接请求,当发送连接的请求次数达到预设阈值时,则停止向所述数据库服务器发送连接请求,且所述数据请求对应的页面以空白页面显示;
本步骤中当与所述数据库服务器连接失败时,获取所述访问地址继续向所述数据库服务器发送连接请求,当发送所述连接请求的次数达到预设阈值,且仍然连接失败时,则停止向所述数据库服务器发送所述连接请求,比如预设阈值设置为10,根据数据请求A中的访问地址B向数据库服务器C发送连接请求,若向C发送了5次的连接请求且均连接失败时,则继续向C发送连接请求,当持续向C发送第10次连接请求时仍然连接失败,则停止向C发送连接请求,且此时A所对应的页面以空白页面显示,若持续向C发送第7次连接请求时连接成功,则从C中获取与A所对应的数据。
本实施例中通过多次向所述数据库服务器发送连接请求,有效避免由于网络等原因所造成的连接失败结果,提高了工作效率。
在一个实施例中,所述根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据,还包括:
在与所述数据库服务器成功连接后,实时监控并获取所述数据接口的加载状态值;
本步骤中当与所述数据库服务器连接成功后,还需对所述数据接口进行实时监控与判断,判断所述数据接口为第几次被调用并作出加载页面的响应。
当所述状态值为初始值时,所述实际请求对应的页面以空白页面进行显示,所述初始值指未使用所述数据接口从所述数据库服务器中进行获取数据的操作;
本步骤可通过Javascript程序开发语言实现,当所述状状态值为初始值时,代码实现形式如下:
上述代码实现中,this.state.view1===0判断所述数据接口的状态值是否为0,如果所述数据接口的状态值为0,则表示所述数据接口没有被调用,此时加载<div></div>标记中的空白页面,即“空白内容”所指代的内容。
当所述状态值高于所述初始值时,所述实际请求对应的页面以预设页面进行展示,所述预设页面包括将预显示数据的区域以预定值或预定网页元素进行填充显示;
本步骤中当所述状态值高于所述初始值时,可有如下Javascript程序开发语言的代码实现形式:
this.setState({
view1:1
})
上述代码实现中,this.setState()为Javascript程序开发语言中用于更新数据接口状态的方法,view1:1表示对数据接口的被调用状态设置为1,然后根据修改后的状态展示预设页面内容,代码实现形式如下:
上述代码实现形式中,this.state.view1===1用于判断所述数据接口状态值为1时,加载“预设页面内容”所指代的内容。
上述操作中,在所述数据接口调用时间较长或者调用不成功,可以依照上述方法,设置状态为this.state.view2,this.state.view3等。
本实施例通过对所述数据接口的状态值进行实时监控且实时判断所述数据接口被调用的情况,为后续判断所述通过所述数据接口从所述数据库服务器中获取数据提供了基础。
图3为本申请在一个实施例中提供的生成实际需求页面的流程图,如图所示,包括:
S401、加载从所述数据库服务器中获取的所述数据;
本步骤中将根据所述数据请求从所述数据库服务器中获取到的所述数据进行加载,加载至所述数据请求所对应的所述实际需求页面中。
S402、对获取到的所述数据进行整理编排后填充至所述数据请求对应的页面,所述数据请求对应的页面包括空白页面和预设页面;
本步骤中将获取到的所述数据按照加载的先后顺序依次加载填充至所述数据请求对应的所述实际需求页面中。
S403、将填充数据后的页面渲染成所述数据请求对应的实际需求页面;
本步骤中在所述实际需求页面中所需要的所述数据均加载完成后,对所述实际需求页面进行渲染,在渲染操作完成后才向用户展示所述实际需求页面。
本实施例中通过对所述实际需求页面进行数据加载和页面渲染后才向用户展示所述实际需求页面,在展示所述实际需求页面之前,用户获取到的是空白页面或者预设页面,将所述数据请求对应的页面分不同阶段进行展示,有效提高了用户浏览页面的流畅度,提高用户的使用感。
在一个实施例中,所述加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面,包括:
当所述实际需求页面中有多处需要请求不同的数据时,采用异步编程的方式按照所述数据加载完成的先后顺序,将所述实际需求页面的不同部分先后转化为含有所述数据的页面;
本步骤中当所述实际需求页面中包含多处不同的数据请求时,采用异步编程的方式加载所述数据,所述异步编程方式指根据所述数据请求同时通过所对应的所述数据接口到所述数据库服务器中获取数据,并按照所述数据的加载完成的先后顺序,将所述数据填充至所述实际需求页面中对应的位置,当全部所述数据加载完成后,且完成所述实际需求页面的渲染过程后即将所述实际需求页面展示给用户。
当所述实际需求页面中存在所述数据请求对应的所述数据加载不成功时,针对未加载成功的所述数据在所述实际需求页面中对应的位置仍然以空白或者预设值的方式进行显示;
本步骤中当所述实际需求页面中包含多处数据请求时,且根据所述数据请求从所述数据库服务器中获取所述数据,在加载所述数据时存在加载失败状况时,则加载失败的所述数据对应在所述实际需求页面中的位置仍然以空白页面或者预设页面进行展示,其余加载成功的所述数据则仍然按照加载数据和渲染网页的过程后展示最中的所述实际需求页面。
本实施例中通过异步编程的方式加载数据,可快速将所述数据加载至所述实际需求页面中,提高了加载数据的效率。
基于相同的构思,本申请还提供了一种页面优化显示装置,如图4所示,所述页面优化显示装置包括预处理模块、获取模块、连接模块和生成模块,其中:预处理模块,设置为预处理数据接口,所述数据接口用于连接各数据库服务器;获取模块,设置为获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;连接模块,设置为根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;生成模块,设置为加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。
在一个实施例中,所述预处理模块包括:
设定单元,设置为对所述数据接口的状态设定一个初始值,所述初始值用于标记所述数据接口处于未被加载状态。
在一个实施例中,所述连接模块包括:
定位单元,设置为根据所述定位信息中的数据库服务器访问地址向对应的数据库服务器发出连接请求;
重新连接单元,设置为连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求;
搜索单元,设置为连接成功时,提取所述数据请求中的查询指令,根据所述查询指令通过所述数据接口在所述数据库服务器中进行关键词搜索;
接收单元,设置为接收所述数据库服务器返回的包含搜索结果的数据。
在一个实施例中,所述重新连接单元包括:
发送请求单元,设置为获取所述定位信息中的数据库服务器访问地址,并根据所述访问地址持续向对应的数据库服务器发送连接请求,当发送连接的请求次数达到预设阈值时,则停止向所述数据库服务器发送连接请求,且所述数据请求对应的页面以空白页面显示。
在一个实施例中,所述连接模块还包括:
监控单元,设置为在与所述数据库服务器成功连接后,实时监控并获取所述数据接口的加载状态值;
空白页面显示单元,设置为当所述状态值为初始值时,所述实际请求对应的页面以空白页面进行显示,所述初始值指未使用所述数据接口从所述数据库服务器中进行获取数据的操作;
预设页面显示单元,设置为当所述状态值高于所述初始值时,所述实际请求对应的页面以预设页面进行展示,所述预设页面包括将预显示数据的区域以预定值或预定网页元素进行填充显示。
在一个实施例中,所述生成模块包括:
加载单元,设置为加载从所述数据库服务器中获取的所述数据;
整理单元,设置为对获取到的所述数据进行整理编排后填充至所述数据请求对应的页面,所述数据请求对应的页面包括空白页面和预设页面;
渲染单元,设置为将填充数据后的页面渲染成所述数据请求对应的实际需求页面。
在一个实施例中,所述生成模块还包括:
页面生成单元,设置为当所述实际需求页面中有多处需要请求不同的数据时,采用异步编程的方式按照所述数据加载完成的先后顺序,将所述实际需求页面的不同部分先后转化为含有所述数据的页面;当所述实际需求页面中存在所述数据请求对应的所述数据加载不成功时,针对未加载成功的所述数据在所述实际需求页面中对应的位置仍然以空白或者预设值的方式进行显示。
基于相同的技术构思,本申请实施例还提供一种计算机设备,所述计算机设备包括存储器和处理器,存储器中存储有计算机可读指令,计算机可读指令被一个或多个处理器执行时,使得一个或多个所述处理器执行计算机可读指令时实现上述各实施例中的页面优化显示方法的步骤。
基于相同的技术构思,本申请实施例还提供一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个所述处理器执行所述计算机可读指令时实现上述各实施例中的页面优化显示方法的步骤。其中,所述存储介质可以为非易失性存储介质。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取存储器(RAM,RandomAccess Memory)、磁盘或光盘等。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明一些示例性实施例,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面优化显示方法,其特征在于,所述页面优化显示方法,包括:
预处理数据接口,所述数据接口用于连接各数据库服务器;
获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;
根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;
加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。
2.如权利要求1所述的一种页面优化显示方法,其特征在于,所述预处理数据接口,所述数据接口用于连接各数据库服务器,包括:
对所述数据接口的状态设定一个初始值,所述初始值用于标记所述数据接口处于未被加载状态。
3.如权利要求1所述的一种页面优化显示方法,其特征在于,所述根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据,包括:
根据所述定位信息中的数据库服务器访问地址向对应的数据库服务器发出连接请求;
连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求;
连接成功时,提取所述数据请求中的查询指令,根据所述查询指令通过所述数据接口在所述数据库服务器中进行关键词搜索;
接收所述数据库服务器返回的包含搜索结果的数据。
4.如权利要求3所述的一种页面优化显示方法,其特征在于,所述连接失败时,获取所述访问地址重新向所述数据库服务器发送连接请求,包括:
获取所述定位信息中的数据库服务器访问地址,并根据所述访问地址持续向对应的数据库服务器发送连接请求,当发送连接的请求次数达到预设阈值时,则停止向所述数据库服务器发送连接请求,且所述数据请求对应的页面以空白页面显示。
5.如权利要求1所述的一种页面优化显示方法,其特征在于,所述根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据,还包括:
在与所述数据库服务器成功连接后,实时监控并获取所述数据接口的加载状态值;
当所述状态值为初始值时,所述实际请求对应的页面以空白页面进行显示,所述初始值指未使用所述数据接口从所述数据库服务器中进行获取数据的操作;
当所述状态值高于所述初始值时,所述实际请求对应的页面以预设页面进行展示,所述预设页面包括将预显示数据的区域以预定值或预定网页元素进行填充显示。
6.如权利要求1所述的一种页面优化显示方法,其特征在于,所述加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面,包括:
加载从所述数据库服务器中获取的所述数据;
对获取到的所述数据进行整理编排后填充至所述数据请求对应的页面,所述数据请求对应的页面包括空白页面和预设页面;
将填充数据后的页面渲染成所述数据请求对应的实际需求页面。
7.如权利要求1所述的一种页面优化显示方法,其特征在于,所述加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面,包括:
当所述实际需求页面中有多处需要请求不同的数据时,采用异步编程的方式按照所述数据加载完成的先后顺序,将所述实际需求页面的不同部分先后转化为含有所述数据的页面;
当所述实际需求页面中存在所述数据请求对应的所述数据加载不成功时,针对未加载成功的所述数据在所述实际需求页面中对应的位置仍然以空白或者预设值的方式进行显示。
8.一种页面优化显示装置,其特征在于,所述页面优化显示装置包括:
预处理模块,设置为预处理数据接口,所述数据接口用于连接各数据库服务器;
获取模块,设置为获取用户在客户端输入的数据请求,提取所述数据请求中包含的数据库服务器的定位信息;
连接模块,设置为根据所述定位信息定位并连接对应的数据库服务器,并通过所述数据接口从所述数据库服务器中获取数据;
生成模块,设置为加载所述数据并根据所述数据渲染生成所述数据请求对应的实际需求页面。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行如权利要求1至7中任一项权利要求所述页面优化显示方法的步骤。
10.一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行如权利要求1至7中任一项权利要求所述页面优化显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811388707.9A CN109684586A (zh) | 2018-11-21 | 2018-11-21 | 页面优化显示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811388707.9A CN109684586A (zh) | 2018-11-21 | 2018-11-21 | 页面优化显示方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109684586A true CN109684586A (zh) | 2019-04-26 |
Family
ID=66184906
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811388707.9A Pending CN109684586A (zh) | 2018-11-21 | 2018-11-21 | 页面优化显示方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109684586A (zh) |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110704055A (zh) * | 2019-09-06 | 2020-01-17 | 北京三快在线科技有限公司 | 接口前置的优化方法、装置、电子设备及存储介质 |
CN110825994A (zh) * | 2019-10-31 | 2020-02-21 | 北京东软望海科技有限公司 | 页面缓冲的处理方法、装置、计算机设备及存储介质 |
CN111176765A (zh) * | 2019-12-13 | 2020-05-19 | 深圳市麦谷科技有限公司 | 基于视图容器组件的显示方法与系统、封装方法 |
CN111273964A (zh) * | 2020-02-14 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 一种数据加载方法及装置 |
CN111708963A (zh) * | 2020-05-22 | 2020-09-25 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
CN111783010A (zh) * | 2020-01-19 | 2020-10-16 | 北京无限光场科技有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
CN112672187A (zh) * | 2020-12-18 | 2021-04-16 | 平安银行股份有限公司 | 页面生成方法、装置及计算机设备 |
CN113434582A (zh) * | 2021-06-24 | 2021-09-24 | 平安国际智慧城市科技股份有限公司 | 业务数据处理方法、装置、计算机设备和存储介质 |
CN113486272A (zh) * | 2021-07-07 | 2021-10-08 | 上海中通吉网络技术有限公司 | 应用内的页面刷新方法 |
CN113961852A (zh) * | 2021-12-21 | 2022-01-21 | 江苏同步软件技术有限公司 | 基于大数据的网页通信系统优化方法及系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104462125A (zh) * | 2013-09-18 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 生成网页截图的方法及装置 |
WO2016095686A1 (zh) * | 2014-12-19 | 2016-06-23 | 北京奇虎科技有限公司 | 浏览器与移动终端之间进行通信的方法及浏览器装置 |
CN108132991A (zh) * | 2017-12-20 | 2018-06-08 | 上海斐讯数据通信技术有限公司 | 一种h5页面加载方法及系统 |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
-
2018
- 2018-11-21 CN CN201811388707.9A patent/CN109684586A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104462125A (zh) * | 2013-09-18 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 生成网页截图的方法及装置 |
WO2016095686A1 (zh) * | 2014-12-19 | 2016-06-23 | 北京奇虎科技有限公司 | 浏览器与移动终端之间进行通信的方法及浏览器装置 |
CN108132991A (zh) * | 2017-12-20 | 2018-06-08 | 上海斐讯数据通信技术有限公司 | 一种h5页面加载方法及系统 |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110704055A (zh) * | 2019-09-06 | 2020-01-17 | 北京三快在线科技有限公司 | 接口前置的优化方法、装置、电子设备及存储介质 |
CN110825994A (zh) * | 2019-10-31 | 2020-02-21 | 北京东软望海科技有限公司 | 页面缓冲的处理方法、装置、计算机设备及存储介质 |
CN110825994B (zh) * | 2019-10-31 | 2022-08-16 | 望海康信(北京)科技股份公司 | 页面缓冲的处理方法、装置、计算机设备及存储介质 |
CN111176765A (zh) * | 2019-12-13 | 2020-05-19 | 深圳市麦谷科技有限公司 | 基于视图容器组件的显示方法与系统、封装方法 |
CN111783010A (zh) * | 2020-01-19 | 2020-10-16 | 北京无限光场科技有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
CN111783010B (zh) * | 2020-01-19 | 2023-09-19 | 北京有竹居网络技术有限公司 | 网页空白页面监测方法、装置、终端及存储介质 |
CN111273964A (zh) * | 2020-02-14 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 一种数据加载方法及装置 |
CN111273964B (zh) * | 2020-02-14 | 2024-03-08 | 抖音视界有限公司 | 一种数据加载方法及装置 |
CN111708963A (zh) * | 2020-05-22 | 2020-09-25 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
CN111708963B (zh) * | 2020-05-22 | 2023-09-29 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
CN112672187A (zh) * | 2020-12-18 | 2021-04-16 | 平安银行股份有限公司 | 页面生成方法、装置及计算机设备 |
CN112672187B (zh) * | 2020-12-18 | 2023-03-21 | 平安银行股份有限公司 | 页面生成方法、装置、计算机设备及可读存储介质 |
CN113434582B (zh) * | 2021-06-24 | 2023-01-03 | 平安国际智慧城市科技股份有限公司 | 业务数据处理方法、装置、计算机设备和存储介质 |
CN113434582A (zh) * | 2021-06-24 | 2021-09-24 | 平安国际智慧城市科技股份有限公司 | 业务数据处理方法、装置、计算机设备和存储介质 |
CN113486272A (zh) * | 2021-07-07 | 2021-10-08 | 上海中通吉网络技术有限公司 | 应用内的页面刷新方法 |
CN113961852B (zh) * | 2021-12-21 | 2022-03-11 | 江苏同步软件技术有限公司 | 基于大数据的网页通信系统优化方法及系统 |
CN113961852A (zh) * | 2021-12-21 | 2022-01-21 | 江苏同步软件技术有限公司 | 基于大数据的网页通信系统优化方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109684586A (zh) | 页面优化显示方法、装置、计算机设备及存储介质 | |
US8719421B2 (en) | Cross domain interaction of a web application | |
CN111061526B (zh) | 自动化测试方法、装置、计算机设备及存储介质 | |
US9239705B2 (en) | Method and apparatus for customized software development kit (SDK) generation | |
US9485240B2 (en) | Multi-account login method and apparatus | |
CN109254773A (zh) | 骨架页面生成方法、装置、设备和存储介质 | |
CN107066631A (zh) | 页面的显示方法、装置及电子设备 | |
CN104980512B (zh) | 一种基于移动应用提供目标对象的方法与设备 | |
US10362089B1 (en) | Methods and systems for dynamically generating and reusing dynamic web content | |
CN109213952A (zh) | 页面访问处理方法、装置、计算机设备及存储介质 | |
CN106354873A (zh) | 网页加载方法、装置及系统 | |
CN106897336A (zh) | 网页文件发送方法、网页渲染方法及装置、网页渲染系统 | |
CN109582890A (zh) | 页面加载方法、装置、计算机设备及存储介质 | |
US20140068412A1 (en) | Method and Apparatus of Responding to Webpage Access Request | |
CN108897788A (zh) | 数据爬取方法、装置、计算机设备及存储介质 | |
CN103530338A (zh) | 在计算设备上进行页面渲染的框架及生成页面的方法 | |
US20170031882A1 (en) | Web Page Profiler | |
CN105095220B (zh) | 一种浏览器实现方法、终端和虚拟化代理装置 | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
CN107688650A (zh) | 一种web页面生成方法和装置 | |
US20230350700A1 (en) | Snapshot capture of computing device user interfaces | |
CN107506597A (zh) | 医学文档获取方法、终端及服务器 | |
EP3852032A1 (en) | Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time | |
CN115643054A (zh) | 身份信息验证方法、装置、服务器、介质及产品 | |
CN103677951A (zh) | 一种JavaScript脚本的执行过程控制方法和系统 |
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 |