`
jjfat
  • 浏览: 284141 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用jQuery mobile开发一个基于手机的在线餐馆订餐查询应用(第一部分)

阅读更多

日期:2012/03/15  来源:GBin1.com

使用jQuery mobile开发一个基于手机的在线餐馆查询应用

在线演示

随着智能手机的普遍应用,越来越多的公司把生意搬到了移动手机端,当然基于手机的本地应用开发不是很便宜,需要有指定平台的开发技能及其相关的代码编写工具,例如,iOS开发和Andriod开发。

当 然,其实我们也有另外一个选择,创建一个基于web浏览器的应用,就和我们开发网站一样,我们可以开发基于智能手机的web应用,相关的技术就是 HTML,CSS,javascript等,典型的浏览器端的开发,只要你的智能手机拥有浏览器,你就可以方便的浏览。跨平台,而且跨设备,开发成本也相 对较低。

作为成功的javascript框架,jQuery已经存在了不短时间了。但是jQuery是基于浏览器的应用。随着手机应用的发 展,jQuery mobile逐渐的进入我们的开发视野。它能有有效的帮助开发人员创建类似iphone的应用的web应用。支持众多平台和设备。

在今天这个jQuery Mobile教程中,我们将创建一个超棒的移动应用程序,介绍如何使用jQuery Mobile来开发一个餐馆选择/浏览的手机应用。

迷你应用的主要概念:餐厅选择应用

我们将会创建一个应用帮助使用者来基于不同的口味来选择餐厅。注意这个仅仅是一个前端的设计,如果你需要和后台交互,你需要自己实现相关的AJAX调用。

应用构思

首页:选择口味

使用jQuery mobile开发一个基于手机的在线餐馆查询应用

阅读更多

分享到:
评论

相关推荐

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

    使用jQuery Mobile快速开发手机站点

    【标题】"使用jQuery Mobile快速开发手机站点"揭示了如何利用jQuery Mobile这一强大的前端框架来构建适应移动设备的Web应用。jQuery Mobile是一个轻量级、跨平台的框架,专为触摸优化的移动设备设计,提供了丰富的UI...

    jQuery mobile相册

    在"jQuery mobile相册"这一主题中,我们主要关注的是如何使用jQuery Mobile的特性来构建一个功能完善的相册应用。以下是一些关键知识点: 1. **jQuery Mobile的基础**:首先,需要了解jQuery Mobile的基本结构,...

    使用JqueryMobile开发购物网站

    **使用JqueryMobile开发购物网站** JqueryMobile是一款强大的前端框架,专为移动设备上的Web应用程序设计,提供了丰富的UI组件和交互效果。它基于HTML5,CSS3和jQuery库,使得开发者可以快速构建响应式、触摸友好的...

    jQuery Mobile API文档

    jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流...

    《构建跨平台APP-jQuery.Mobile移动应用实战》 PDF

    jQuery Mobile是目前*流行的跨平台移动开发框架,本书以实例驱动讲解的方式,让零基础的读者也能轻松掌握jQuery Mobile下的应用开发。本书分为4篇,*篇是移动开发入门篇,介绍了jQuery Mobile、HTML 5和移动开发的...

    基于jQuery Mobile的图表应用JQMCharts

    JQMCharts是一款基于jQuery Mobile的移动图表应用,同时也是jQuery Mobile的一个扩展。和MPAndroidChart类似,JQMCharts也支持3种图表类型,柱形图、饼图以及线性图。但是和MPAndroidChart相比,功能相对比较简单,...

    jQuery mobile 开发案例

    jQuery Mobile 是一个专为移动设备设计的前端框架,它基于 jQuery 和 HTML5,致力于简化移动 Web 应用程序的开发。这个框架提供了丰富的 UI 组件和交互效果,使得开发者能够快速构建具有触控优化界面的跨平台应用。...

    jquery mobile 简明 教程 demo 移动 开发

    这个教程将带你深入理解如何使用 jQuery Mobile 进行移动应用开发,尤其适用于安卓手机平台。 ### 一、jQuery Mobile 基本概念 jQuery Mobile 提供了一套统一的 API 和 CSS 样式,使得开发者可以轻松创建具有一致...

    jQuery Mobile开发手机网站

    用jQuery Mobile、CSharp开发的手机网站实例 手机中医邦

    jquery mobile 餐厅实例

    在这个“餐厅实例”中,我们将深入探讨如何利用jQuery Mobile来开发一个餐厅选择的应用。 **一、jQuery Mobile基本概念** 1. **页面结构:** jQuery Mobile 需要HTML5的页面结构,包括`<data-role="page">`元素,...

    Jquery mobile 从设计到开发

    jQuery Mobile 是一个广泛使用的框架,特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐,是因为它可以将现有的网页转换成触摸...

    jQuery Mobile 开发跨平台移动应用

    总的来说,jQuery Mobile 是一个强大且易于使用的跨平台移动Web应用开发框架。它不仅简化了开发流程,还提供了丰富的功能和优秀的用户体验。对于希望快速构建高质量移动Web应用的开发者而言,jQuery Mobile 是一个...

    手机模拟器+jQueryMobile教程

    1. jQueryMobile简介:jQueryMobile是jQuery库的一个扩展,专注于移动设备,提供触摸友好的用户界面组件和事件处理。其核心特性包括页面导航、表单增强和动态布局。 2. 快速启动:引入jQuery和jQueryMobile的CSS与...

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    jQuery Mobile开发常用技巧

    构建一个基本的 jQuery Mobile 页面通常需要以下结构: ```html <!DOCTYPE html> <title>Page Title <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/> ...

    jquery mobile datepicker 手机端日期选择器

    jQuery Mobile Datepicker 是一个专为手机端设计的日期选择器插件,它基于流行的 jQuery 和 jQuery Mobile 库,为开发者提供了丰富的功能和自定义选项。本文将深入探讨这个插件的使用方法、核心功能以及如何对其进行...

    软件工程师-经典收藏50个jQueryMobile开发技巧集萃.docx

    《软件工程师-经典收藏50个jQueryMobile开发技巧集萃》文档汇集了众多关于jQuery Mobile的实用技巧,这些技巧对于软件工程师来说是构建高效、跨平台的移动网站和应用的宝贵资源。jQuery Mobile是一个强大的框架,它...

Global site tag (gtag.js) - Google Analytics