基于HTML5的O2O团购平台的设计与实现
发布时间：2019-03-19 11:01
【摘要】：随着科技发展和计算机技术的日益创新，人类已经完全步入了移动互联网时代，智能终端已经逐渐取代电脑成为人们日常生活中主要的上网设备。它带来的是完全截然不同的用户体验和使用场景，同时也促进了移动互联网应用的发展，Android和IOS等操作系统上的应用数量也呈现井喷式的增长。但是各个操作系统之间的差异性造成了每个系统都维护了自己的生态环境，Android系统上的应用无法运行在IOS系统上，同理IOS也是如此。这样给移动应用开发者造成了大量的重复劳动，需要针对各个移动操作系统做重复开发，增加了开发成本。 与此同时，由W3C制定和普及的协议：HTML5走进了大家的视野，它是超文本标记语言(HTML)协议的升级版本，凭借着优秀的跨平台和终端，适配多种移动设备，基于浏览器运行无需安装和升级的特点成为了移动互联网应用开发比较好的解决方案。 首先对HTML5的各种特性以及需要使用的相关技术进行了简要介绍，接下来使用HTML5及相关技术来设计并实现一个O2O团购平台的移动应用。该应用是基于手机浏览器的一个跨平台的web-app。客户端使用HTML5+CSS+JavaScript来实现，利用HTML5的新特性调用手机操作系统的底层API来达到跟native-app一样的用户体验，使用JavaScript和CSS实现良好的视觉效果，例如调用设备GPS来获取用户地理位置信息，，多媒体支持及其他硬件功能。服务器端使用Java来实现，底层使用struts作为MVC框架，spring做依赖注入并结合hessian来调用远程RPC服务获取数据。这样各平台上的用户只需要使用手机浏览器访问我们应用的网址就可以使用该应用，达到了跨平台免安装，一次部署到处运行的效果。
[Abstract]:With the development of science and technology and the innovation of computer technology, human has stepped into the era of mobile Internet. Intelligent terminal has gradually replaced the computer as the main Internet device in people's daily life. It brings a completely different user experience and usage scenario, but also promotes the development of mobile Internet applications. The number of applications on operating systems such as Android and IOS also shows a blowout growth. However, the differences among different operating systems cause each system to maintain its own ecological environment. The application of Android system can not run on IOS system, and the same is true of IOS. This causes a lot of repetitive work for mobile application developers, and it needs to be developed repeatedly for each mobile operating system, which increases the development cost. At the same time, the W3C-developed and popular protocol: HTML5 has come into view, it is an updated version of the Hypertext markup language (HTML) protocol, with excellent cross-platform and end-to-end, adapt to a variety of mobile devices, Browser-based operation without installation and upgrade has become a better solution for mobile Internet application development. Firstly, the characteristics of HTML5 and the related technologies are introduced briefly. Then, a mobile application of O2O group purchase platform is designed and implemented by using HTML5 and related technologies. This application is a cross-platform web-app. based on mobile browser. The client uses HTML5 CSS JavaScript to implement, utilizes the new features of HTML5 to call the underlying API of the mobile operating system to achieve the same user experience as native-app, and uses JavaScript and CSS to achieve a good visual effect. For example, call device GPS to obtain user geolocation information, multimedia support and other hardware functions. The server side is implemented by Java, the bottom layer uses struts as MVC framework, spring makes dependency injection and uses hessian to invoke remote RPC service to obtain data. In this way, users on each platform only need to use mobile browser to visit the web address of our application, which achieves the effect of cross-platform installation-free, one-time deployment running everywhere.
【学位授予单位】：华中科技大学
【学位级别】：硕士
【学位授予年份】：2014
【分类号】：TP393.092;TP311.52
本文编号：2443461
[Abstract]:With the development of science and technology and the innovation of computer technology, human has stepped into the era of mobile Internet. Intelligent terminal has gradually replaced the computer as the main Internet device in people's daily life. It brings a completely different user experience and usage scenario, but also promotes the development of mobile Internet applications. The number of applications on operating systems such as Android and IOS also shows a blowout growth. However, the differences among different operating systems cause each system to maintain its own ecological environment. The application of Android system can not run on IOS system, and the same is true of IOS. This causes a lot of repetitive work for mobile application developers, and it needs to be developed repeatedly for each mobile operating system, which increases the development cost. At the same time, the W3C-developed and popular protocol: HTML5 has come into view, it is an updated version of the Hypertext markup language (HTML) protocol, with excellent cross-platform and end-to-end, adapt to a variety of mobile devices, Browser-based operation without installation and upgrade has become a better solution for mobile Internet application development. Firstly, the characteristics of HTML5 and the related technologies are introduced briefly. Then, a mobile application of O2O group purchase platform is designed and implemented by using HTML5 and related technologies. This application is a cross-platform web-app. based on mobile browser. The client uses HTML5 CSS JavaScript to implement, utilizes the new features of HTML5 to call the underlying API of the mobile operating system to achieve the same user experience as native-app, and uses JavaScript and CSS to achieve a good visual effect. For example, call device GPS to obtain user geolocation information, multimedia support and other hardware functions. The server side is implemented by Java, the bottom layer uses struts as MVC framework, spring makes dependency injection and uses hessian to invoke remote RPC service to obtain data. In this way, users on each platform only need to use mobile browser to visit the web address of our application, which achieves the effect of cross-platform installation-free, one-time deployment running everywhere.
【学位授予单位】：华中科技大学
【学位级别】：硕士
【学位授予年份】：2014
【分类号】：TP393.092;TP311.52
【参考文献】
相关期刊论文 前10条
1 刘华星;杨庚;;HTML5——下一代Web开发标准研究[J];计算机技术与发展;2011年08期
2 钱宇虹;;浅析Comet技术在Java Web实时系统开发中的应用[J];软件工程师;2010年04期
3 许剑超;;为HTML5早做准备[J];程序员;2010年03期
4 冀庆斌;靳祯;;基于智能客户端技术的系统升级及应用[J];中北大学学报(自然科学版);2010年01期
5 刘维中;;基于AJAX及其框架技术开发WEB应用[J];中国科技信息;2009年01期
6 张炎滨;王亮;;国内移动终端市场发展现状及趋势[J];现代电信科技;2007年10期
7 董立波;黄玉霞;杨珍;;ORM技术研究[J];软件导刊;2007年09期
8 王钱;王蓉;张利;;基于iBatis的通用数据持久层的研究与设计[J];微计算机信息;2007年12期
9 刘克;;MVC架构及其在Web应用开发中的应用[J];计算机应用与软件;2006年07期
10 古全友;王恩波;胥昌胜;;AOP技术在J2EE系统构建中的应用[J];计算机技术与发展;2006年04期
本文编号：2443461
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/2443461.html
