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

http://www.apkbus.com/forum.php?mod=viewthread&tid=116588

最近研究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类：

Java代码

[mw_shl_code=java,true]public class MainActivity extends DroidGap {

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

2、修改清单文件：

Java代码

[mw_shl_code=java,true]
    package="com.example.cordvoaand"
    android:versionCode="1"
    android:versionName="1.0" >

            android:minSdkVersion="7"
        android:targetSdkVersion="7" />

            android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        
                     android:name="com.example.cordvoaand.MainActivity"
            android:label="@string/app_name"
            android:configChanges="orientation|keyboardHidden" >
            
               

               
            
        
   
    
   
                    android:largeScreens="true"
                android:normalScreens="true"
                android:smallScreens="true"
                android:resizeable="true"
                android:anyDensity="true" />
    
   
   
       
       
       
       
       
       
       
       
       
       
       
         
       
       
    
    

[/mw_shl_code]

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

Html代码

[mw_shl_code=java,true]










       

               

                       

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

               

               
               

                       

                       

               

               

       

       

[/mw_shl_code]

这样就整合成功了！

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

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

修改index.html：

Html代码

[mw_shl_code=java,true]










       

               

                       

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

               

               
               

                       

                       

               

               

       

       
       

[/mw_shl_code]

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

效果图：

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