随着智能手机等设备的大范围普及,各形各色的移动端软件随之既出。各互联网运营商也都在抢占移动软件的占有率。不惜采用财力进行宣传推广。例如,通过手机淘宝客户端购买物品总比pc端要便宜,360手机助手下载对应软件可得开发者红包等等。

  目前各移动端所运行的系统也有不少,android、wp、ios等等。面对不同的系统,开发者往往要根据需求开发不同系统下的对应版本,作为企业则要招聘懂各种语言的开发人员,进行移动端开发,需要耗费很多的财力物力。不能最佳的利用。

因此,为了统一各移动平台,使开发一款产品就可以运行在各大移动手机系统之上。PhoneGap和Jquery Mobile闪亮登场!

  何为Jquery Mobile(http://jquerymobile.com/)?笔者认为他是属于一个移动Web跨浏览器的框架(移动UI框架)。通过这个框架,使得开发的网页更接近移动UI。总体来说,属于一个开发移动端网页的框架。牵扯到原理说的话,应该是Jquery Mobile为我们封装了很多的css(只需要我们增加网页标签的属性就可以变成移动ui控件),为的是让我们更快更迅速的开发手机端网页。其学习资源可取官网进行api学习。通过简单的配置就可以了

  何为PhoneGap(http://phonegap.com/)?笔者认为他算是一个api,它可以控制移动端核心功能(包括地理定位,加速器,联系人,声音和振动等),PhoneGap也拥有丰富的插件供开发者调用。

  如果我们把两者结合起来,两者协同使用便可以开发一款跨平台的移动端应用程序。

  因为本身手机端对网页的兼容性总会比pc端更新较快,所以两者协同开发也变成了一种可能。

java环境配置:

一、 JDK 下载以及安装
http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
二、 JDK 环境变量配置
进行 java 开发,首先要安装 jdk,安装了 jdk 后还要进行环境变量配置:
1、 下载 jdk(http://java.sun.com/javase/downloads/index.jsp)
2、 安装 jdk
3、 配置环境变量:右击“我的电脑”-->"高级"-->"环境变量"
1) 在系统变量里新建 JAVA_HOME 变量,变量值为:C:\Program Files\Java\jdk1.7.0_17(根
据自己的安装路径填写)
2) 新建 classpath 变量,变量值为:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
3) 在 path 变量(已存在不用新建)添加变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
(注意变量值之间用“;”隔开)
%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\Sy
stem32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Microsoft SQL
Server\100\Tools\Binn\;C:\Program Files\Microsoft SQL Server\100\Tools\Binn\;C:\Program
Files\Microsoft SQL
Server\100\DTS\Binn\;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;C:\Program
Files\TortoiseSVN\bin
4、 “开始”-->“运行”-->输入“javac”-->"Enter",如果能正常打印用法说明配置成功!
补充环境变量的解析:
JAVA_HOME:jdk 的安装路径
classpath:java 加载类路径,只有类在 classpath 中 java 命令才能识别,在路径前加了个"."表
示当前路径。
path:系统在任何路径下都可以识别 java,javac 命令。

三、 Eclipse + ADT plugin+Android SDK 集成环境
ADT Bundle for Windows 安装

http://developer.android.com/sdk/index.html

phonegap环境配置:

  http://phonegap.com/install/

