码迷,mamicode.com
首页 > 移动开发 > 详细

探索开发跨平台移动App,谈Jquery Mobile 和PhoneGap应用

时间:2015-03-16 12:27:35      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

  随着智能手机等设备的大范围普及,各形各色的移动端软件随之既出。各互联网运营商也都在抢占移动软件的占有率。不惜采用财力进行宣传推广。例如,通过手机淘宝客户端购买物品总比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应用

标签:

原文地址:http://www.cnblogs.com/happpytoo/p/4321839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!