最新版移动Web开发框架Dojo Mobile 1.7入门

移动 Web 使用量正呈指数型增长。随着更多的人习惯于使用智能手机或其他移动设备浏览 Web,针对那些为了实现移动版本而进行优化的网站和 Web 应用程序的需求在增加。由于平台数量越来越多(iOS、Android、Blackberry OS、webOS、Windows Phone、Symbian、Bada 等),很难开发针对多个移动操作系统的原生应用程序。

因此,人们迫切需要开发移动 Web 应用程序的工具包。几个主要的 JavaScript 框架(Dojo、jQuery 和 Sencha)很快提供了完全感知触摸屏的框架。通过与 PhoneGap 等原生编译工具包相结合使用,这些框架可以为原生开发提供出色的替代方法。Web 开发人员可以使用他们已熟悉的语言和框架构建原生应用程序,然后相对容易地将这些应用程序部署到许多平台上。

在本文中,我们将了解 Dojo Mobile,它是 Dojo Toolkit 的扩展。我们会先研究移动 Web 与原生应用程序之间的区别,然后通过示例了解如何在应用程序中包含和使用 Dojo Mobile 小部件。还要了解如何使用 PhoneGap 构建原生应用程序。

移动 Web 与原生应用程序

关于使用原生平台还是使用 Web 平台开发移动应用程序的争论可能会持续很长一段时间。这两种方法各有优缺点。在许多情况下,应该根据应用程序需求和个人偏好来选择。

为什么要编写原生应用程序而不是使用移动 Web ?表 1 总结了编写原生应用程序的一些优点和缺点。

表 1. 原生应用程序

优点 缺点 代码
更快,可以直接在设备的操作系统上运行,不需要中间的浏览器应用程序。 可以部署到应用程序商店中,这提供了简单且经济有效的分发模型。 原生 SDK 有许多设备特
有的特性,通常有详细的文档说明和示例。 由于各个平台 SDK 中的编程语言和 API 存在一些差异,
所以需要针对不同的设备要求完全分隔同一应用程序的各个版本。 通过应用程序商店部署原生应用程序通常需要第三方批准,这会显著降低将应用程序投放市场的速度(尤其在应用程序遭到拒绝的时候)。 发布更新(即使是很小的更新)需要经过批准过程,这让向用户交付关键的更新变得更困难。

表 2 总结了移动 Web 应用程序的优点和缺点。

表 2. 移动 Web 应用程序

优点 缺点 只需编写一个应用程序,即可部署到多个平台。不需要为不同的设备编写不同的版本。 可以通过 Web 部署应用程序,不需要第三方应用程序商店。 您可以获得应用程序产生的所有收入(如果收费的话)。 对于通过 Web 分发的应用程序,如果通过浏览器使用它们,则无法像原生应用程序那样使用许多设备特性(相机、麦克风等),尽管这个限制以后可能会有所改变。 您需要提供用于分发应用程序的基础架构,这比使用应用程序商店更困难、成本更高。 因为应用程序在浏览器中运行,而不是通过操作系统执行,所以应用程序的运行速度不如相应的原生应用程序。

幸运的是,有一个折中方法可以同时提供移动 Web 和原生方式的优势。可以使用 PhoneGap 等平台将移动 Web 应用程序包装在原生包装器中,这提供了 JavaScript API,使您能够访问原生设备 API。还可以将 Web 应用程序作为原生应用程序部署到各个应用程序商店。

Dojo Mobile 概述

Dojo Mobile 是 Dojo Toolkit 的扩展,它提供了一系列在移动设备(比如智能手机或平板电脑)上使用而优化的小部件或组件。这些组件基于相应的原生组件,为熟悉智能手机应用程序的用户提供了熟悉的界面。可以使用主题定制这些组件,例如可以向 iOS 用户而不是 Android 用户提供不同的样式集。

Dojo Mobile 的使用方式与 Dijit 组件库类似。要想在应用程序中使用某种小部件,首先需要在应用程序的主 JavaScript 块中使用 dojo.require 加载相关的类。然后可以在应用程序中添加这种小部件,既可以使用带 dojoType 属性的常规 HTML 标记以声明的方式添加小部件,也可以使用 JavaScript 代码通过程序添加小部件。

Dojo Mobile 在 iOS、Android 和 BlackBerry OS 6 设备上表现很好,这主要是因为在这些平台上有 WebKit 浏览器。这一优势在提供了比较完善的 WebKit 浏览器的其他平台(比如 HP webOS 及其他设备)上也能发挥很好的效果。在非 WebKit 浏览器上,Dojo Mobile 应用程序会优雅地使用替代方法,它们甚至可以在老式的桌面浏览器中运行(包括 Microsoft® Internet Explorer)。在默认情况下,只提供了 CSS3 样式,但是,只需使用一行代码,就可以为非 WebKit 浏览器添加兼容性模块:

dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");

Dojo Mobile 的关键特性包括:

由于使用 Dojo Mobile 解析器,实现了小部件的轻量加载。 CSS3 动画和渐变,可以在高端 iOS 和 Android 设备上产生与原生应用程序相似的体验。 包含提供 iOS、Android 和 BlackBerry 外观的主题。 能够与非 CSS3 兼容的设备和浏览器进行兼容。 完全声明式的语法,便于学习。 一个庞大的 UI 小部件和组件套件,提供了针对移动友好的界面的
丰富内容

下一节通过构建 “Hello, World” 应用程序解释如何开始使用 Dojo Mobile。

时间: 2024-11-02 23:54:59

