Sencha Touch具有非常完整的UI组件和布局方案。它能够给用户提供非常接近于原生APP的体验感。对开发者来说,它有统一的代码结构和要求,非常便于维护。
Sencha Touch具有非常完整的UI组件和布局方案。它能够给用户提供非常接近于原生APP的体验感。对开发者来说,它有统一的代码结构和要求,非常便于维护。
(2)JQuery Mobile
JQM是一种创建移动Web应用程序的框架。它对终端的适用性极广,并使用了HTML5和CSS3通过尽可能少的脚本对页面进行布局。
JQM几乎兼容所有的浏览器和平台。而且它入门简单,语法简洁,编码灵活。一些简单的应用能够在不使用JS的情况下用HTML语言直接实现。除此之外,其丰富的开源插件,接口文档,demo和第三方扩展资源都能够大大提高开发效率。
(3)JQ.Mobi
JQ.Mobi是JQuery的部分重写版本,专门针对HTML5和移动设备做出了优化。他的文件大小只有3KB,而JQuery则有35KB,并且根据JSPert test的数据,它在Android上要比JQuery快三倍,在iOS上快2.2倍。JQ.Mobi只包含JQuery的子集,也就是appMobi认为给iOS和Android提供完全相同用户体验最重要的部分。
(4)ionic
Ionic是一个专注于Web开发技术,基于HTML5创建类似于手机平台原生App的一个开发框架。绑定了Sass和AngularJS。Ionic是一个轻量级框架,完美融合了下一代移动框架,支持AngularJS的特性,MVVM,代码易维护。它提供了许多UI组件来帮助开发者开发强大的应用。目前已经成为一个较为成熟的开发框架。
1.3 移动端APP开发流程
(1)服务器端实现
服务器端设计在一个移动项目开发过程中是非常重要的。只有服务器端将用户所需的数据准备完成,客户端才有可能去显示。
数据库开发分为逻辑结构设计和物理结构设计两大部分。逻辑结构设计是对数据库实体属性,E-R图以及数据库存储结构的设计;物理结构的设计就是在MySQL中创建相应的数据库表,对数据进行录入存储。最后将数据库与后台服务器相连接。
(2)客户端实现
客户端的实现包括框架的搭建,界面和素材的设计,界面跳转的设计以及模块类的实现。其中需要注意的是,界面跳转需要适量,这是影响用户体验的重要指标之一。
模块类则要依据需求分析文档中列出的功能模块在项目中分别建立对应文件或文件夹,然后分别进行设计和实现。
(3)网络数据读取接口
网络数据读取接口由服务器端提供,包括网址和需要的参数等。客户端通过发送相应的参数请求来从服务器端取得返回结果,并呈现在用户面前。
(4)编译打包及测试
Android端的移动应用需要在项目中打包签名生成APK文件。iOS端应用则需要打包为ipa文件。编译打包完成后则对该版本进行测试,在不断的测试评审和代码重构、优化和调试中完善应用。
(5)发布上线
在应用不断完善的过程中,bug是不可能被完全清除的。当应用能够达到开发者要求时就可以在商店中发布上线。Android上应用的发布相对较为简单。iOS上的应用则由于审核严格而麻烦些。
1.4 Web App开发对于电商平台的意义
本课题使用HTML5云网站+APP客户端框架模式开发基于电商网站的移动端应用。电子商务是一个具有极大发展潜力的市场。它灵活便捷的特点将给社会经济带来极大的的积极影响,促进社会生产力的发展。
随着HTML5的更新,它在移动端相对较低的开发成本及其的、强大的跨平台能力让越来越多的信息型产品开始选择轻量级的H5页面进行快速迭代。现在早已过了原生App的红利时期,大家下载应用的热情大减,况且App在应用市场推送的成本也极高,web的优势就体现了出来。
Web App的开发周期相对较短,功能简单,没有安装成本,天生跨平台。而电商平台的数据、内容更新较多,数据存放在云端的Web App更利于维护。用户在使用时也仅需在每次打开App时从云端获得最新的数据来浏览,无需频繁更新客户端,大大提高用户使用的便捷性。因此,电商应用选择Web App开发模式具有极大的积极意义。