【叨、校长】PhoneGap+jQuery Mobile+Rest 访问远程数据

阅读更多

最近研究Mobile Web技术、发现了一个好东西-PhoneGap！

发现用PhoneGap+jQuery Mobile是一个很完美的组合！

本实例通俗易懂、适合广大开发人群：高富帅、白富美、矮穷戳；不论老幼妇孺、年过花甲、还是牙牙学语！由于此实例太过惊世骇俗、望练成之后、找个地方埋了！否则天下大乱、望施主谨记！善哉、善哉！--叨、校长

第一式：人剑合一（Android平台+PhoneGap+jQuery Mobile整合）

下载PhoneGap开发包：官方下载：http://phonegap.com/download/

解压PhoneGap压缩包；以备不时之需！

由于本实例是基于Android平台的，所以关于android开发环境的搭建这里不再说明！百度一下、你就知道！

 

新建一个Android项目：

项目结构如图所示：

说明：

jquerymobile目录是jQuery Mobile开发包！

新建好项目之后、修改一些地方、进行整合！

1、修改MainActivity.java类：

public class MainActivity extends DroidGap {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.loadUrl("file:///android_asset/www/index.html");
	}
}

 2、修改清单文件：

 3、打开index.html文件、写一个简单的jQuery Mobile页面

	

		

			
PhoneGap+jQuery Mobile+Rest访问远程数据
		
		
		

			

			
		
		

	
	

 这样就整合成功了！

如果不明白的地方！请查看详细教程！

www.uikid.com UI小子提供帮助！

第二式：剑斗九天（访问Rest接口）

关于后台Rest接口的编写这里不再阐述、

修改index.html：

	

		

			
PhoneGap+jQuery Mobile+Rest访问远程数据
		
		
		

			

			
		
		

	
	
	

 第三式：打完收工（运行项目，Run as Android Application...）

效果图：

谢谢学习！施主、拯救世界的任务就交给你了！这样吧、收你10元钱、工本费呀！

 

 

• CordvoaAnd.zip (2 MB)
• 下载次数: 76