基于HTML5材料数据平台离线技术研究与开发.docVIP

基于HTML5材料数据平台离线技术研究与开发 　　摘 要：当前材料数据存取量级增加，为解决当前平台性能问题，更快速的存取数据，提高客户的体验度，HTML5是由W3C发布的新一代HTML标准，强化网页层面的表现性能，并创建很多API接口，并利用这些接口，实现材料数据平台的离线存储技术，即节约网络资源，又提高系统的缓存技术，增强系统的鲁棒性，实现材料数据管理系统的本地化存储功能，进一步提高材料管理系统的性能，丰富材料数据管理平台的多形式化处理技术，提高服务水平。 　　关键词：HTML5；离线存储；材料数据；IndexDB索引数据库；WebSocket技术 　　中图分类号：TP393.09 　　Web应用目前是一种基于B/S模式，或基于网页浏览器的应用程序，随着Web应用新技术的迅速发展，Web应用在运行机制上脱离了传统C/S模式的客户端安装和不定时客户端升级的障碍。Web应用当前的运行模式，也基本上能达到C/S模式的用户体检及交互的满意度，当前Web应用高度依赖于网络的畅通，如果网速较慢，网页浏览系统的应用性能就非常低，这种障碍和挑战抨击着Web应用的技术。随着问题的出现，信息技术也迅速发展，HTML5技术的出现，为Web应用系统因网络问题出现体验度差的问题得到了有力的解决路线。 　　随着汽车行业的蓬勃发展，当前基于环保这个大环境下的要求与影响，人们对汽车产品环保问题的关注明显增强，如何环保而又经济的处理报废汽车，促进汽车行业的可持续发展已成为全世界汽车行业关注的热点，同时有关废弃物管理的各项法规也逐步严格，目前针对车用材料也加强管控，材料数据与日俱增，系统对数据的要求的处理能力也越来越大，基于当前系统引入HTML5技术。利用HTML5标准的“离线 Web应用程序”与“客户端数据存储”两大特点，因此，用户可在客户端设备上使用云功能，使用部署在本地数据库上的应用程序来工作，当再次上线时与云的其他部分共享数据。 　　1 HTML5离线相关技术 　　Web应用的本地存储技术经历了几个发展历程，如下图1中可以详细地了解Web应用的本地存储技术的发展历程。 　　索引数据库技术就是利用键值对的方式存储对象的，目前材料系统中出现的复杂对象的存储可采用索引数据库技术中的这种键值对存储方式实现复杂对象的存储。材料系统中利用键来存储复杂对象的属性值，并且在材料数据中也可利用索引进行快速检索这些对象的属性。索引数据库IndexedDB主要建立在交互数据库模型基础之上的。材料数据系统在索引数据库IndexedDB中进行的一系列操作，比如，索引、表、游标等操作，这些操作都会关联一个交互操作transaction，主要定义交互的生存时间与结束时抛出的事件，这样就是实现了的处理材料数据系统应用程序在不同的网页窗口中的互操作[9]。 　　1.2 WebSocket技术 　　WebSocket技术作为HTML5中最强大的通信功能，实现了一个全双工通信信道，通过Web上的一个Socket即可实现通信。在材料数据管理平台中使用的是能够实现即时的全双工通信的WebSocket服务器推送技术。WebSocket服务器推送技术不仅能实现浏览器到服务器的通信，更加重要的是它能够在服务器端信息发生改变的时候，主动的将这些发生改变的信息推送到浏览器端，实现信息的即时更新。 　　2 材料数据管理平台系统的架构设计 　　材料数据管理平台是一个基于B/S模式的企业应用级的数据管理系统，本系统的网络部署采用单服务器模式，通过网络及相关设备实现网络通信，应用服务器与数据库服务实现独立部署，系统网络部署如图2所示。 　　第一步，Web浏览器将HTTP请求发送给Web服务器，第二步，Web服务器针对HTTP请求进行响应，第三步，Web数据库中间件与远程数据库之间通过数据库接口建立连接，第四步，连接完成后服务器从远程数据库中取出数据，第五步，服务器将从远程数据库中获取的数据返回到浏览器端。 　　3.2 远程材料数据库存储至IndexedDB数据库 　　浏览器获取远程材料数据库，会存储到浏览器端的本地索引数据库IndexedDB中。主要分为以下几个步骤： 　　（1）创建本地材料索引数据库。 　　（2）定义系统变量，存储来自服务器中获取的数据。 　　（3）取出数据后，接着分别创建三个表，存储远程Oracle数据库中读取的数据。 　　（4）创建表索引，方便快速查询。 　　（5）将服务器端返回给浏览器的数据依次存入本地索引数据库中。 　　通过上述五步流程，即可实现将远程Oracle数据库中的表信息取出并存储到浏览器端的本地索引数据库IndexedDB中这一功能。 　　3.3 本地数据库中数据读取与存储 　　在本材料数据管理平台中材料数据表单的录入模块，非离