最新版移动Web开发框架Dojo Mobile 1.7入门的相关文章

Web开发框架Dojo Mobile 1.6入门

本文还将提供该框架的下一个版本中包含的一些新特性的预览. 移动 Web 使用量正在呈指数式增长.随着更多的人习惯于使用智能手机或其他移动设备浏览 Web,使用移动设备访问优化的网站和 Web 应用程序的需求也在增加.由于平台数量越来越多(iOS.Android.Blackberry OS.webOS.Windows Phone.Symbian.Bada 等),很难开发针对多个移动操作系统的原生应用程序. 因此,人们迫切需要移动 Web 应用程序开发工具包.几个主要的 JavaScript 框架

如何在Android中结合使用PhoneGap和Dojo Mobile

您还将使用 Dojo Mobile 为应用程序提供一种与原生应用类似的感觉.在本文中,将了解如何结合使用 PhoneGap 和 Dojo Mobile,快速为 Android 创建一个外观和行为都类似于典型 Android 应用程序的混合移动应用程序. 无论您走到哪里,都能看到人们使用移动设备与亲朋进行联系,比如照张照片发布到社交网站上,查找饭店地址,或者查看最新的新闻标题.移动设备的外形和款式各式各样.移动电话可以运行各种不同的操作系统,比如 Apple 的 iOS.Google 的 Andr

Dojo Mobile 1.8中花更少的精力构建强大的移动应用程序

本文是由三部分组成的系列文章的第 2 部分,通过丰富的代码示例来探索这些新功能.在第 2 部分中,将了解现有 Dojo Mobile 小部件和模块中的功能. 本系列的 第 1 部分 介绍了 Dojo Mobile 1.8 中许多可用于移动 Web 应用程序的新小部件和模块.Dojo Mobile 1.8 还包含对现有 Dojo Mobile 特性的许多新增强.本文将详细分析这些增强. 列表 可编辑列表 如果一个列表小部件(EdgeToEdgeList 或 RoundRectList)的 edit

IBM Worklight Studio和Dojo Mobile零售银行业务开发解决方案

位于达拉斯的 IBM 全球解决方案中心团队为零售银行业务开发了一个http://www.aliyun.com/zixun/aggregation/14219.html">移动应用程序.该应用程序包含许多零售银行业务功能,比如支行和 ATM 位置.联系人.帐户余额和活动.转账等.设计该应用程序是为了将它用于和部署到 iOS 和 Android 智能电话上,该应用程序是以一种混合方式使用 IBM Worklight Studio 构建的.Dojo Mobile(一个开发跨平台移动 Web 应用

基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍

最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客里面介绍Web开发框架的文章比较少,其实以前在单位工作,80%的时间是做Web开发的,很早就形成了自己的一套Web开发框架,但是由于一些个人原因,一直没有来得及好好整理和推广,其实那套Web开发框架对大多数企业信息化还是很有帮助的,包括了整体性的框架布局.样式,以及权限控制.菜单管理.字典管理.工作流审批管理等常见模块,不过总体觉得技术上是采用asp.net的Webform技术,因此现在MVC

面向对象WEB开发框架:ECHO2 卷土重来

web|对象 面向对象WEB开发框架:ECHO2 卷土重来 作为一个面向对象的Web开发框架,ECHO可以让开发者象开发AWT/Swing应用程序一样,用面向对象的方式设计WEB界面.当你看到以下代码时,你可能会以为这是在写一个AWT/SWING程序: class HelloWorld extends EchoInstance {    public Window init() {        Window window = new Window();        ContentPane c

Java:如何选择最为合适的Web开发框架

如何选择Web开发框架 开发框架的选择,始终是个仁者见仁.智者见智的事情.尤其是Web层的开发框架,数量非常多,而且各有特色,如:Struts.WebWork.Spring MVC.Tapestry.JSF.WebPage3.0--等等. 下面先来看看为什么要使用Web开发框架 一 使用框架的必然性 框架,即framework.其实就是某种应用的半成品,把不同应用程序中有共性的一些东西抽取出来,做成一个半成品程序,这样的半成品就是所谓的程序框架. 软件系统发展到今天已经很复杂了,特别是服务器端软

何选择Web开发框架

框架,即framework.其实就是某种应用的半成品,把不同应用程序中有共性的一些东西抽取出来,做成一个半成品程序,这样的半成品就是所谓的程序框架. 软件系统发展到今天已经很复杂了,特别是服务器端软件,涉及到的知识,内容,问题太多.在某些方面使用别人成熟的框架,就相当于让别人帮你完成一些基础工作,你只需要集中精力完成系统的业务逻辑设计.这样每次程序开发就不用白手起家,而是可以在这个基础上开始搭建. 1.Web开发框架结合其他技术的能力一定要强,比如:在逻辑层要使用Spring或者Ejb3,那么W

提高程序员工作效率 推荐7个简易web开发框架

中介交易 SEO诊断 淘宝客 云主机 技术大厅 时下各种软件系统发展越来越复杂,尤其是服务器软件,其涉及的问题以及知识面太多.因此,在某些方面,如果程序员想要减少开发工作量或是缩短时间,降低成本等,使用框架便是一个很好的选择.而web开发框架的数量非常多,下面,IDC评述网整理了7个简单的开发框架,供大家参考. 1. EasyJWeb EasyJWeb是基于java技术,应用于WEB应用程序快速开发的MVC框架,利用Velocity作为模板页面引擎,实现了页面及代码完全分离的MVC开发框架.能实