探索开发跨平台移动App,谈Jquery Mobile 和PhoneGap应用的更多相关文章

  1. 【原创】小白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连载五(给按钮加图标)

    在范例5-4所使用的导航栏中,已经为按钮加入了图标的样式,但是当时并没有介绍按钮的图标究竟是怎么一回事.下面截取范例5-4中导航栏部分的代码: <divdata-role="foote ...

  2. 小白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连载四(场景切换)

    作为一款真正有使用价值的应用,首先应该至少有两个页面,通过页面的切换来实现更多的交互.比如手机人人网,打开以后先是进入登录页面,登录后会有新鲜事,然后拉开左边的面板,能看到相册.悄悄话.应用之类的其他 ...

  3. jquery Mobile应用第2课《构建跨平台APP:jQuery Mobile移动应用实战》连载二(简单的QWER键盘)

    在jQuery Mobile的布局中,控件大多都是单独占据页面中的一行,按钮自然也不例外,但是仍然有一些方法能够让多个按钮组成一行,比如说在范例6-5中就利用按钮分组的方法使4个按钮并列在一行中,如图 ...

  4. jqueryMobile应用第一课《构建跨平台APP:jQuery Mobile移动应用实战》连载一(Hello World)

    有人说每个程序员都曾经有过改变世界的梦想,笔者认为,这与程序员年轻时编写的第一个程序有着莫大的关系.简简单单的一句“hello world”让年轻的心开始相信梦想,用一种低调的壮志凌云向世界展示自己的 ...

  5. 白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》串行4(场景变化)

    作为一个真正的利用价格值应用,首先,你应该至少有两页,通过切换页面来实现很多其他互动.比如手机人人网,首先,打开后进入登录页面,将有登录后,新的东西.然后拉左侧面板.你可以看到相册.私人信息.像其他应 ...

  6. 白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连续7-电话问卷调查

    [例7-3  文本编辑框创建一个简单的调查问卷] 01     <!DOCTYPEhtml> 02     <html> 03     <head> 04     ...

  7. 移动开发必备!15款jQuery Mobile插件

    移动互联网的发展,来自PC端的网页并不能完全自适应移动端页面需求,使得响应式设计体验产生并成为潮流,也正是这样一种需求,促成了jQuery Mobile的流行.jQuery Mobile这样一款基于j ...

  8. jquery mobile 和phonegap开发总结之三跨域加载页面

    跨域加载 一要进行一定的配置见下面 $( document ).bind( "mobileinit", function() { // Make your jQuery Mobil ...

  9. jQuery Mobile和PhoneGap混合开发

    其实二者并不影响,PhoneGap负责调用系统的接口,jQuery Mobile实现一些网页效果.PhoneGap开发请看上一篇文章,jQuery Mobile开发环境搭建如下:[请先阅读上一篇文章, ...

随机推荐

  1. Android 使用LinearLayout.getChildAt(i)获取一个线性布局的view,并实现content中实现方法

    1.定义接口content的方法,如ok,cancle; 2.在View的处理类myview中实现content的方法. 3.通过contently.getChildAt(i)的方法获得View v; ...

  2. Cocos2d—X游戏开发之CCScrollView(滑动视图)(十二)

    CCScrollView在Cocos2d-X引擎中主要使用在图片尺寸远大于屏幕尺寸的时候使用. 总体来说,使用起来比较简单. 一个是CCScrollView控件本身,一个是CCScrollViewDe ...

  3. Three ways to do WCF instance management

    Three ways to do WCF instance management (Per call, Per session, and Single). IntroductionVery often ...

  4. 在linux系统下怎么安装两个nginx

    在linux下安装nginx的时候,一般在./configure的阶段会要求通过prefix设置安装路径.因此,在./configure的时候指定不同的prefix就可以安装多个nginx啦. 值得注 ...

  5. c#中使用SESSION需要注意的几个问题

    C#的SESSION和其它程序中的SESSSION可能有一点的不同,下面讲下哪飞网程序员遇到的一个地方使用SESSION的问题.希望对大家有所帮助 一.在页面中用SESSION,存值session[& ...

  6. 通过 Azure 媒体服务进行高速编码

    Milan Gada Azure 媒体服务首席项目经理  关于 Azure 媒体服务,客户问的最多的一个问题是能否进行高速编码.这个问题现在已经有了肯定的答案,目前有三种不同类型的 Encodin ...

  7. ORA-12504: TNS:listener was not given the SERVICE_NAME in CONNECT_DATA

    Centos5.5 安装Oracle11g客户端,配置了本地的net服务后,用sqlplus连接报错: tnsnames.ora配置如下 orcl = (DESCRIPTION = (ADDRESS ...

  8. java常用重构优化总结--自己亲身体验

    代码重构  6大原则:    单一职责原则(一个类最好最好只有一种行为动机,太多承担职责会导致耦合度太高).    开放封闭原则(功能可以扩展,但是不可以内部修改).    依赖倒转原则(应该依赖抽象 ...

  9. CPLEX IDE 菜单栏语言设置( 中文 英文 韩文 等多国语言 设置)

    http://www-01.ibm.com/support/docview.wss?uid=swg21573032 Technote (FAQ) Question How to change the ...

  10. 洛谷1373 小a和uim之大逃离

    洛谷1373 小a和uim之大逃离 本题地址:http://www.luogu.org/problem/show?pid=1373 题目背景 小a和uim来到雨林中探险.突然一阵北风吹来,一片乌云从北 ...