页面加载方法、终端及系统的制作方法
【专利摘要】本发明公开了一种页面加载方法，包括：接收针对当前页面中任意对象的操作指令；获取被操作对象对应的路径标识符；根据所述被操作对象路径标识符发送查询请求到服务器；接收服务器返回的查询结果；将查询结果生成为html结构代码；清空当前页面中所述被操作对象对应于页面结构中的html结构代码；将所述根据查询结果生成的html结构代码填入所述页面结构中，本发明还提供了一种页面加载终端及系统。本发明所提供的页面加载方法、终端及系统，无刷新、灵活快速加载，并同时降低了服务器压力和用户等待时间，提升了用户体验。
【专利说明】页面加载方法、终端及系统
【技术领域】
[0001]本发明涉及计算机数据处理【技术领域】，特别是指一种页面加载方法、终端及系统。【背景技术】
[0002]随着云计算技术的研究与实践，云存储正在逐渐的被研发、实施和使用。其中文件的云存储是很重要的一项内容。文件的存储系统中需要对文件进行加载，其中存在文件的路径关系，以及针对不同的文件类型进行不同的初始化工作。
[0003]目前存在路径导航的系统中，采用的是根据点击的路径请求到该路径对应的新的页面，然后在新加载的页面中再次发送一次或多次请求，根据返回内容来加载填充页面的内容，完成其他的后续工作。这样在整个的前端响应过程中做了多次请求，当用户频繁点击路径导航或者请求打开下级文件夹时，会大大提高请求的次数，增加服务器的压力，降低响应的效率，从而影响用户体验。
【发明内容】
[0004]有鉴于此，本发明的目的在于提出一种页面加载方法、终端及系统，无刷新、灵活快速加载，并同时降低了服务器压力和用户等待时间，提升了用户体验。
[0005]基于上述目的本发明提供的页面加载方法，包括:
[0006]接收针对当前页面中任意对象的操作指令；
[0007]获取被操作对象对应的路径标识符；
[0008]根据所述被操作对象路径标识符发送查询请求到服务器；
[0009]接收服务器返回的查询结果；
[0010]将查询结果生成为html结构代码；
[0011]清空当前页面中所述被操作对象对应于页面结构中的html结构代码；
[0012]将所述根据查询结果生成的html结构代码填入所述页面结构中。
[0013]在一些实施方式中，所述接收针对当前页面中任意对象的操作指令的步骤之前还包括:
[0014]加载当前页面；
[0015]获取当前页面的路径标识符；
[0016]根据当前页面的路径标识符初始化页面的路径导航信息；
[0017]显示当前页面内容。
[0018]在一些实施方式中，所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括:加载完成并显示新页面内容。
[0019]在一些实施方式中，所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符。
[0020]在一些实施方式中，所述将所述根据查询结果生成的html结构代码填入所述页面结构中的步骤之后还包括:对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化。
[0021]在一些实施方式中，所述将查询结果生成为html结构代码的步骤还包括:
[0022]对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；
[0023]按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；
[0024]将分类结果生成为html结构代码。
[0025]在一些实施方式中，所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。
[0026]本发明还提供了一种页面加载终端，包括:
[0027]前端模块，用于接收针对当前页面中任意对象的操作指令及根据操作指令获取被操作对象对应的路径标识符；
[0028]服务器交互模块，用于根据所述被操作对象路径标识符发送查询请求到服务器及接收服务器返回的查询结果；
[0029]处理模块，用于将查询结果生成为html结构代码，清空当前页面中所述被操作对象对应于页面结构中的html结构代码，以及，将所述根据查询结果生成的html结构代码填入所述页面结构中。
[0030]在一些实施方式中，所述前端模块还用于加载当前页面，获取当前页面的路径标识符，根据当前页面的路径标识符初始化页面的路径导航信息；
[0031]在一些实施方式中，所述终端还包括显示模块，所述显示模块用于显示当前页面内容以及显示新页面内容；
[0032]在一些实施方式中，所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符；
[0033]在一些实施方式中，所述处理模块还用于对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；
[0034]在一些实施方式中，所述处理模块还用于对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；以及，将分类结果生成为html结构代码；
[0035]在一些实施方式中，所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。
[0036]本发明还提供了一种页面加载系统，包括:
[0037]服务器及如上所述的页面加载终端；所述服务器包括终端交互模块及服务器数据库；
[0038]所述终端交互模块用于响应所述终端的查询请求，从所述服务器数据库中查找被操作对象路径标识符下的文件夹及文件的信息，并将所述文件夹及文件的信息以json格式返回给所述终端。
[0039]从上面所述可以看出，采用本发明所述页面加载方法、终端及系统，通过替换原有页面结构中的特定变化部分的html结构代码就能更新页面，实现了只更新页面中产生了变化的部分而不用刷新整个页面内容就能更新页面的效果，节省了用户等待程序响应的时间，提高了服务器处理的效率。[0040]进一步的，通过采用发送ajax查询请求到服务器，缩短了与服务器之间的交互时间，起到了进一步缩短服务器响应时间的作用。
[0041]较佳的，对查询结果进行遍历操作，对查询结果进行分类显示，使得新页面中的内容显示更有层次感，同时显得更加整齐划一，实现了更好的用户体验。
【专利附图】
【附图说明】
[0042]图1为本发明提供的页面加载方法的一个实施例的流程示意图；
[0043]图2为本发明提供的页面加载方法的另一个实施例的流程示意图；
[0044]图3为本发明提供的页面加载终端的一个实施例的结构示意图；
[0045]图4为本发明提供的页面加载系统的一个实施例的结构示意图。
【具体实施方式】
[0046]为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明进一步详细说明。
[0047]参照附图1，为本发明提供的页面加载方法的一个实施例的流程示意图。
[0048]如图1所示,所述页面加载方法,包括:
[0049]步骤101:接收针对当前页面中任意对象的操作指令；
[0050]步骤102:获取被操作对象对应的路径标识符；
[0051]步骤103:根据所述被操作对象路径标识符发送查询请求到服务器；
[0052]步骤104:接收服务器返回的查询结果；
[0053]步骤105:将查询结果生成为html结构代码；
[0054]步骤106:清空当前页面中所述被操作对象对应于页面结构中的html结构代码；
[0055]步骤107:将所述根据查询结果生成的html结构代码填入所述页面结构中。
[0056]较佳的，所述步骤105具体地包括:
[0057]对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；
[0058]按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；
[0059]将分类结果生成为html结构代码。
[0060]优选的,所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。
[0061]可选的,步骤103中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符(用来请求被操作对象对应的文件及文件夹信息);所述步骤106之后还包括:对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；所述步骤107之后还包括:加载完成并显示新页面内容。
[0062]参照附图2，为本发明提供的页面加载方法的另一个实施例的流程示意图。
[0063]如图2所示,所述页面加载方法,包括:
[0064]步骤201:加载当前页面；
[0065]步骤202:获取当前页面的路径标识符(例如D盘下的某某文件夹，其路径标识符则为D:\某某文件夹)；[0066]步骤203:根据当前页面的路径标识符初始化页面的路径导航信息；
[0067]步骤204:显示当前页面内容；
[0068]步骤205:接收针对当前页面中任意对象的操作指令(例如打开某文件夹进到下级目录或者点击导航进入任意上级目录);
[0069]步骤206:获取被操作对象(例如当前页面中的某一文件夹的图标)对应的路径标识符(这个路径标识符和步骤202中的路径标识符是一个概念，用来区分所要进入的路径，例如可以是要打开的文件夹的id，此处设定每个文件夹的id是不可重复的，所以此id可以作为唯一标识，来区别要进入的路径);
[0070]步骤207:根据所述被操作对象路径标识符发送查询请求到服务器；
[0071]步骤208:接收服务器返回的查询结果；
[0072]步骤209:对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；所述文件夹及文件信息中包括文件夹及文件的名称，文件类型、大小、被编辑的时间等等；
[0073]步骤210:按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；所述默认分类方式可以是按文件夹名称先对文件夹排序，再按照文件类型排序，并对同一文件类型中的文件按大小或被编辑的时间先后排序等等；
[0074]步骤211:将分类结果生成为html结构代码；这里html结构代码的结构可以根据新页面所需展现的嵌套格式进行定义，可选的为，外层div嵌套内层div，内层div中包含显示图标的div和显示文件名的div ;并且，在显示文件名的div中需要包括所述遍历结果中获取的相应的文件名信息；
[0075]步骤212:清空当前页面中所述被操作对象对应于页面结构中的html结构代码；
[0076]步骤213:将所述根据分类结果生成的html结构代码填入所述页面结构中；
[0077]步骤214:对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；例如右键、图标的动画效果、文件评论框等操作的初始化；
[0078]步骤215:加载完成并显示新页面内容。
[0079]其中，步骤214中文件评论框的初始化可采用下述步骤完成:
[0080]发送关于评论的ajax查询请求到服务器；
[0081]获取服务器返回的查询结果；
[0082]将查询结果生成为html结构代码；
[0083]其中，这里html结构代码的结构可以根据预先设定的新页面中显示所涉及的评论内容的位置，例如在图标的右侧部分整体显示，根据所述新页面所需展现的嵌套格式进行定义，可选的为，外层div嵌套内层div，内层div中包含显示图标的div和显示文件名的div,以及图标右侧的评论的div ;并且,在评论的div中需要包括对应于该文件的评论内容。
[0084]当然，根据返回的评论的查询内容，也可根据默认分类方式对其进行分类排序，例如将最新的评论排在最前，等等；然后将分类结果生成为html结构代码。
[0085]从上面所述实施例可以看出，采用本发明实施例中所述的页面加载方法，通过替换原有页面结构中的特定变化部分的html结构代码就能更新页面，实现了只更新页面中产生了变化的部分而不用刷新整个页面内容就能更新页面的效果，节省了用户等待程序响应的时间，提高了服务器处理的效率。[0086]进一步的，通过采用发送ajax查询请求到服务器，缩短了与服务器之间的交互时间，起到了进一步缩短服务器响应时间的作用。
[0087]较佳的，对查询结果进行遍历操作，对查询结果进行分类显示，使得新页面中的内容显示更有层次感，同时显得更加整齐划一，实现了更好的用户体验。
[0088]本发明还提供了一种页面加载终端，参照附图3，为本发明提供的页面加载终端的一个实施例的结构示意图。
[0089]所述页面加载终端300，包括:
[0090]前端模块301，用于接收针对当前页面中任意对象的操作指令及根据操作指令获取被操作对象对应的路径标识符；
[0091]服务器交互模块302，用于根据所述被操作对象路径标识符发送查询请求到服务器及接收服务器返回的查询结果；
[0092]处理模块303，用于将查询结果生成为html结构代码，清空当前页面中所述被操作对象对应于页面结构中的html结构代码，以及，将所述根据查询结果生成的html结构代码填入所述页面结构中。
[0093]可选的，所述前端模块301还用于加载当前页面，获取当前页面的路径标识符，根据当前页面的路径标识符初始化页面的路径导航信息；所述终端300还包括显示模块304，所述显示模块用于显示当前页面内容以及显示新页面内容；所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符；所述处理模块303还用于对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；所述处理模块303还用于对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；以及，将分类结果生成为html结构代码；所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。
[0094]本发明还提供了一种页面加载系统，参照附图4，为本发明提供的页面加载系统的一个实施例的结构示意图。
[0095]所述页面加载系统500，包括:
[0096]服务器400及上述的页面加载终端300 ;所述服务器400包括终端交互模块401及服务器数据库402 ；
[0097]所述终端交互模块401用于响应所述页面加载终端300的查询请求，根据发送的被操作文件路径标识符从所述服务器数据库402中查找被操作对象路径标识符下的文件夹及文件的信息，并将所述文件夹及文件的信息以json格式(或xml格式)返回给所述页面加载终端300。
[0098]下面参照附图2，进一步描述采用所述页面加载终端300或页面加载系统500的页面加载方法。
[0099]所述页面加载方法，包括；
[0100]步骤201:所述前端模块301加载当前页面；
[0101]步骤202:所述前端模块301获取当前页面的路径标识符(例如D盘下的某某文件夹，其路径标识符则为D:\某某文件夹)；[0102]步骤203:所述前端模块301根据当前页面的路径标识符初始化页面的路径导航
信息；
[0103]步骤204:所述显示模块304显示当前页面内容；
[0104]步骤205:所述服务器交互模块302接收针对当前页面中任意对象的操作指令(例如打开某文件夹进到下级目录或者点击导航进入任意上级目录);
[0105]步骤206:所述服务器交互模块302获取被操作对象(例如当前页面中的某一文件夹的图标)对应的路径标识符(这个路径标识符和步骤202中的路径标识符是一个概念，用来区分所要进入的路径，例如可以是要打开的文件夹的id，此处设定每个文件夹的id是不可重复的，所以此id可以作为唯一标识，来区别要进入的路径)；
[0106]步骤207:所述服务器交互模块302根据所述被操作对象路径标识符发送查询请求到服务器400中的终端交互模块401 ；
[0107]步骤208:所述服务器交互模块302接收服务器400中的终端交互模块401返回的查询结果；
[0108]步骤209:所述处理模块303对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；所述文件夹及文件信息中包括文件夹及文件的名称，文件类型、大小、被编辑的时间等等；
[0109]步骤210:所述处理模块303按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；所述默认分类方式可以是按文件夹名称先对文件夹排序，再按照文件类型排序，并对同一文件类型中的文件按大小或被编辑的时间先后排序等等；
[0110]步骤211:所述处理模块303将分类结果生成为html结构代码；这里html结构代码的结构可以根据新页面所需展现的嵌套格式进行定义，可选的为，外层div嵌套内层div,内层div中包含显示图标的div和显示文件名的div ;并且,在显示文件名的div中需要包括所述遍历结果中获取的相应的文件名信息；
[0111]步骤212:所述处理模块303清空当前页面中所述被操作对象对应于页面结构中的html结构代码；
[0112]步骤213:所述处理模块303将所述根据分类结果生成的html结构代码填入所述页面结构中；
[0113]步骤214:所述处理模块303对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化；例如右键、图标的动画效果、文件评论框等操作的初始化；
[0114]步骤215:所述处理模块303加载完成新页面内容，所述显示模块304显示所述新页面内容。
[0115]从上面所述实施例可以看出，采用本发明实施例中所述的页面加载终端或系统，通过替换原有页面结构中的特定变化部分的html结构代码就能更新页面，实现了只更新页面中产生了变化的部分而不用刷新整个页面内容就能更新页面的效果，节省了用户等待程序响应的时间，提高了服务器处理的效率。
[0116]进一步的，通过采用发送ajax查询请求到服务器，缩短了与服务器之间的交互时间，起到了进一步缩短服务器响应时间的作用。
[0117]较佳的，对查询结果进行遍历操作，对查询结果进行分类显示，使得新页面中的内容显示更有层次感，同时显得更加整齐划一，实现了更好的用户体验。[0118]所属领域的普通技术人员应当理解:以上所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
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和显示文件名的div。
8.一种页面加载终端，其特征在于，包括: 前端模块，用于接收针对当前页面中任意对象的操作指令及根据操作指令获取被操作对象对应的路径标识符； 服务器交互模块，用于根据所述被操作对象路径标识符发送查询请求到服务器及接收服务器返回的查询结果； 处理模块，用于将查询结果生成为html结构代码，清空当前页面中所述被操作对象对应于页面结构中的html结构代码，以及，将所述根据查询结果生成的html结构代码填入所述页面结构中。
9.根据权利要求8所述的终端，其特征在于，所述前端模块还用于加载当前页面，获取当前页面的路径标识符，根据当前页面的路径标识符初始化页面的路径导航信息；和/或，所述终端还包括显示模块，所述显示模块用于显示当前页面内容以及显示新页面内容； 和/或，所述根据所述被操作对象路径标识符发送查询请求到服务器的步骤中的查询请求为ajax请求,所述ajax请求中包含所述被操作对象路径标识符； 和/或，所述处理模块还用于对所述新生成的html结构代码所形成的新页面结构进行绑定操作的初始化； 和/或，所述处理模块还用于对查询结果进行遍历操作，获取查询结果中的文件夹及文件的信息；按照文件夹及文件的默认分类方式对所述查询结果中的文件夹及文件进行分类；以及，将分类结果生成为html结构代码； 和/或，所述生成的html结构代码为外层div嵌套内层div ;所述内层div至少包括显示图标的div和显示文件名的div。
10.一种页面加载系统，其特征在于，包括: 服务器及如权利要求8或9所述的终端；所述服务器包括终端交互模块及服务器数据库； 所述终端交互模块用于响应所述终端的查询请求，从所述服务器数据库中查找被操作对象路径标识符下的文件夹及文件的信息，并将所述文件夹及文件的信息以json格式返回给所述终端。
【文档编号】G06F9/445GK103544036SQ201310504032
【公开日】2014年1月29日 申请日期:2013年10月23日 优先权日:2013年10月23日
【发明者】祁丽康, 王东辉, 丁洪震, 吴烜 申请人:北京荣之联科技股份有限公司