基于HTML5移动电商响应式APP设计.docVIP

基于HTML5移动电商响应式APP设计 摘要 在这个飞速发展的信息时代，电子支付成为人们日常生活的一部分，而移动电商这个主题依旧在发展。由于原生APP(应用)的高额成本等原因，更多的公司放眼于H5-APP(应用)的制作上。H5应用与原生应用相比最大的优势在于跨平台，应用的开发人员无需针对安卓系统或者IOS系统分别进行应用开发，只需要打开目标网页，就能在全平台都适用运行。这样既减少公司在开发电子商务平台时的成本，也为更好地推广提供了便捷。 本文主要提供了一种基于HTML5的移动电商响应式APP的设计思路，目前单单就HTML5而言就有多种开发软件平台，而数据库的创建以及服务器的选择也是多种多样的。本文采用了微软的Visual Studio 2013编写网页前台，SQL SERVER 2012创建相应的数据库，再运用IIS配置网页信息，然后利用花生壳开启相应服务器，使网页能用外网登陆。最后用Hbuilder将目标网页做成APK的形式，可供安卓用户安装并使用。 关键词： HTML5 移动电商 响应式 APP(应用) 前言 在这个飞速发展的信息时代，越来越多的移动上网终端出现在人们的日常生活当中，电子商务也愈加注重移动电商的发展。而如今的移动终端以安卓系统和IOS系统为主要操作系统，占据各半的移动市场，电商公司则需要分别对两大系统进行APP应用的开发，才能获取广大市场空间，然而这样的开发成本颇高。近年来，HTML5的兴起，让移动电商的发展有了新的转机，我们可以通过编写目标网页来替代不同操作系统的APP，用一份开发的成本完成多平台开发的多份成本。而且界面更新优化等均可在服务器端修改，对用户移动端存储的占据量极小。 本文为基于HTML5的移动电商响应式APP设计提供了一条思路，仅限于本科阶段的入门与了解，若要真正商用化，还需更多考量与努力。 整篇文章主要由以下几个方面来讲述： 第一章介绍了HTML5的发展以及响应式设计的大概。 第二章介绍了网页设计的主要界面以及具体的响应式设计操作。 第三章介绍了数据库的需求分析以及表结构等。 第四章介绍了IIS构建内网，配置网页信息，再利用花生壳连接到外网服务器，最后用HBuilder将目标网页做成APK，使安卓用户能安装使用。 第五章总结了全文，并展望了HTML5的发展，移动电商的发展。 第一章 绪 论 1.1 研究背景 伴随着第三次工业革命，现如今社会朝着信息时代发展，人们的生活愈加方便，更加数字化。随着智能手机的普及化，传统的PC机慢慢开始落幕。随着移动设备的更新与发展，各类适应各个移动设备的APP也应运而生。近年来，随着塞班系统的没落以及Android和IOS的迅速发展，逐渐形成了两大系统平台占据大片市场的局面。而在开发APP的时候就要考虑Android和IOS的两种系统的适应情况，对此则需要付出两个团队的开发成本。而如若采用HTML5的网页开发，则能大大降低所需的开发成本。 近年来，我国互联网终端从以PC端为主转变为移动端占据大头，手机已成为第一大上网终端。众多传统互联网业务都提供了移动端的服务，实时通信、在线购物、视频观赏、移动支付等等。移动电商的发展是必然之势，而为了方便各大移动电商的开发，HTML5技术是必不可少的。HTML5语言相对于java等编程语言的最大优势就是不拘泥于单个系统平台，能够跨平台运行。APP应用的开发人员无需针对不同的Android或IOS系统平台进行开发。而在用户方面，无需下载较大的安装包占据手机存储空间，只需要打开一个网址，在任意的系统平台、大部分的浏览器都能成功运行。除了这些优点，由于不需要用户下载安装，就能向大众推广，传播的效果会比原生app好，相应的推广成本也会低很多。 移动互联网的普及带来的是多种多样移动设备的诞生，广义的有手机、平板电脑等，侠义得讲各手机各平板电脑有着不同的品牌厂商，即使是相同的厂商也有不同的型号等等。它们的显示屏有着不同的尺寸大小，屏幕有着不同的分辨率。此时，如果程序开发员为不同尺寸和不同的分辨率分别设计相应的界面，那是相当耗费时间和精力的，承包公司的成本也是巨额的。那么如何让一个页面自适应不同的访问设备，它的界面布局能够根据移动终端的尺寸和分辨率等自己做出相应的调整，从而使界面更加舒畅，增加用户体验。这样的工程可以让页面兼容于所有设备的显示屏的不同尺寸、分辨率，也就意味着只需要一次工程设计就能几乎适应市场上大部分机型的尺寸以及分辨率，给大部分用户的体验是良好的。因此，基于HTML5的响应式Web页面的设计显得尤为重要，既节省了开发人员的时间与精力，也增强了用户的舒适体验。 1.2 国内外