页面加载方法、终端及系统技术方案

技术编号:9618170 阅读:226 留言:0更新日期:2014-01-30 05:55
本发明专利技术公开了一种页面加载方法,包括:接收针对当前页面中任意对象的操作指令;获取被操作对象对应的路径标识符;根据所述被操作对象路径标识符发送查询请求到服务器;接收服务器返回的查询结果;将查询结果生成为html结构代码;清空当前页面中所述被操作对象对应于页面结构中的html结构代码;将所述根据查询结果生成的html结构代码填入所述页面结构中,本发明专利技术还提供了一种页面加载终端及系统。本发明专利技术所提供的页面加载方法、终端及系统,无刷新、灵活快速加载,并同时降低了服务器压力和用户等待时间,提升了用户体验。

Page loading method, terminal and system

The invention discloses a page loading method, comprising: receiving for any object of the current page in the operation instruction; path identifier obtained by operation object; according to the operated object path identifier sends a query request to the server; the server receives the returned query results; the query results into HTML code structure; HTML structure the code in the current page empty operated object corresponds to the page structure; the structure according to the HTML code generated in the query results page structure, the invention also provides a page loading terminal and system. The page loading method, the terminal and the system provided by the invention have no refresh, flexible and fast loading, and simultaneously reduce the server pressure and the user waiting time, thereby improving the user experience.

【技术实现步骤摘要】
页面加载方法、终端及系统
本专利技术涉及计算机数据处理
,特别是指一种页面加载方法、终端及系统。
技术介绍
随着云计算技术的研究与实践,云存储正在逐渐的被研发、实施和使用。其中文件的云存储是很重要的一项内容。文件的存储系统中需要对文件进行加载,其中存在文件的路径关系,以及针对不同的文件类型进行不同的初始化工作。目前存在路径导航的系统中,采用的是根据点击的路径请求到该路径对应的新的页面,然后在新加载的页面中再次发送一次或多次请求,根据返回内容来加载填充页面的内容,完成其他的后续工作。这样在整个的前端响应过程中做了多次请求,当用户频繁点击路径导航或者请求打开下级文件夹时,会大大提高请求的次数,增加服务器的压力,降低响应的效率,从而影响用户体验。
技术实现思路
有鉴于此,本专利技术的目的在于提出一种页面加载方法、终端及系统,无刷新、灵活快速加载,并同时降低了服务器压力和用户等待时间,提升了用户体验。基于上述目的本专利技术提供的页面加载方法,包括:接收针对当前页面中任意对象的操作指令;获取被操作对象对应的路径标识符;根据所述被操作对象路径标识符发送查询请求到服务器;接收服务器返回的查询结果;将查询结果生成为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。本专利技术还提供了一种页面加载系统,包括:服务器及如上所述的页面加载终端;所述服务器包括终端交互模块及服务器数据库;所述终端交互模块用于响应所述终端的查询请求,从所述服务器数据库中查找被操作对象路径标识符下的文件夹及文件的信息,并将所述文件夹及文件的信息以json格式返回给所述终端。从上面所述可以看出,采用本专利技术所述页面加载方法、终端及系统,通过替换原有页面结构中的特定变化部分的html结构代码就能更新页面,实现了只更新页面中产生了变化的部分而不用刷新整个页面内容就能更新页面的效果,节省了用户等待程序响应的时间,提高了服务器处理的效率。进一步的,通过采用发送ajax查询请求到服务器,缩短了与服务器之间的交互时间,起到了进一步缩短服务器响应时间的作用。较佳的,对查询结果进行遍历操作,对查询结果进行分类显示,使得新页面中的内容显示更有层次感,同时显得更加整齐划一,实现了更好的用户体验。【附图说明】图1为本专利技术提供的页面加载方法的一个实施例的流程示意图;图2为本专利技术提供的页面加载方法的另一个实施例的流程示意图;图3为本专利技术提供的页面加载终端的一个实施例的结构示意图;图4为本专利技术提供的页面加载系统的一个实施例的结构示意图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本专利技术进一步详细说明。参照附图1,为本专利技术提供的页面加载方法的一个实施例的流程示意图。如图1所示,所述页面加载方法,包括:步骤101:接收针对当前页面中任意对象的操作指令;步骤102:获取被操作对象对应的路径标识符;步骤103:根据所述被操作对象路径标识符发送查询请求到服务器;步骤104:接收服务器返回的查询结果;步骤105:将查询结果生成为html结构代码;步骤106:清空当前页面中所述被操作对象对应于页面结构中的html结构代码;步骤107:将所述根据查询结果生成的html结构代码填入所述页面结构中。较佳的,所述步骤105具体地包括:对查询结果进行遍历操作,获取查询结果中的文件夹及文件的信息;按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类;将分类结果生成为html结构代码。优选的,所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。可选的,步骤103中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符(用来请求被操作对象对应的文件及文件夹信息);所述步骤106之后还包括:对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化;所述步骤107之后还包括:加载完成并显示新页面内容。参照附图2,为本专利技术提供的页面加载方法的另一个实施例的流程示意图。如图2所示,所述页面加载方法,包括:步骤201:加载当前页面;步骤202:获取当前页面的路径标识符(例如D盘下的某某文件夹,其路径标识符则为D:\某某文件夹);步骤203:根据当前页面的路径标识符初始化页面的路径导航信息;步骤204:显示当前页面内容;步骤205:接收针对当前页面中任意对象的操作指令(例如打开某本文档来自技高网...

【技术保护点】
一种页面加载方法,其特征在于,包括:接收针对当前页面中任意对象的操作指令;获取被操作对象对应的路径标识符;根据所述被操作对象路径标识符发送查询请求到服务器;接收服务器返回的查询结果;将查询结果生成为html结构代码;清空当前页面中所述被操作对象对应于页面结构中的html结构代码;将所述根据查询结果生成的html结构代码填入所述页面结构中。

【技术特征摘要】
1.一种页面加载方法,其特征在于,包括: 接收针对当前页面中任意对象的操作指令; 获取被操作对象对应的路径标识符; 根据所述被操作对象路径标识符发送查询请求到服务器; 接收服务器返回的查询结果; 将查询结果生成为html结构代码; 清空当前页面中所述被操作对象对应于页面结构中的html结构代码; 将所述根据查询结果生成的html结构代码填入所述页面结构中。2.根据权利要求1所述的方法,其特征在于,所述接收针对当前页面中任意对象的操作指令的步骤之前还包括: 加载当前页面; 获取当前页面的路径标识符; 根据当前页面的路径标识符初始化页面的路径导航信息; 显示当前页面内容。3.根据权利要求2所述的方法,其特征在于,所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括:加载完成并显示新页面内容。4.根据权利要求1所述的方法,其特征在于,所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符。5.根据权利要求1所述的方法,其特征在于,所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括:对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化。6.根据权利要求1至5任意一项所述的方法,其特征在于,所述将查询结果生成为html结构代码的步骤还包括: 对查询结果进行遍历操作,获取查询结果中的文件夹及文件的信息; 按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类; 将分类结果生成为html结构代码。7.根据权利要求5所述的方法,其特征在于,所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件...

【专利技术属性】
技术研发人员:祁丽康王东辉丁洪震吴烜
申请(专利权)人:北京荣之联科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1