`
halloffame
  • 浏览: 55718 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app

    博客分类:
  • js
阅读更多

1 jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app,使用的是基于Flat-UI的jQuery Mobile,请参考:https://github.com/ququplay/jquery-mobile-flat-ui-theme

 

2 app里使用百度地图的 js api 做了一个校园内的步行路线规划的功能;

 

3 phonegap的使用可以参考:http://blog.csdn.net/aaawqqq/article/details/19755179

 

4 本人用phonegap生成的andriod工程,用的是eclipse,可以在这里下载adt,andriod sdk                       等:http://tools.android-studio.org/index.php/sdk

 

5 一个挺好的andriod入门教程:http://mars.apkbus.com/,虽然有点啰嗦,但讲得很细;

 

6 jquery mobile的页面代码请下载附件flatui.zip,首页路径是flatui/index.html,可以直接用浏览器运行看看效果,phonegap生成的andriod代码导入eclipse后会有两个工程,其中CordovaLib是phonegap的核心,编译成一个jar文件给自己的业务工程CampusAssistApp引用,看下图:



 

7 打包了一个apk,请下载附件ca_new.rar,截了几张手机上的效果图:

 

                            

 

 


                            

 

 


                            

 

 



 

  • 大小: 74.4 KB
  • 大小: 86.7 KB
  • 大小: 40.2 KB
  • 大小: 337 KB
  • 大小: 87.2 KB
  • 大小: 610.5 KB
  • 大小: 245.6 KB
  • 大小: 41.3 KB
3
2
分享到:
评论

相关推荐

    jquery mobile + 百度地图 + phonegap 写的一个\"校园助手\"的app

    本项目“校园助手”利用了jQuery Mobile、百度地图API以及PhoneGap这三者的技术优势,为用户提供了一个便捷的校园生活服务应用。本文将详细解析这一应用的实现过程,帮助开发者了解如何整合这些工具来创建实用的应用...

    jquery mobile + html5 手机app表单跨域提交实例(手机app开发html5 juqery moblie phonegap系列一)

    jquery mobile + html5 手机app表单跨域提交实例 详细讲解请参考 http://blog.csdn.net/lzy8395/article/details/39666027 手机app开发html5 juqery moblie phonegap系列一

    使用jquery-mobile+html5实现android本地通讯录

    首先,jQuery Mobile是一个基于HTML和CSS的框架,它提供了丰富的UI组件和交互效果,使得开发者可以创建具有触摸友好的用户界面。它的核心理念是利用数据属性和链接增强HTML元素,以实现动态页面和响应式布局。 ...

    基于html5 +phonegap + jquery mobile 实现的手机APP.zip

    jQuery Mobile则是一个轻量级的UI框架,专门用于优化手机和平板电脑上的触摸交互体验。 HTML5的关键知识点包括: 1. **语义化标签**:HTML5引入了许多新的语义元素,如、、、和等,这些标签有助于提高页面结构的...

    jQuery Mobile快速入门完整版.pdf + 所有源码

    作为jQuery Mobile的入门级读物,《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性,内容系统全面,便于理解。 《jQuery Mobile快速入门》总共分为10章,内容包括jQuery Mobile的基础...

    android PhoneGap JQuery Mobile Demo

    JQuery Mobile则是一个轻量级的前端框架,专为触摸屏设备设计,用于创建一致的、响应式的用户界面。 在"android PhoneGap JQuery Mobile Demo"项目中,我们可以看到如何将这两个技术结合起来创建Android应用。以下...

    4个phonepag jQuery Mobile实例APP

    3. `_________-release.apk`:由于文件名不完整,无法确定具体用途,但根据jQuery Mobile的特点,这可能是一个包含了交互式内容的应用,如新闻阅读器、学习平台或者社交应用。 4. `...

    jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z

    jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z 24H内删除,作者写书非常不容易,如觉得好,... 10.3 将jquery mobile作为一个android app来运行  10.4 open app market  10.5 客户端设备api  10.6 总结

    构建跨平台APP jQuery Mobile移动应用实战代码

    jQuery Mobile 是一个强大的前端框架,专为构建触屏优化的移动应用程序而设计。它基于 jQuery 库,提供了丰富的 UI 控件和响应式布局,使得开发者可以轻松创建具有统一用户体验的跨平台移动应用。本实战教程将带你...

    jQuery Mobile快速入门 源码 SourceCode

    通过本书的学习,读者将会获悉jquerymobile的核心特性,以及如何创建可主题化的设计,还会掌握jquerymobile的api,以及如何使用phonegap来扩展jquery mobile。  《jquery mobile快速入门》适合想要掌握jquerymobile...

    jQuery Mobile 插件 v1.0.1 官方正式版.rar

    jQuery Mobile 1.0.1版本修复,性能调整和小的改进. 经历了近一年时间开发的... 以后还会渐渐支持其他平台 在jQuery Mobile1.0的发表文里,也登载了在app商店里提供PhoneGap等转换工具,可以转换为本地工具的说明。

    PhoneGap实例

    PhoneGap实例是一个深入实践的项目,它展示了如何利用PhoneGap框架结合jQuery Mobile或jqMobi来构建跨平台的移动应用程序。PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来开发原生的移动应用,...

    h5 jquerymobile的一些东西

    PhoneGap通过一个中间件,将这些Web技术封装成原生应用,因此可以在多种移动设备上运行。 RequireJS是一个模块化加载器,它可以在运行时动态加载JavaScript代码,以实现按需加载。这有助于减少初始加载时间,提高...

    基于HTML5和jQuery Mobile的移动学习APP设计与实现.pdf

    jQuery Mobile则是一个轻量级的前端框架,专为触摸设备设计,简化了在移动设备上创建交互式用户界面的过程。它提供了丰富的UI组件,如按钮、表单、滑块和网格,以及触屏友好的导航和页面过渡效果。使用jQuery Mobile...

    jquery mobile, phoegap

    **jQuery Mobile** 是一个基于 jQuery 的轻量级、响应式的移动框架,专为触摸屏设备设计。它提供了一套完整的组件和交互设计,包括页眉、页脚、可折叠内容、表单、按钮等,使得开发者可以快速构建用户友好的移动界面...

Global site tag (gtag.js) - Google Analytics