CN109684574A - 页面加载方法、装置、设备及存储介质 - Google Patents
页面加载方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN109684574A CN109684574A CN201810951188.6A CN201810951188A CN109684574A CN 109684574 A CN109684574 A CN 109684574A CN 201810951188 A CN201810951188 A CN 201810951188A CN 109684574 A CN109684574 A CN 109684574A
- Authority
- CN
- China
- Prior art keywords
- data
- page
- displayed
- server
- target pages
- 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 73
- 238000009877 rendering Methods 0.000 claims abstract description 42
- 238000000034 method Methods 0.000 claims abstract description 27
- 230000006399 behavior Effects 0.000 claims 1
- 238000013500 data storage Methods 0.000 claims 1
- 230000001960 triggered effect Effects 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 3
- 241001269238 Data Species 0.000 description 2
- 238000005265 energy consumption Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000009471 action Effects 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种页面加载方法、装置、设备及计算机可读存储介质，该方法包括：在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。本发明避免反复在待展示数据中反复进行遍历操作，以及避免一次性渲染大量数据，减少了页面加载时间，提升了用户体验，解决了现有页面加载方法性能消耗大以及页面加载时间长的技术问题。
Description
技术领域
本发明涉及数据加载领域，尤其涉及一种页面加载方法、装置、设备及计算机可读存储介质。
背景技术
浏览终端是指可以显示网页服务器或者文件系统的HTML(Hyper Text Mark-upLanguage，超文本标记语言或超文本链接标示语言)文件内容，并让用户与这些文件交互的一种软件工具。浏览终端是访问互联网最常用的工具。随着互联网技术的飞速发展，浏览终端在人们的日常生活、工作和学习中的应用已经越来越频繁。一般浏览终端进行页面加载的过程是：当接收到用户提交的URL(Uniform/Universal Resource Locator，统一资源定位符，也被称为网页地址)请求时(例如，用户在浏览终端的地址栏输入网址)，向相应服务器请求网页数据，并将请求到的页面数据下载到浏览终端客户端，然后调用页面渲染装置对该页面数据进行渲染，通过浏览终端窗口展示经渲染处理后的页面。在现有技术中，在浏览终端初始化时会生成遍历请求，即根据所述遍历请求从服务器上获取全部待展示数据，并将所述全部展示数据渲染成页面，然后通过控制终端的可视区域距离或者是页面之间的层级，进行对应的页面展示。若待展示数据的数据量过大时，不仅需要反复进行遍历数据操作，而且需要耗费大量时间进行渲染操作，增加了浏览终端的耗能。
发明内容
本发明的主要目的在于提供一种页面加载方法、装置、设备及计算机可读存储介质，旨在解决现有页面加载方法性能消耗大以及页面加载时间长的技术问题。
为实现上述目的，本发明提供一种页面加载方法，所述页面加载方法包括以下步骤：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
可选地，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
根据所述显示区域对应的显示数据量，将所述待展示数据进行页面数据划分，生成对应的页面数据；
将所述页面数据生成对应的页面标识，并将所述页面标识与对应的页面数据进行关联存储，生成索引表。
可选地，所述获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据的步骤包括：
获取当前显示区域内的当前页面标识，并将所述当前页面标识与所述索引表进行匹配，以在所述索引表中获取所述当前页面标识匹配的页面标识，作为目标页面标识；
在所述待展示数据中，获取所述目标页面标识对应关联的页面数据，作为目标页面数据。
可选地，所述页面加载方法还包括：
获取所述目标页面数据对应的相邻页面数据，作为上下文数据；
将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示。
可选地，所述将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示的步骤包括：
判断当前是否存在空闲的渲染线程；
若存在所述空闲的渲染线程，则通过所述空闲的渲染线程将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示；
若不存在所述空闲的渲染线程，则将所述上下文数据存储至待渲染列表，以便在渲染单元空闲时再对所述上下文数据进行渲染。
可选地，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
在接收到所述待展示数据时，判断所述待展示数据是否超过预设数据量；
在所述待展示数据超过预设数据量时，将所述待展示数据进行数据划分。
可选地，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
判断是否在预设时间间隔内接收到所述服务器反馈的待展示数据；
若未在所述预设时间间隔内接收到所述待展示数据，则根据所述显示指令，向服务器发送页面重加载请求，以向所述服务器再次获取所述待展示数据。
此外，为实现上述目的，本发明还提供一种页面加载装置，所述页面加载装置包括：
数据划分模块，用于在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
数据获取模块，用于获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
页面渲染模块，用于将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
此外，为实现上述目的，本发明还提供一种页面加载设备，其特征在于，所述页面加载设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的页面加载程序，其中所述页面加载程序被所述处理器执行时，实现如上述的页面加载方法的步骤。
此外，为实现上述目的，本发明还提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有页面加载程序，其中所述页面加载程序被处理器执行时，实现如上述的页面加载方法的步骤。
本发明通过在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。通过上述方式，本发明将待展示数据进行数据划分，并根据当前显示区域需要显示的页面数据，在所述待展示数据中，选取目标页面数据，并将所述目标页面数据进行渲染并显示。从而避免反复在待展示数据中反复进行遍历操作，以及避免一次性渲染大量数据而耗费大量时间造成页面加载时间长，减少了页面加载时间，提升了用户体验，解决了现有页面加载方法性能消耗大以及页面加载时间长的技术问题。
附图说明
图1为本发明实施例方案中涉及的页面加载设备的硬件结构示意图；
图2为本发明页面加载方法第一实施例的流程示意图；
图3为本发明页面加载方法第二实施例的流程示意图；
图4为本发明页面加载方法第三实施例的流程示意图；
图5为本发明页面加载装置第一实施例的功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明实施例涉及的页面加载方法主要应用于页面加载设备，该页面加载设备可以是PC、便携计算机、移动终端等具有显示和处理功能的设备。
参照图1，图1为本发明实施例方案中涉及的页面加载设备的硬件结构示意图。本发明实施例中，页面加载设备可以包括处理器1001(例如CPU)，通信总线1002，用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信；用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)；网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)；存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器，存储器1005可选的还可以是独立于前述处理器1001的存储装置。
本领域技术人员可以理解，图1中示出的硬件结构并不构成对页面加载设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
继续参照图1，图1中作为一种计算机可读存储介质的存储器1005可以包括操作系统、网络通信模块以及页面加载程序。
在图1中，网络通信模块主要用于连接服务器，与服务器进行数据通信；而处理器1001可以调用存储器1005中存储的页面加载程序，并执行本发明实施例提供的页面加载方法。
本发明实施例提供了一种页面加载方法。
参照图2，图2为本发明页面加载方法第一实施例的流程示意图。
本实施例中，所述页面加载方法包括以下步骤：
步骤S10，在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
浏览终端是指可以显示网页服务器或者文件系统的HTML(Hyper Text Mark-upLanguage，超文本标记语言或超文本链接标示语言)文件内容，并让用户与这些文件交互的一种软件工具。浏览终端是访问互联网最常用的工具。随着互联网技术的飞速发展，浏览终端在人们的日常生活、工作和学习中的应用已经越来越频繁。一般浏览终端进行页面加载的过程是：当接收到用户提交的URL(Uniform/Universal Resource Locator，统一资源定位符，也被称为网页地址)请求时(例如，用户在浏览终端的地址栏输入网址)，向相应服务器请求网页数据，并将请求到的页面数据下载到浏览终端客户端，然后调用页面渲染装置对该页面数据进行渲染，通过浏览终端窗口展示经渲染处理后的页面。在现有技术中，在浏览终端初始化时会生成遍历请求，即根据所述遍历请求从服务器上获取全部待展示数据，并将所述全部展示数据渲染成页面，然后通过控制终端的可视区域距离或者是页面之间的层级，进行对应的页面展示。若待展示数据的数据量过大时，不仅需要反复进行遍历数据操作，而且需要耗费大量时间进行渲染操作，增加了浏览终端的耗能。
本实施例中，为了解决现有数据加载技术中需要一次性获取大量数据并将其进行渲染的技术问题，本发明提供一种多页面切换数据加载优化方案。在用户打开APP，或者是打开浏览器，以及在浏览器中输入目标网址或者目标关键字等操作，均可触发显示指令。所述浏览终端在接收到所述显示指令时，向所述服务器发送页面加载请求，以获取所述显示指令对应的待展示数据。其中，页面加载请求中的页面可以是该浏览器待推送的所有页面，或者是用户操作产生的显示指令对应的目标页面，即用户想查看的所有目标页面。其中，在所述待推送数据或者是待获取数据超过预设阈值时，可以优先获取部分数据进行存储。具体实施例中，所述浏览终端在检测到用户打开APP或者浏览器操作产生的显示指令时，可以向服务器发送初始化页面加载请求，即获取所述APP或者浏览器的全部待展示数据或者初始页面对应的待展示数据。将所述待展示数据根据所述显示页面对应的可视窗口可显示的数据大小进行划分，并将划分后的待展示数据存储为对应的分页页面数据，并为所述分页数据生成对应的页面标识。具体实施例中，为了便于浏览终端可以单独获取对应页面的数据，将待展示数据进行分页，并生成对应的页码标识，以便后续对应查找对应数据进行渲染并显示。其中，所述页码标识和页面标识可以是数字、字母、符号等中一种或者多种。该页面标识与对应的页面数据的对应关系可以存储为索引表。
进一步地，所述页面加载方法还包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
在接收到所述待展示数据时，判断所述待展示数据是否超过预设数据量；
在所述待展示数据超过预设数据量时，将所述待展示数据进行数据划分。
本实施例中，在所述待展示数据较大时，容易产生渲染时间过长，影响页面加载时间。因此，在获取到所述待展示数据时，优先判断所述待展示数据是否超过预设数据量，如3G。若所述待展示数据未超过预设数据量，则可以将所述待展示数据进行一次性渲染。若所述待展示数据超过预设数据量，则将所述待展示数据根据预设划分单位进行数据划分，并将划分后的数据设置对应的数据标识。
步骤S20，获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
本实施例中，可视区域小于等于当前显示终端的显示界面大小。所述浏览终端可以根据所述显示界面大小对应设定所述可视区域的大小，即根据所述浏览终端的显示界面大小制定所述待展示数据的分页大小，即分页单位。然后获取所述浏览终端的当前显示界面中的当前页面，并获取所述当前页面的当前页面标识。然后根据所述当前页面标识在上述对应关联列表中获取对应的当前页面标识，并在分页后的待展示数据中获取所述当前页面标识对应的目标展示数据。即所述可视区域内的当前页面显示的数据，即为当前应获取并渲染的目标数据。
步骤S30，将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
本实施例中，在页面初始化时可视区域内的当前页面数据，即只取第一条数据渲染页面。通过在展示时控制自定义变量与即将要渲染页面所需数据的位置关系，如页面标识，通过自定义变量直接读取该条数据，然后将该条数据进行渲染，以实时在可视区域内将该条数据渲染到页面并替换上一次展示的内容。
本实施例通过在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。通过上述方式，本发明将待展示数据进行数据划分，并根据当前显示区域需要显示的页面数据，在所述待展示数据中，选取目标页面数据，并将所述目标页面数据进行渲染并显示。从而避免反复在待展示数据中反复进行遍历操作，以及避免一次性渲染大量数据而耗费大量时间造成页面加载时间长，减少了页面加载时间，提升了用户体验，解决了现有页面加载方法性能消耗大以及页面加载时间长的技术问题。
参照图3，图3为本发明页面加载方法第二实施例的流程示意图。
基于上述图2所示实施例，本实施例中，步骤S10包括：
步骤S11，根据所述显示区域对应的显示数据量，将所述待展示数据进行页面数据划分，生成对应的页面数据；
步骤S12，将所述页面数据生成对应的页面标识，并将所述页面标识与对应的页面数据进行关联存储，生成索引表。
本实施例中，为了便于浏览终端可以单独获取对应页面的数据，将待展示数据进行分页，数据划分的数据量可以根据所述显示终端的显示界面对应的可视区域，该可视区域小于等于当前显示终端的显示界面大小。所述浏览终端可以根据所述显示界面大小对应设定所述可视区域的大小，即根据所述浏览终端的显示界面大小制定所述待展示数据的分页大小，即分页单位。并生成对应的页面标识，以便后续对应查找对应数据进行渲染并显示。其中，所述页码标识和页面标识可以是数字、字母、符号等中一种或者多种。该页码标识与页面标识的对应关系可以存储为关联列表，即索引表。
进一步地，步骤S20包括：
步骤S21，获取当前显示区域内的当前页面标识，并将所述当前页面标识与所述索引表进行匹配，以在所述索引表中获取所述当前页面标识匹配的页面标识，作为目标页面标识；
步骤S22，在所述待展示数据中，获取所述目标页面标识对应关联的页面数据，作为目标页面数据。
本实施例中，获取所述浏览终端的当前显示界面中的当前页面标识，并获取所述当前页面标识。将所述当前页面标识在上述对应关联列表中，即索引表，进行查询匹配，以获取所述当前页面标识对应的页面数据，并将该页面数据作为目标页面数据，即所述可视区域内的当前页面显示的数据，即为当前应获取并渲染的目标数据。
参照图4，图4为本发明页面加载方法第三实施例的流程示意图。
基于上述图3所示实施例，本实施例中，在步骤S30之后，所述页面加载方法还包括：
步骤S41，获取所述目标页面数据对应的相邻页面数据，作为上下文数据；
步骤S42，将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示。
本实施例中，由于用户在浏览当前页面之后，一般继续浏览所述当前页面的上下文页面，本实施例中，为了进一步提升渲染效率，在获取到所述当前页面标识符时，进一步获取所述目标页面数据关联的相邻页面数据，作为上下文数据，并在将所述当前页面标识对应的目标页面数据进行对应渲染之后，再将所述上下文数据进行渲染。具体实施例中，可通过渲染线程对待渲染的页面数据进行渲染。因此，在获取所述上下文数据后，判断当前是否存在空闲的渲染线程；若存在所述空闲的渲染线程，则通过所述空闲的渲染线程将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示；若不存在所述空闲的渲染线程，则将所述上下文数据存储至待渲染列表，以便在渲染单元空闲时再对所述上下文数据进行渲染。
进一步地，所述页面加载方法还包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
判断是否在预设时间间隔内接收到所述服务器反馈的待展示数据；
若未在所述预设时间间隔内接收到所述待展示数据，则根据所述显示指令，向服务器发送页面重加载请求，以向所述服务器再次获取所述待展示数据。
本实施例中，还可以进一步对浏览器或者客户端向所述服务器获取请求数据的请求时间进行监控。在向所述服务器发送页面加载请求是，记录所述请求时间。基于所述请求时间，判断是否在预设时间间隔内，如1S或2S内，接收到所述服务器根据所述页面加载请求反馈的待展示数据。若未接收到所述待展示数据，则数据获取过程发生异常，可以再次发送页面重加载请求等，或者生成异常提醒消息并发送至管理员。
此外，本发明实施例还提供一种页面加载装置。
参照图5，图5为本发明页面加载装置第一实施例的功能模块示意图。
本实施例中，所述页面加载装置包括：
数据划分模块10，用于在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
数据获取模块20，用于获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
页面渲染模块30，用于将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
进一步的，所述数据划分模块10包括：
数据划分单元，根据所述显示区域对应的显示数据量，将所述待展示数据进行页面数据划分，生成对应的页面数据；
索引生成单元，用于将所述页面数据生成对应的页面标识，并将所述页面标识与对应的页面数据进行关联存储，生成索引表。
进一步的，所述数据获取模块20包括：
目标标识获取单元，用于获取当前显示区域内的当前页面标识，并将所述当前页面标识与所述索引表进行匹配，以在所述索引表中获取所述当前页面标识匹配的页面标识，作为目标页面标识；
目标数据获取单元，用于在所述待展示数据中，获取所述目标页面标识对应关联的页面数据，作为目标页面数据。
进一步的，所述页面加载装置还包括：
上下文获取模块，用于获取所述目标页面数据对应的相邻页面数据，作为上下文数据；
上下文显示模块，用于将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示。
进一步的，所述页面加载装置还包括：
加载请求模块，用于在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
时间判断模块，用于判断是否在预设时间间隔内接收到所述服务器反馈的待展示数据；
重加载请求模块，用于若未在所述预设时间间隔内接收到所述待展示数据，则根据所述显示指令，向服务器发送页面重加载请求，以向所述服务器再次获取所述待展示数据。
进一步的，所述页面加载装置还包括：
线程判断模块，用于判断当前是否存在空闲的渲染线程；
上下文渲染模块，用于若存在所述空闲的渲染线程，则通过所述空闲的渲染线程将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示；
上下文存储模块，用于若不存在所述空闲的渲染线程，则将所述上下文数据存储至待渲染列表，以便在渲染单元空闲时再对所述上下文数据进行渲染。
其中，上述页面加载装置中各个模块与上述页面加载方法实施例中各步骤相对应，其功能和实现过程在此处不再一一赘述。
此外，本发明实施例还提供一种计算机可读存储介质。
本发明计算机可读存储介质上存储有页面加载程序，其中所述页面加载程序被处理器执行时，实现如上述的页面加载方法的步骤。
其中，页面加载程序被执行时所实现的方法可参照本发明页面加载方法的各个实施例，此处不再赘述。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种页面加载方法，其特征在于，所述页面加载方法包括以下步骤：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
2.如权利要求1所述的页面加载方法，其特征在于，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
根据所述显示区域对应的显示数据量，将所述待展示数据进行页面数据划分，生成对应的页面数据；
将所述页面数据生成对应的页面标识，并将所述页面标识与对应的页面数据进行关联存储，生成索引表。
3.如权利要求2所述的页面加载方法，其特征在于，所述获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据的步骤包括：
获取当前显示区域内的当前页面标识，并将所述当前页面标识与所述索引表进行匹配，以在所述索引表中获取所述当前页面标识匹配的页面标识，作为目标页面标识；
在所述待展示数据中，获取所述目标页面标识对应关联的页面数据，作为目标页面数据。
4.如权利要求1所述的页面加载方法，其特征在于，所述页面加载方法还包括：
获取所述目标页面数据对应的相邻页面数据，作为上下文数据；
将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示。
5.如权利要求4所述的页面加载方法，其特征在于，所述将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示的步骤包括：
判断当前是否存在空闲的渲染线程；
若存在所述空闲的渲染线程，则通过所述空闲的渲染线程将所述目标页面数据对应的上下文数据进行渲染，作为待显示页面数据，并在接收到用户操作触发的上下文显示指令时，获取所述待显示页面数据进行显示；
若不存在所述空闲的渲染线程，则将所述上下文数据存储至待渲染列表，以便在渲染单元空闲时再对所述上下文数据进行渲染。
6.如权利要求1所述的页面加载方法，其特征在于，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
在接收到所述待展示数据时，判断所述待展示数据是否超过预设数据量；
在所述待展示数据超过预设数据量时，将所述待展示数据进行数据划分。
7.如权利要求1-6中任意一项所述的页面加载方法，其特征在于，所述在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分的步骤包括：
在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据；
判断是否在预设时间间隔内接收到所述服务器反馈的待展示数据；
若未在所述预设时间间隔内接收到所述待展示数据，则根据所述显示指令，向服务器发送页面重加载请求，以向所述服务器再次获取所述待展示数据。
8.一种页面加载装置，其特征在于，所述页面加载装置包括：
数据划分模块，用于在接收到用户操作触发的显示指令时，向服务器发送页面加载请求，以向所述服务器获取待展示数据，并将所述待展示数据进行数据划分；
数据获取模块，用于获取当前显示区域内的当前数据标识，并根据所述当前数据标识，在所述待展示数据中获取对应的目标页面数据；
页面渲染模块，用于将所述目标页面数据进行渲染，并在所述当前显示区域内显示渲染后的目标页面数据，以完成可视区域内的页面加载。
9.一种页面加载设备，其特征在于，所述页面加载设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的页面加载程序，其中所述页面加载程序被所述处理器执行时，实现如权利要求1至7中任一项所述的页面加载方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有页面加载程序，其中所述页面加载程序被处理器执行时，实现如权利要求1至7中任一项所述的页面加载方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810951188.6A CN109684574A (zh) | 2018-08-20 | 2018-08-20 | 页面加载方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810951188.6A CN109684574A (zh) | 2018-08-20 | 2018-08-20 | 页面加载方法、装置、设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109684574A true CN109684574A (zh) | 2019-04-26 |
Family
ID=66185589
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810951188.6A Pending CN109684574A (zh) | 2018-08-20 | 2018-08-20 | 页面加载方法、装置、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109684574A (zh) |
Cited By (27)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
| CN110349359A (zh) * | 2019-07-22 | 2019-10-18 | 北京三快在线科技有限公司 | 添加待售商品的方法和系统 |
| CN110889074A (zh) * | 2019-11-27 | 2020-03-17 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
| CN110889062A (zh) * | 2019-11-15 | 2020-03-17 | 北京幻想纵横网络技术有限公司 | 页面加载方法及装置、终端和计算机可读存储介质 |
| CN110909279A (zh) * | 2019-11-19 | 2020-03-24 | 广州至真信息科技有限公司 | 一种网页的渲染方法、装置、计算机设备和存储介质 |
| CN110990741A (zh) * | 2019-11-29 | 2020-04-10 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备、服务器及存储介质 |
| CN111258800A (zh) * | 2020-02-03 | 2020-06-09 | 北京无限光场科技有限公司 | 一种页面处理方法、装置和电子设备 |
| CN111310088A (zh) * | 2020-02-12 | 2020-06-19 | 北京字节跳动网络技术有限公司 | 一种页面渲染方法及装置 |
| CN111475243A (zh) * | 2020-04-03 | 2020-07-31 | 广东小天才科技有限公司 | 一种页面加载方法及系统 |
| CN111506917A (zh) * | 2020-03-31 | 2020-08-07 | 北京三快在线科技有限公司 | 页面展示方法、展示装置、可读存储介质及电子设备 |
| CN111629256A (zh) * | 2020-05-20 | 2020-09-04 | 深圳Tcl新技术有限公司 | 页面显示方法、设备及计算机存储介质 |
| CN111782993A (zh) * | 2019-07-23 | 2020-10-16 | 北京京东尚科信息技术有限公司 | 页面显示方法、装置及服务器 |
| CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
| CN111930442A (zh) * | 2020-10-09 | 2020-11-13 | 北京三快在线科技有限公司 | 页面视图的加载方法、装置、存储介质和电子设备 |
| CN112270594A (zh) * | 2020-11-25 | 2021-01-26 | 平安数字信息科技(深圳)有限公司 | 薪酬数据显示方法、装置、计算机设备和存储介质 |
| CN112364277A (zh) * | 2020-11-23 | 2021-02-12 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
| CN112731885A (zh) * | 2020-12-29 | 2021-04-30 | 浙江中控技术股份有限公司 | 用于集散控制系统的表格显示方法和系统 |
| CN112748843A (zh) * | 2021-01-29 | 2021-05-04 | 腾讯科技（深圳）有限公司 | 页面切换方法、装置、计算机设备和存储介质 |
| CN112784187A (zh) * | 2019-11-07 | 2021-05-11 | 北京沃东天骏信息技术有限公司 | 页面展示方法和装置 |
| CN113504964A (zh) * | 2021-07-27 | 2021-10-15 | 北京字节跳动网络技术有限公司 | 页面组件高度确定方法、装置、计算机设备和存储介质 |
| CN113535288A (zh) * | 2020-04-20 | 2021-10-22 | 北京沃东天骏信息技术有限公司 | 一种页面数据处理方法、页面展示方法和装置 |
| CN113722642A (zh) * | 2021-08-31 | 2021-11-30 | 北京百度网讯科技有限公司 | 网页页面的转换方法、装置、电子设备以及存储介质 |
| CN113778430A (zh) * | 2021-02-02 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 小程序的数据渲染方法、装置、设备及存储介质 |
| CN113779449A (zh) * | 2020-08-18 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 一种页面加载方法、装置、电子设备和存储介质 |
| CN113821737A (zh) * | 2021-09-29 | 2021-12-21 | 中国平安财产保险股份有限公司 | 单页面应用的地图渲染方法、装置、设备及存储介质 |
| CN113934482A (zh) * | 2020-07-14 | 2022-01-14 | 北京奇虎科技有限公司 | 页面的展示方法、设备、存储介质及装置 |
| CN116485493A (zh) * | 2023-04-10 | 2023-07-25 | 北京城市网邻信息技术有限公司 | 房源信息处理和展示方法、装置、设备及存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104281677A (zh) * | 2014-09-29 | 2015-01-14 | 百度在线网络技术（北京）有限公司 | 页面的展现方法及装置 |
| CN106293311A (zh) * | 2015-05-26 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 基于移动应用的页面显示方法、客户端、服务器及平台 |
| CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
-
2018
- 2018-08-20 CN CN201810951188.6A patent/CN109684574A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104281677A (zh) * | 2014-09-29 | 2015-01-14 | 百度在线网络技术（北京）有限公司 | 页面的展现方法及装置 |
| CN106293311A (zh) * | 2015-05-26 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 基于移动应用的页面显示方法、客户端、服务器及平台 |
| CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
Cited By (40)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
| CN110349359A (zh) * | 2019-07-22 | 2019-10-18 | 北京三快在线科技有限公司 | 添加待售商品的方法和系统 |
| CN110349359B (zh) * | 2019-07-22 | 2021-11-16 | 北京三快在线科技有限公司 | 添加待售商品的方法和系统 |
| CN111782993B (zh) * | 2019-07-23 | 2024-09-20 | 北京京东尚科信息技术有限公司 | 页面显示方法、装置及服务器 |
| CN111782993A (zh) * | 2019-07-23 | 2020-10-16 | 北京京东尚科信息技术有限公司 | 页面显示方法、装置及服务器 |
| CN112784187A (zh) * | 2019-11-07 | 2021-05-11 | 北京沃东天骏信息技术有限公司 | 页面展示方法和装置 |
| CN110889062A (zh) * | 2019-11-15 | 2020-03-17 | 北京幻想纵横网络技术有限公司 | 页面加载方法及装置、终端和计算机可读存储介质 |
| CN110909279A (zh) * | 2019-11-19 | 2020-03-24 | 广州至真信息科技有限公司 | 一种网页的渲染方法、装置、计算机设备和存储介质 |
| CN110909279B (zh) * | 2019-11-19 | 2022-09-13 | 广州至真信息科技有限公司 | 一种网页的渲染方法、装置、计算机设备和存储介质 |
| CN110889074B (zh) * | 2019-11-27 | 2022-04-08 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
| CN110889074A (zh) * | 2019-11-27 | 2020-03-17 | 珠海格力电器股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
| CN110990741A (zh) * | 2019-11-29 | 2020-04-10 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备、服务器及存储介质 |
| CN110990741B (zh) * | 2019-11-29 | 2024-03-12 | 北京达佳互联信息技术有限公司 | 一种页面展示方法、装置、电子设备、服务器及存储介质 |
| CN111258800A (zh) * | 2020-02-03 | 2020-06-09 | 北京无限光场科技有限公司 | 一种页面处理方法、装置和电子设备 |
| CN111310088A (zh) * | 2020-02-12 | 2020-06-19 | 北京字节跳动网络技术有限公司 | 一种页面渲染方法及装置 |
| CN111506917A (zh) * | 2020-03-31 | 2020-08-07 | 北京三快在线科技有限公司 | 页面展示方法、展示装置、可读存储介质及电子设备 |
| CN111475243A (zh) * | 2020-04-03 | 2020-07-31 | 广东小天才科技有限公司 | 一种页面加载方法及系统 |
| CN113535288A (zh) * | 2020-04-20 | 2021-10-22 | 北京沃东天骏信息技术有限公司 | 一种页面数据处理方法、页面展示方法和装置 |
| CN111629256A (zh) * | 2020-05-20 | 2020-09-04 | 深圳Tcl新技术有限公司 | 页面显示方法、设备及计算机存储介质 |
| CN111629256B (zh) * | 2020-05-20 | 2023-02-17 | 深圳Tcl新技术有限公司 | 页面显示方法、设备及计算机存储介质 |
| CN111796824A (zh) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | 页面加载方法、装置、服务器及介质 |
| CN113934482A (zh) * | 2020-07-14 | 2022-01-14 | 北京奇虎科技有限公司 | 页面的展示方法、设备、存储介质及装置 |
| CN113779449A (zh) * | 2020-08-18 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 一种页面加载方法、装置、电子设备和存储介质 |
| CN111930442B (zh) * | 2020-10-09 | 2021-01-01 | 北京三快在线科技有限公司 | 页面视图的加载方法、装置、存储介质和电子设备 |
| CN111930442A (zh) * | 2020-10-09 | 2020-11-13 | 北京三快在线科技有限公司 | 页面视图的加载方法、装置、存储介质和电子设备 |
| CN112364277A (zh) * | 2020-11-23 | 2021-02-12 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
| CN112364277B (zh) * | 2020-11-23 | 2024-03-08 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
| CN112270594B (zh) * | 2020-11-25 | 2023-09-12 | 深圳平安智汇企业信息管理有限公司 | 薪酬数据显示方法、装置、计算机设备和存储介质 |
| CN112270594A (zh) * | 2020-11-25 | 2021-01-26 | 平安数字信息科技(深圳)有限公司 | 薪酬数据显示方法、装置、计算机设备和存储介质 |
| CN112731885A (zh) * | 2020-12-29 | 2021-04-30 | 浙江中控技术股份有限公司 | 用于集散控制系统的表格显示方法和系统 |
| CN112748843B (zh) * | 2021-01-29 | 2022-06-03 | 腾讯科技（深圳）有限公司 | 页面切换方法、装置、计算机设备和存储介质 |
| CN112748843A (zh) * | 2021-01-29 | 2021-05-04 | 腾讯科技（深圳）有限公司 | 页面切换方法、装置、计算机设备和存储介质 |
| CN113778430A (zh) * | 2021-02-02 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | 小程序的数据渲染方法、装置、设备及存储介质 |
| CN113504964B (zh) * | 2021-07-27 | 2023-12-05 | 抖音视界有限公司 | 页面组件高度确定方法、装置、计算机设备和存储介质 |
| CN113504964A (zh) * | 2021-07-27 | 2021-10-15 | 北京字节跳动网络技术有限公司 | 页面组件高度确定方法、装置、计算机设备和存储介质 |
| CN113722642B (zh) * | 2021-08-31 | 2023-07-25 | 北京百度网讯科技有限公司 | 网页页面的转换方法、装置、电子设备以及存储介质 |
| CN113722642A (zh) * | 2021-08-31 | 2021-11-30 | 北京百度网讯科技有限公司 | 网页页面的转换方法、装置、电子设备以及存储介质 |
| CN113821737A (zh) * | 2021-09-29 | 2021-12-21 | 中国平安财产保险股份有限公司 | 单页面应用的地图渲染方法、装置、设备及存储介质 |
| CN113821737B (zh) * | 2021-09-29 | 2024-02-06 | 中国平安财产保险股份有限公司 | 单页面应用的地图渲染方法、装置、设备及存储介质 |
| CN116485493A (zh) * | 2023-04-10 | 2023-07-25 | 北京城市网邻信息技术有限公司 | 房源信息处理和展示方法、装置、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109684574A (zh) | 页面加载方法、装置、设备及存储介质 | |
| US10754917B2 (en) | Method and system for displaying customized webpage on double webview | |
| CN106933722B (zh) | 一种网页应用监控方法、服务器和系统 | |
| CN108512710B (zh) | 基于测试工具的测试方法和测试工具 | |
| AU2009287454B2 (en) | New tab pages and bookmark toolbars in a browser | |
| WO2013178094A1 (zh) | 页面显示方法及装置 | |
| KR20070013977A (ko) | 드래그 앤드 드롭 컨트롤을 통해 선택되는 디스플레이된기호에 대한 검색 결과를 별도의 창에 자동으로 생성하는방법 및 시스템 | |
| CN103718161A (zh) | Web应用体系架构 | |
| CN104572293A (zh) | 基于bs结构的医学影像阅片系统的实现方法 | |
| CN110334299B (zh) | 一种基于地址栏监听的弹窗展示方法、装置和电子设备 | |
| CN104317570B (zh) | 动态解析Web应用的装置和方法 | |
| CN113703893B (zh) | 一种页面渲染方法、装置、终端及存储介质 | |
| CN110032493A (zh) | 页面的监控方法、装置、终端及可读存储介质 | |
| US9292252B2 (en) | Methods and apparatus for voiced-enabling a web application | |
| JP2010020770A (ja) | ウェブページインターフェース提供方法及びシステム | |
| CN1760873A (zh) | 在搜索结果中标识访问过的统一资源定位符的方法和系统 | |
| CN103827778A (zh) | 企业工具增强 | |
| EP2959402A1 (en) | Architecture for remote access to content state | |
| EP3901761A2 (en) | Method, apparatus, and electronic device for processing visual data of deep model | |
| KR100671471B1 (ko) | 이동통신단말기를 이용한 자바 프로그램 실행 방법 및이를 수행하기 위한 시스템 | |
| CN103942230B (zh) | 一种用于进行语音网页导航的方法、装置和系统 | |
| CN112287261A (zh) | 资源加载方法和电子设备 | |
| US20240214340A1 (en) | Methods, apparatuses, systems and storage media for processing a link in a conversation | |
| CN115382216A (zh) | 一种可视化游戏数据调试方法和系统 | |
| CN108459890B (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190426 |
|
| RJ01 | Rejection of invention patent application after publication |