首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

在线演示

jQuery Mobile是一个非常不错的移动端网站应用的解决方案,很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用,在过去的GBin1博客文章中,我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端,在今天的教程中,我们将讲解如何将GBin1网站完整的转化为一个全功能的移动端网站,主要的技术使用jQuery Mobile和Java的SiteMesh布局类库

系统设计分析

在我们正式的开始开发之前,我们需要大概的分析一下如何设计Mobile网站,很多网站的移动端应用和网站的内容是分离的,也就是说,桌面访问网站和移动设备访问网站的路径是不同的。

  • 好处是可以分别开发独立的功能,我们可以针对移动端的用户设计独立的UI,展现方式,或者使用方式,往往对于比较大型的网站或者已经上线很久的网站这样设计成本比较低。
  • 坏处是你需要独立的维护两套代码,无形的增加了开发成本和维护成本 

在我们GBin1的移动设备网站开发中,我们本着尽量维护同一套代码的原则,希望能够直接重用网站的页面内容和框架。值得一提的是,GBin1架构使用Sitemesh的模板布局功能来生成页面的不同样式和布局,而相关的页面内容及其附属功能,例如,留言等等都是由静态页面或者功能模块生成,这样的设计使得我们可以利用已经存在的页面内容花最小的代价来创建新的移动设备模板,因而可以快速的生成新的移动端web应用,而且整体结构及其阅读使用方式将会和网站本身的使用方式类似,降低了用户的学习成本。

如何实现?

为了让系统能够自动处理应用不同的模板,这里我们使用了一个小技巧:

我们创建一个2级域名,…

标签: jQuery mobile, jQuery, mobile website, 移动网站

阅读更多

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

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

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

在线演示

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

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

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

在今天这个jQuery…

标签: jQuery, jQuery mobile, 移动jQuery, jQuery手机应用, 手机在线订餐

阅读更多

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

日期: 2011/10/18           作者:GBin1.com

jQuery Mobile目前已经发布了RC1, 随着类库的完善,jQueryMobile必将成为移动端开发的利器之一,今天我们收集了2011年最新的8个jQuery移动开发教程,包含最简单的入门介绍,到高级的开发应用案例,希望大家喜欢!

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

1. jQuery Mobile入门介绍

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

2. jQuery Mobile基本教程

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

3. jQuery Mobile开发简单应用

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

4. jQuery Mobile高级教程 - RSS阅读器应用

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

5. 使用PHP, MySQL和jQuery Mobile开发一个网站 第一部分  第二部分

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

6. jQuery Mobile 框架 - A Forms Tutorial

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

7. 开发一个jQuery Mobile的调查程序: 应用逻辑和界面

GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

8. 使用开发一个本地Android新闻阅读应用 第一部分  第二部分 …

标签: jQuery mobile, jQuery mobile教程, jQuery mobile文章, jQuerymobile, jQuery mobile在线教程, 8个最新jQuery mobile教程

阅读更多

GBin1教程:使用jQuery Mobile快速开发一个手机阅读网站

日期:2011/10/25  来源:GBin1.com

jQuery mobile已经慢慢进入了web开发人员的视野,随着jQuery mobile框架的发展,使用jQuery mobile开发手机端应用将会成为一个趋势,今天GBin1带给大家一个入门级的jQuery mobile开发,将讲解如何使用jQuery快速生成一个手机端的网站,你不需要写任何一行JS代码。

GBin1教程:使用jQuery Mobile快速开发一个手机阅读网站

 

在线演示

 

手机版页面效果如下:

GBin1教程:使用jQuery Mobile快速开发一个手机网站

HTML代码

<html>
<head>
<title>GBin1中文互联</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"…

标签: jQuery mobile, jQuery mobile教程, jQuery mobile文章, jQuerymobile, jQuery mobile在线教程, 手机阅读rss, jquery mobile手机阅读网站

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