一种从后台服务端处理HTML页面嵌套的方法及系统技术方案

技术编号:13674620 阅读:57 留言:0更新日期:2016-09-07 23:58
本发明专利技术涉及一种从后台服务端处理HTML页面嵌套的方法及系统,其方法包括,浏览器发送请求获得需要嵌套的总页面和子页面;后台根据总页面发送的url请求读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生成document对象;从总页面的信息文件中提取需要嵌套的页面信息并绑定在document对象中,生成新的document对象;将子页面的静态html文件直接插入到新的document对象中,在子页面的信息文件中提取脚本文件的代码并绑定在子页面的静态html文件中配置到新的document对象中;递归执行上述步骤,在后台得到html格式的字符串并返回给浏览器;浏览器将html格式的字符串解析成html页面。本发明专利技术解决了无法在后台服务端处理html嵌套页面,并返回html格式文件的问题。

【技术实现步骤摘要】

本专利技术涉及一种处理HTML页面嵌套的方法及系统,具体的涉及一种从后台服务端处理HTML页面嵌套的方法及系统
技术介绍
从浏览器发送请求开始,发送到后台服务端,服务端做一系列逻辑处理,返回给浏览器一个htm l格式的文档,浏览器能正常解析为一个正常页面。对于其中一个问题是:需要处理html页面嵌套html页面,目前的html嵌套页面的方法一般是使用<iframe src=’include.html’/>和<!--#include file=\myfile.inc\-->的形式,这种形式的页面嵌套是由浏览器进行解析加载的,浏览器无法得到后台服务端一次性返回的带有嵌套页面的数据。
技术实现思路
本专利技术所要解决的技术问题是提供一种从后台服务端处理HTML页面嵌套的方法及系统,由浏览器解析加载改为后台服务器解析加载,解决了无法给浏览器从服务器一次性返回带有嵌套页面的数据的问题。本专利技术解决上述技术问题的技术方案如下:一种从后台服务端处理HTML页面嵌套的方法,包括以下步骤:S1,浏览器向后台服务端发送请求,获得需要嵌套的总页面和子页面,所述总页面和子页面均分别被分离成静态html文件和json格式的信息文件;S2,总页面向后台服务端发送url请求,后台服务端根据url请求来选择读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生
成document对象;S3,从总页面的信息文件中提取需要嵌套的页面信息,并将需要嵌套的页面信息绑定在document对象中,生成新的document对象;S4,将子页面的静态html文件直接插入到新的document对象中,并在子页面的信息文件中提取脚本文件的代码,通过将脚本文件的代码绑定在子页面的静态html文件中,并配置到新的document对象中,完成总页面和子页面的嵌套;S5,递归执行S2至S4,完成所有子页面的嵌套,最终在后台得到html格式的字符串;S6,后台将html格式的字符串返回给浏览器,并告知浏览器以html解析;S7,浏览器将html格式的字符串解析成html页面,并由html页面执行相应的脚本文件的代码。本专利技术的有益效果是:本专利技术一种从后台服务端处理HTML页面嵌套的方法,改变了页面加载其所嵌套页面的方式,由浏览器解析加载改为后台服务器解析加载,工作机理是把html页面拆分成静态页面+元素事件信息,然后在后台服务端分别进行处理、拼装,解决了无法给浏览器从服务器一次性返回带有嵌套页面的数据的问题;此方法解决了无法在后台服务端处理html嵌套页面,并返回html格式文件的问题;并且可以执行页面初始化完成后需要执行的json以完成业务。在上述技术方案的基础上,本专利技术还可以做如下改进。进一步,所述总页面和子页面均在浏览器中分别被分离成静态html文件和json格式的信息文件。进一步,所述html静态文件为去除所有脚本文件代码的html文件。进一步,所述json格式的信息文件中记录的信息包括每个页面中的元
素上配有的事件、处理完事件后的下一步动作和本页面要嵌套的页面信息。进一步,在S4中子页面的信息文件中提取的脚本文件的代码为在后台拼装完成的String类型的脚本文件的代码。进一步,在S4中将脚本文件的代码绑定在子页面的静态html文件中的方法为将脚本文件的代码以bind()函数调用的方法绑定在子页面的静态html文件中。进一步,将绑定有脚本文件的代码的子页面的静态html文件写在子页面主体的上方。采用上述进一步方案的有益效果是:将绑定有脚本文件的代码的子页面的静态html文件写在子页面主体的上方,以便页面加载完成后就能执行。进一步,所述html格式的字符串为string类型,所述html格式的字符串中包含有处理完成的html元素;所述html元素上绑定有脚本文件的代码,且绑定有脚本文件的代码的html元素写在子页面主体的上方。采用上述进一步方案的有益效果是:绑定有脚本文件的代码的htm l元素写在子页面主体的上方,以便页面初始化完毕就能执行。基于上述一种从后台服务端处理HTML页面嵌套的方法,本专利技术还提供一种从后台服务端处理HTML页面嵌套的系统。为实现上述专利技术目的,本专利技术还提供了一种从后台服务端处理HTML页面嵌套的系统,包括服务器和后台服务端,所述浏览器,其用于向后台服务端发送请求,获得需要嵌套的总页面和子页面,所述总页面和子页面均分别被分离成静态html文件和json格式的信息文件;还用于将html格式的字符串解析成html页面,并由html页面执行相应的脚本文件的代码;所述后台服务端包括总页面处理模块、总页面嵌套模块、子页面嵌套模块、递归处理模块和反馈模块,所述总页面处理模块,其用于接收总页面发送的url请求,根据url请求来选择读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生成document对象;所述总页面嵌套模块,其用于从总页面的信息文件中提取需要嵌套的页面信息,并将需要嵌套的页面信息绑定在document对象中,生成新的document对象;所述子页面嵌套模块,其用于将子页面的静态html文件直接插入到新的document对象中,并在子页面的信息文件中提取脚本文件的代码,通过将脚本文件的代码绑定在子页面的静态html文件中,并配置到新的document对象中,完成总页面和子页面的嵌套;递归操作模块,其用于递归依次执行总页面处理模块、总页面嵌套模块和子页面嵌套模块的功能,完成所有子页面的嵌套,最终在后台得到html格式的字符串;所述反馈模块,其用于后台将html格式的字符串返回给浏览器,并告知浏览器以html解析。在上述技术方案的基础上,本专利技术还可以做如下改进。进一步,在所述子页面嵌套模块中,子页面的信息文件中提取的脚本文件的代码为在后台拼装完成的String类型的脚本文件的代码。本专利技术的有益效果是:本专利技术一种从后台服务端处理HTML页面嵌套的系统,解决了无法在后台服务端处理html嵌套页面,并返回html格式文件的问题;并且可以执行页面初始化完成后需要执行的json以完成业务。附图说明图1为本专利技术一种从后台服务端处理HTML页面嵌套的方法的流程图;图2为本专利技术一种从后台服务端处理HTML页面嵌套的方法的原理图;图3为本专利技术一种从后台服务端处理HTML页面嵌套的系统的结构框图。具体实施方式以下结合附图对本专利技术的原理和特征进行描述,所举实例只用于解释本专利技术,并非用于限定本专利技术的范围。如图1和图2所示,一种从后台服务端处理HTML页面嵌套的方法,包括以下步骤,S1,浏览器发送请求,获得需要嵌套的总页面和子页面;S2,总页面向后台发送url请求,并在后台根据url请求来选择读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生成document对象;S3,从总页面的信息文件中提取需要嵌套的页面信息,并将需要嵌套的页面信息绑定在document对象中,生成新的document对象;S4,将子页面的静态html文件直接插入到新的document对象中,并在子页面的信息文件中提取json信息,并通过将json信息绑定在子页面的静态html文件中配置到新的docume本文档来自技高网
...

