[发明专利]页面加载方法、终端及系统

说明书

技术领域

本发明涉及计算机数据处理技术领域，特别是指一种页面加载方法、终端及系统。

背景技术

随着云计算技术的研究与实践，云存储正在逐渐的被研发、实施和使用。其中文件的云存储是很重要的一项内容。文件的存储系统中需要对文件进行加载，其中存在文件的路径关系，以及针对不同的文件类型进行不同的初始化工作。

目前存在路径导航的系统中，采用的是根据点击的路径请求到该路径对应的新的页面，然后在新加载的页面中再次发送一次或多次请求，根据返回内容来加载填充页面的内容，完成其他的后续工作。这样在整个的前端响应过程中做了多次请求，当用户频繁点击路径导航或者请求打开下级文件夹时，会大大提高请求的次数，增加服务器的压力，降低响应的效率，从而影响用户体验。

发明内容

有鉴于此，本发明的目的在于提出一种页面加载方法、终端及系统，无刷新、灵活快速加载，并同时降低了服务器压力和用户等待时间，提升了用户体验。

基于上述目的本发明提供的页面加载方法，包括：

接收针对当前页面中任意对象的操作指令；

获取被操作对象对应的路径标识符；

根据所述被操作对象路径标识符发送查询请求到服务器；

接收服务器返回的查询结果；

将查询结果生成为html结构代码；

清空当前页面中所述被操作对象对应于页面结构中的html结构代码；

将所述根据查询结果生成的html结构代码填入所述页面结构中。

在一些实施方式中，所述接收针对当前页面中任意对象的操作指令的步骤之前还包括：

加载当前页面；

获取当前页面的路径标识符；

根据当前页面的路径标识符初始化页面的路径导航信息；

显示当前页面内容。

在一些实施方式中，所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括：加载完成并显示新页面内容。

在一些实施方式中，所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求，所述ajax请求中包含所述被操作对象路径标识符。

在一些实施方式中，所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括：对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化。

在一些实施方式中，所述将查询结果生成为html结构代码的步骤还包括：

对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；

按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；

将分类结果生成为html结构代码。

在一些实施方式中，所述生成的html结构代码为外层div嵌套内层div；所述内层div至少包括显示图标的div和显示文件名的div。

本发明还提供了一种页面加载终端，包括：

前端模块，用于接收针对当前页面中任意对象的操作指令及根据操作指令获取被操作对象对应的路径标识符；

服务器交互模块，用于根据所述被操作对象路径标识符发送查询请求到服务器及接收服务器返回的查询结果；

处理模块，用于将查询结果生成为html结构代码，清空当前页面中所述被操作对象对应于页面结构中的html结构代码，以及，将所述根据查询结果生成的html结构代码填入所述页面结构中。

在一些实施方式中，所述前端模块还用于加载当前页面，获取当前页面的路径标识符，根据当前页面的路径标识符初始化页面的路径导航信息；

在一些实施方式中，所述终端还包括显示模块，所述显示模块用于显示当前页面内容以及显示新页面内容；

在一些实施方式中，所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求，所述ajax请求中包含所述被操作对象路径标识符；

在一些实施方式中，所述处理模块还用于对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；

在一些实施方式中，所述处理模块还用于对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；以及，将分类结果生成为html结构代码；

在一些实施方式中，所述生成的html结构代码为外层div嵌套内层div；所述内层div至少包括显示图标的div和显示文件名的div。