基于Vaadin的Web,App开发.docx

基于Vaadin的Web,App开发HYPERLINK"https://m.zqwdw.com/wenku/jingjimaoyi/2020/0918/734728.html"打开文本图片集摘要：移动互联网的发展和HTML5标准的出现，为App的开发提供了一种新的解决方案，基于移动设备上的浏览器运行的WebApp。Vaadin是一个结合HTML5的Javaweb应用程序开发框架。Vaadin框架提供一组专门为移动设备优化的TouchKit组件，可以创建移动用户界面。该文介绍通过使用TouchKit开发移动WebApp。关键词：WebApp；Vaadin；Touchkit中图分类号：TP393文献标识码：A文章编号：1009-3044（2015）03-0045-02MobileWebAppDevelopmentBasedonHTML5MAXue-shan（KaramayVocationalandTechnicalCollege，Karamay834000，China）Abstract：WiththedevelopmentofmobileInternetandtheemergenceofHTML5，thereisanewsolutionforAppdevelopment，whichisrunningtheWebApponthemobileWebbrowser.VaadinisaJavawebapplicationdevelopmentframework.VaadinprovidesasetofTouchKitcomponentsthatspeciallyoptimizedformobiledevices，whichcancreatemobileuserinterface.ThispaperintroducesawaytodevelopmobileWebAppwiththeTouchKit.Keywords：WebApp；Vaadin；TouchkitApp（Application），是指智能手机的第三方应用程序，在智能手机、平板电脑等其他移动设备上运行的应用程序，作为移动设备功能上的扩展。当前，在智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的NativeApp（原生应用）；一种是基于移动设备上的浏览器运行的WebApp。App的产生与发展是依赖于移动设备的，随着智能手机的普及，尤其是自iOS和Android这两个手机操作系统的快速发展，App的发展进入了一个新的阶段，基于本地（操作系统）运行的NativeApp（原生应用）开始流行，NativeApp能够充分智能手机的功能，带来良好的人机互动的体验，支持本地资源访问，速度快。但是NativeApp不能跨平台使用，开发难度大、成本高。移动互联网的发展和HTML5标准的出现，为App的开发提供了一种新的解决方案，开发基于移动设备上的浏览器运行的WebApp。WebApp综合了App和Web的特点，使用HTML、CSS以及JavaScript技术开发移动应用，可以轻松的实现跨平台，开发者无需在考虑复杂的设备兼容和跨平台开发语言的问题。结合HTML5，WebApp可以实现很多原本NativeApp才可以实现的功能。从而使得开发难度和成本都大大降低。本文将介绍一种Javaweb应用程序开发框架Vaadin，研究通过使用本框架来开发移动WebApp。1Vaadin的介绍Vaadin是一个结合HTML5的RIA（RichInternetApplications富互联网应用）的Javaweb应用程序开发框架，由位于芬兰的ITMill公司开发，用来构建满足大型企业需求的Web应用程序。通过使用Vaadin框架，开发者可以很容易的创建和维护高质量的web用户界面，减少开发时间，提高用户体验，增加开发的效率。类似于开发Java传统桌面应用程序中的工具包如AWT、Swing或SWT，Vaadin在编写用户界面时使用纯Java语言开发，并且更加容易，使开发人员可以忘记这是在开发Web应用。Vaadin充分使用了AJAX技术，用其开发的浏览器应用界面可以和桌面应用程序一样响应和互动。<E：＼电脑第3期1月＼电脑第3期知网＼2xs03＼Image＼image14.png>图1“Vaadin应用程序架构”它是一个纯Java开发环境，除了服务器端使用Java开发应用程序，在客户端开发者也使用Java语言开发。Vaadin客户端框架包括GoogleWebToolkit（GWT），它提供了从Java语言编译成在浏览器中运行的JavaScript程序，以及一个全功能的用户界面框架。相比传统的web开发，开发人员更专注于业务逻辑的开发，尽管Vaadin底层采用了HTML，JavaScript，AJAX