基于websocket与senchatouch移动web应用设计和实现

《基于websocket与senchatouch移动web应用设计和实现》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于WebSocket与SenchaTouch移动Web应用设计和实现　　摘要：移动Web应用迅猛发展，对系统的响应速度要求更高，同时要降低数据传输量，以便减少话费支出。传统的WebHTTP工作模式，由于在请求和响应中附加大量数据，难以满足移动用户需求。该文结合了移动Web框架SenchaTouch和WebSocket技术，设计实现了全新模式的移动Web应用，克服了普通Web的缺点，提升了系统的性能。关键词：SenchaTouch；WebSocket；Spring；Hibernate中图分类号：TP393.09文献标识码：A文章编号：1009-3044（2014）0

2、5-0942-04MobileWebAppDesigningandImplementingBasedonSenchaTouchandWebSocketLVHai-dong（CityInstituteDalianUniversityofTechnology，Dalian116600，China）Abstract：WiththerapiddevelopmentofmobileWebapplication，theresponsespeedofthesystemrequirementsarehigher，atthesametimetoreducetheamountofdat

3、atransmission，inordertoreduce11thecostofexpenditure.IntraditionalWebHTTPmode，duetoadditionalamountsofdataintherequestandresponse，itisunabletomeettheneedsofmobileusers.ThispapercombinesthemobileWebframeworkSenchaTouchandWebSockettechnology，designandimplementationofmobileWebapplicationof

4、newmode，overcomesthedrawbacksofconventionalWeb，improvingsystemperformance.Keywords：SenchaTouch；WebSocket；Spring；Hibernate随着智能手机和平板电脑的普及，移动Web开发成为发展最快的领域，各种移动Web框架如雨后春笋层出不穷，SenchaTouch就是众多框架中的佼佼者。它是基于HTML5的移动应用JavaScript框架，可以让Web应用界面模拟原生应用。其具有优美用户界面组件和丰富的数据管理，完全使用标准HTML5和CSS3，全面兼容Androi

5、d，iOS及其他移动设备。SenchaTouch与其他移动框架比较，是个较重量级的移动Web应用框架，由于其对触摸屏丰富的UI设计，支持用户复杂交互，并使用纯JavaScript实现页面元素布局，因此适合用于开发业务逻辑比较复杂的移动Web应用，如交互较多的OA系统，ERP管理系统等。但在与服务器端的数据交互过程中，Sencha11Touch依然使用传统的HTTP请求响应模式的AJAX技术，难以实现数据的快速响应和显示。由于每次AJAX的HTTP请求和响应中依然包含大量重复的头信息，致使数据传输量增加，不但降低应用的响应速度，而且会导致用户话费的损失以及手机电源的损

6、耗。HTML5的WebSocket规范的提出，将彻底取代现有的AJAX技术，抛弃了原有Web应用的请求/响应模式，取而代之的是客户和服务器的双向实时数据传输，极大提高了数据传输效率，使得移动Web应用可以与原生应用相媲美。该文结合SenchTouch和WebSocket开发出高效的Web应用系统，为突出重点，只重点介绍二者整合，即实现数据的实时查询和更新。1系统设计此移动Web应用是将某中型电子产品销售企业的原有进销存Web应用扩展到移动终端，使得公司的业务人员可以随时随地进行业务处理，尤其是通过WebSocket技术，将所有数据实时推送到手机客户端，实现公司业务处

7、理高效快捷。在开发过程中无论是数据输入和查询，都通过WebSocket实现客户端和服务器端的双向实时通讯。系统依然采用传统的MVC模式，服务端采用JavaEE整合Hibernate4，Spring4，数据库采用MySQL5.5，Web服务器采用Sun11GlassFish4.0。其中GlassFish4和Spring4都提供了WebSocket服务器的编程支持。客户端完全采用SenchaTouch2.3，由于其是基于HTML5的JS框架，可以无缝集成WebSocket的异步编程模式。整个系统的总体架构参见图1所示。服务器端由Hibernate担任持久层职责，实现