[发明专利]一种基于HTML5的数据传输方法及系统

说明书

本发明涉及网络技术领域，具体是涉及一种基于HTML5的数据传输方法及系统。

背景技术

随着网络技术的快速发展，HTML5由于跨平台以及在移动设备上支持多媒体等优点，其应用也越来越广泛。例如，将HTML5技术应用到教学中，促进了传统的课程教学开始向信息化方向发展，学生通过客户端登录教育平台后直接下载老师的授课内容，不但可以实现课件和试卷无纸化，而且老师可以采用视频、音频等方式制作课件，极大地提高了教学效率，也有助于师生互动，创造一个老师方便教、学生乐于学的寓教于乐、富有趣味的智慧课堂。目前，教育平台的服务器布设在广域网或局域网中，客户端浏览器通过获取教育平台的服务器的统一资源定位符(Uniform Resource Locator，URL)来展示HTML5页面，其中，服务器性能和客户端的并发量成为影响教育平台的运行状态的重要因素。当大量客户端访问大容量的HTML5页面时，利用服务器分发HTML5课件、资料、试卷供客户端展示存在不同步、网络延时大、可靠性和稳定性较差的问题。

发明内容

针对现有技术中存在的缺陷，本发明的主要目的在于提供一种基于HTML5的数据传输方法，本发明的另一目的在于提供一种基于HTML5的数据传输系统，通过集中并发的方式实现服务器向多个客户端分发HTML5页面数据，确保HTML5页面数据传输的高可靠性、及时性和同步性。

本发明提供一种基于HTML5的数据传输方法，用于服务器和多个客户端之间传输数据，包括以下步骤：

服务器接收客户端发送的用户连接请求，基于预设的用户判断标准判断合法用户及其权限，所述合法用户的权限包括普通用户权限和高级用户权限，存储合法用户的客户端的地址，并向合法用户发送供用户编辑的HTML5页面所需的静态资源文件；

合法用户的客户端将接收的静态资源文件存入指定目录中，其中，高级用户的客户端调用静态资源文件以加载供编辑的HTML5页面，并将编辑过的HTML5页面上传到服务器；

服务器从高级用户编辑过的HTML5页面中提取高级用户的编辑数据，并将编辑数据集中发送到所有普通用户的客户端；

普通用户的客户端调用静态资源文件和接收到的编辑数据以加载编辑过的HTML5页面。

在上述技术方案的基础上，所述静态资源文件包括JavaScript文件和级联样式表CSS文件。

在上述技术方案的基础上，高级用户的客户端调用静态资源文件以加载供编辑的HTML5页面的方法为：高级用户的客户端将指定目录中的静态资源文件复制到本地缓存区，通过WebView调用静态资源文件以加载供编辑的HTML5页面。

在上述技术方案的基础上，服务器从高级用户编辑过的HTML5页面中提取高级用户的编辑数据包括：

服务器接收客户端发送的用户连接请求，基于预设的用户判断标准判断合法用户及其权限，当判断该用户为高级用户时，接收客户端上传的编辑过的HTML5页面；

对编辑过的HTML5页面进行解析，获取编辑过的HTML5页面的目录结构及其标识信息，剔除所述静态资源文件和冗余数据，获得编辑数据。

在上述技术方案的基础上，服务器通过IP组播或者IP广播将压缩后的编辑数据发送到所有普通用户的客户端。

在上述技术方案的基础上，普通用户的客户端调用静态资源文件和接收到的编辑数据以加载编辑过的HTML5页面包括：

普通用户的客户端将接收到的编辑数据存入本地缓存区并解压缩，将指定目录中的静态资源文件复制到本地缓存区，通过WebView调用静态资源文件和接收到的编辑数据加载编辑过的HTML5页面。

在上述技术方案的基础上，所述数据传输方法还包括：

普通用户的客户端在编辑过的HTML5页面上再次进行编辑，并将再次编辑的HTML5页面上传到服务器；

服务器从普通用户编辑过的HTML5页面中提取再次编辑数据，并将再次编辑数据发送到高级用户的客户端。

本发明还提供一种基于HTML5的数据传输方法，用于教育平台服务器和多个客户端之间传输教学数据，包括以下步骤：

教育平台服务器接收客户端发送的用户连接请求，基于预设的用户判断标准判断合法用户及其权限，所述合法用户的权限包括学生权限和教师权限，存储合法用户的客户端的地址，并向合法用户发送供用户编辑的HTML5页面所需的静态资源文件；