移动Web开发实践之旅.ppt
《移动Web开发实践之旅.ppt》由会员分享,可在线阅读,更多相关《移动Web开发实践之旅.ppt(19页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、移动移动Web开发社区开发社区移动Web开发实践之旅 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望移动移动Web开发社区开发社区内容提纲移动移动Web开发和调试工具介绍开发和调试工具介绍jQueryMobile 和和 SenchaTouch2实例演示实例演示移动移动Web发展机遇和技术优势发展机遇和技术优势移动移动Web开发框架分析和选择开发框架分析和选择移动移动Web技术资源和前景展望技术资源和前景展望移动移动Web开发社区开发社区v传统网站面临的挑战随着手机
2、和平板电脑普及,传统信息类和电子商务网站因市场需求向移动端转移。这面临着挑战,传统网站在终端不能很好的适应,需要做移动站点;客户端应用由于Android、IOS等多种平台存在,开发、维护成本高。v机遇与挑战并存移动Web技术,利用浏览器、HTML5、JavaScript跨平台特性,提供通用的解决方案。一次编码,可以做为移动站点支持手机和平板电脑,包装成客户端应用支持Android、IOS等主流平台。v移动Web技术优势通用性,移动站点、跨平台的客户端应用提供统一的解决方案。较低的开发和维护成本,因为您只需要一次编码。v移动Web技术目前适合场景 以信息为主的应用,不适合对性能要求过高的产品。移
3、动移动Web发展机遇和技术优势发展机遇和技术优势 之需求分析移动移动Web开发社区开发社区Web移动站点(手机、平板电脑)客户端应用(Android、IOS)客户端应用(其他平台)移动移动Web发展机遇和技术优势发展机遇和技术优势 平台示意图移动移动Web开发社区开发社区移动移动Web开发框架分析和选择开发框架分析和选择v以移动Web开发客户端为例,整体架构如下:UI层负责页面布局,可自行实现或使用现有框架,框架优美之处在于封装常用布局和公共组件,开发者只需关注业务逻辑,推荐框架jQueryMobile和SenchaTouch。移动中间件,处于UI层和终端系统之间,封装各系统差异,提供统一的J
4、avaScript接口,操作系统资源,如:文件系统、摄像头等,推荐PhoneGap。终端系统,处于整个应用的最底层,除非需要扩展PhoneGap接口,否则开发者可以不关心。之总体架构UI层层移动中间件移动中间件终端系统终端系统jQueryMobileSencha TouchPhoneGapAndroid、IOS移动移动Web开发社区开发社区移动移动Web开发框架分析和选择开发框架分析和选择 之jQueryMoble介绍vjQueryMobile 支持较多平台:建立在jQuery框架之上,为其跨平台能力提供良好的基础。支持较好的平台有:Apple IOS 3.2-5.0Beta、Android
5、2.1-2.3、windows phone7、Blackberry、Firfox Mobile、Chrome Desktop 11-13 等,请参照官网。v布局自适应手机、平板电脑和PC。v结合PhoneGap,可生成跨平台移动客户端。v较丰富的组件支持,官方组件演示链接。移动移动Web开发社区开发社区移动移动Web开发框架分析和选择开发框架分析和选择 之jQueryMoble典型布局vjQueryMobile 典型的页面布局根据data-role属性做组件渲染,page包含head、navbar、content,page 为显示设备可视区域的一屏,多个page可以放在一个页面或一个独立的HT
6、ML页面。v开源项目参考 示例代码和界面为“移动Web开发社区”开源项目。请点击链接查看源代码。移动移动Web开发社区开发社区移动移动Web开发框架分析和选择开发框架分析和选择 之jQueryMoble事件和数据加载vjQueryMobile 提供事件监听机制,在页面创建或显示时,提供回调函数。如下面的示例代码,在分类页面创建时,用JSONP方式从服务器端,取回数据,然后填充页面内容。v 也可用JSP、PHP等语言,在服务端打印内容。移动移动Web开发社区开发社区移动移动Web开发框架分析和选择开发框架分析和选择 之Sencha Touch 2vSencha Touch对于开发者而言,可简单认
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 Web 开发 实践
限制150内