【技术保护点】
一种从后台服务端处理HTML页面嵌套的方法,其特征在于:包括以下步骤:S1,浏览器向后台服务端发送请求,获得需要嵌套的总页面和子页面,所述总页面和子页面均分别被分离成静态html文件和json格式的信息文件;S2,总页面向后台服务端发送url请求,后台服务端根据url请求来选择读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生成document对象;S3,从总页面的信息文件中提取需要嵌套的页面信息,并将需要嵌套的页面信息绑定在document对象中,生成新的document对象;S4,将子页面的静态html文件直接插入到新的document对象中,并在子页面的信息文件中提取脚本文件的代码,通过将脚本文件的代码绑定在子页面的静态html文件中,并配置到新的document对象中,完成总页面和子页面的嵌套;S5,递归执行S2至S4,完成所有子页面的嵌套,最终在后台得到html格式的字符串;S6,后台将html格式的字符串返回给浏览器,并告知浏览器以html解析;S7,浏览器将html格式的字符串解析成html页面,并由html页面执行相应的脚本文件的代码。

【技术特征摘要】
1.一种从后台服务端处理HTML页面嵌套的方法,其特征在于:包括以下步骤:S1,浏览器向后台服务端发送请求,获得需要嵌套的总页面和子页面,所述总页面和子页面均分别被分离成静态html文件和json格式的信息文件;S2,总页面向后台服务端发送url请求,后台服务端根据url请求来选择读取总页面的信息文件,同时将总页面的静态html文件读入内存,并生成document对象;S3,从总页面的信息文件中提取需要嵌套的页面信息,并将需要嵌套的页面信息绑定在document对象中,生成新的document对象;S4,将子页面的静态html文件直接插入到新的document对象中,并在子页面的信息文件中提取脚本文件的代码,通过将脚本文件的代码绑定在子页面的静态html文件中,并配置到新的document对象中,完成总页面和子页面的嵌套;S5,递归执行S2至S4,完成所有子页面的嵌套,最终在后台得到html格式的字符串;S6,后台将html格式的字符串返回给浏览器,并告知浏览器以html解析;S7,浏览器将html格式的字符串解析成html页面,并由html页面执行相应的脚本文件的代码。2.根据权利要求1所述的一种从后台服务端处理HTML页面嵌套的方法,其特征在于:所述总页面和子页面均在浏览器中分别被分离成静态html文件和json格式的信息文件。3.根据权利要求2所述的一种从后台服务端处理HTML页面嵌套的方法,其特征在于:所述静态html文件为去除所有脚本文件的代码的html文件。4.根据权利要求2所述的一种从后台服务端处理HTML页面嵌套的方法,其特征在于:所述json格式的信息文件中记录的信息包括每个页面中的元素上配有的事件、处理完事件后的下一步动作和本页面要嵌套的页面信息。5.根据权利要求1至4任一项所述的一种从后台服务端处理HTML页面嵌套的方法,其特征在于:在S4中子页面的信息文件中提取的脚本文件的代码为在后台拼装完成的String类型的脚本文件的代码。6.根据权利要求1至4任一项所述的一种从后台服务端处理HTML页面嵌套的方法,其特征在于:在S4中将脚本文件的代码绑定在子页面的静态html文件中的方法为将脚本文件的代码以bind()函数调用的方法绑...

【专利技术属性】
技术研发人员:姜希龙
申请(专利权)人:北京思特奇信息技术股份有限公司
类型:发明
国别省市:北京;11

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

1