HTML5基于WEB的电商网站用户端APP开发(2)

3.1.6 订单管理 13 3.2 基于WEB的电商网站用户端APP功能设计与实现 14 3.2.1 移动应用微信登录 14 3.2.2 APP框架内的WEB调用 16 3.2.3 商品展示 17 3.2.4 下单实现 20 3


3.1.6 订单管理 13

3.2 基于WEB的电商网站用户端APP功能设计与实现 14

3.2.1 移动应用微信登录 14

3.2.2 APP框架内的WEB调用 16

3.2.3 商品展示 17

3.2.4 下单实现 20

3.2.5 订单管理 21

4 系统运行与测试 23

5 总结与展望 26

结论  27

致谢  28

参考文献29

1. 引言

近年来,智能终端已在世界范围内占据极其重要的地位,基于智能终端的移动应用越来越繁杂多样,应用程序早已不再是传统PC平台的专有属性。而且,移动设备的发展将成为改变传统计算机的一个必然趋势,移动设备不仅仅是智能手机和传统的音乐播放器,更重要的是平板电脑及一些今天看来依然不具有移动性的设备。移动设备的数量将远超如今台式机的数量。可以预见在CPU性能和无线互联网WiFi高速发展的情况下,手机未来将会超越PC,成为我们的信息处理中心。通过Apple IOS和Google Android 的发展可看出,未来的移动计算领域注定将以更开放的形态进行发展。开发开源化的结果,也将会引起开发技术的高速更新,应用的更加多样,对人们的生活产生更加巨大的影响,加速智慧世界智能生活的完全实现。

1.1 Web App应用背景

App是英文单词“Application”的缩写,即运行在智能手机上的应用。App拥有许多特点。首先,App安装在移动设备上,使用方便,便于营销;第二,它融入了品牌元素,可以是品牌的一个具体体现,用户可以通过它享受到和某品牌相关的服务和最新资讯;此外,App是与互联网相连接的,可以随时更新数据,提升用户体验。

由开发模式的不同,App又被分为Native App(又叫做传统、原生App)和Web App。Native App在开发时,针对Android、iOS等不同的手机操作系统需要使用不同的开发语言和开发框架。这种开发模式通常是由“云服务器数据+APP应用客户端”两部分构成,App中包含的所有的UI元素、数据内容、逻辑框架均安装在移动终端上。Web App则是使用一种框架型App开发模式(HTML5+App框架)进行开发,这种开发模式具有跨平台的优势,通常由“HTML5云网站+App应用客户端”两部分构成。App应用客户端只需要安装应用的框架部分,而应用所需的数据则是在用户每次打开App时,从云端取数据呈现给用户。

   从用户体验方面来看,Native App的安装包相对较大,每次获取最新的App功能时都需要更新客户端。但是,Native App在用户未连网的情况下依旧可以使用,并且与设备硬件的交互也相对更好。Web App的安装包仅包含框架文件,所以相对较小。用户在每次打开App时都要通过App框架向云端请求UI和数据。因此,移动端用户无法上网时无法访问App中的数据,但同时,用户每次正常使用时都可以享受到实时最新的云端数据。

从开发者的角度来看, Native App的开发过于繁琐。在种操作系统上开发原生APP都需要建立独立项目,并使用独立的开发语言。例如Android的JAVA、 iOS的Objective-C,以及Windows Phone的Visual C++。而Web App因为运行在移动设备的浏览器上,所以只需要一个开发项目,而这个项目可以使用HTML5,CSS3,JavaScript以及服务器端语言(PHP,Ruby,Python)来完成。另一方面,Native App在开发时需要使用各自的软件开发包,开发工具,以及各自的控件,而Web App则没有标准的SDK,PhoneGap等跨平台开发工具都可任意选择。

1.2  目前支持Web App的各种框架与平台

(1)Sencha Touch

Sencha Touch是世界上第一个支持HTML5和CSS3标准的移动应用框架。我们可以用HTML5来编写音频和视频组件,还可以使用LocalStorage Proxy来存储离线数据,同时,大量CSS3样式表提供了创建健壮样式层的可能。