在线演示
jQuery Mobile是一个非常不错的移动端网站应用的解决方案,很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用,在过去的GBin1博客文章中,我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端,在今天的教程中,我们将讲解如何将GBin1网站完整的转化为一个全功能的移动端网站,主要的技术使用jQuery Mobile和Java的SiteMesh布局类库
系统设计分析
在我们正式的开始开发之前,我们需要大概的分析一下如何设计Mobile网站,很多网站的移动端应用和网站的内容是分离的,也就是说,桌面访问网站和移动设备访问网站的路径是不同的。
- 好处是可以分别开发独立的功能,我们可以针对移动端的用户设计独立的UI,展现方式,或者使用方式,往往对于比较大型的网站或者已经上线很久的网站这样设计成本比较低。
- 坏处是你需要独立的维护两套代码,无形的增加了开发成本和维护成本
在我们GBin1的移动设备网站开发中,我们本着尽量维护同一套代码的原则,希望能够直接重用网站的页面内容和框架。值得一提的是,GBin1架构使用Sitemesh的模板布局功能来生成页面的不同样式和布局,而相关的页面内容及其附属功能,例如,留言等等都是由静态页面或者功能模块生成,这样的设计使得我们可以利用已经存在的页面内容花最小的代价来创建新的移动设备模板,因而可以快速的生成新的移动端web应用,而且整体结构及其阅读使用方式将会和网站本身的使用方式类似,降低了用户的学习成本。
分享到:
相关推荐
jQuery Mobile是目前*流行的跨平台移动开发框架,本书以实例驱动讲解的方式,让零基础的读者也能轻松掌握jQuery Mobile下的应用开发。本书分为4篇,*篇是移动开发入门篇,介绍了jQuery Mobile、HTML 5和移动开发的...
jquery mobile 简明 教程 demo 移动 开发 精通 入门 jquery mobile 开发 移动 开发 安卓 手机 开发
jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流...
[Packt Publishing] 移动应用开发教程 (jQuery Mobile 实现) (英文版) [Packt Publishing] Creating Mobile Apps with jQuery Mobile (E-Book) ☆ 出版信息:☆ [作者信息] Shane Gliser [出版机构] Packt ...
主要是针对移动web开发中使用Jquery Mobile框架的学习和参考文档和资料,包含: jquery_mobile_设计思想.docx jQuery_Mobile_入门教程.docx jQuery_Mobile入门教程——主题的使用和定制.docx jQuery_Mobile使用指南....
之前一起在找有关JQuery mobile移动开发的日期选择框插件,找到了很多英文版本的,虽然国内也有人把英文版的汉化过,但是感觉效果不是很好,现在特奉献一个汉化版本的供大家使用,望批评指正,互相帮助,把这方面的...
移动新闻网站,掌上移动新闻,移动新闻客户端,jQuery Mobile移动新闻网站,移动新闻网站demo,新闻阅读器开发
HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站_陈婉凌.pdf
jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery MobilejQuery Mobile jqm 新闻阅读器 jqm图标更换 jQuery Mobile jqm 新闻阅读器 jqm自定义按钮的图片以及header和footer的定位
用jQuery Mobile、CSharp开发的手机网站实例 手机中医邦
通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 《jQuery Mobile快速入门》适合想要掌握jQuery ...
jQuery Mobile不仅给主流移动平台带来jQuery核心库,而且还发布了一个完整统一的jQuery移动UI框架。 jQuery Mobile 1.0构建于jQuery核心1.6.4。需要注意的是,虽然jQuery 1.7已经发布了,不过目前jQuery Mobile仍...
JQuery Mobile,用户界面的框架,可以让你写一个移动网络应用的功能不再是写一行单独的代码。其包括基本的页面,导航工具栏,形成对照,和过渡效果。 简易的用户界面组件 Mobile支持的方法和事件 。。。。。。
资源名称:jQuery Mobile构建时髦的手机Web网站内容简介:手机网站(新旧对比)jQuery Mobile 简单介绍一个最简单的 jQuery Mobile 网页使用 jQuery Mobile 开发手机网站jQuery Mobile 支持的设备jQuery Mobile 的...
jQueryMobile 1.0.6开发Api jQueryMobile 配置 jQueryMobile 事件
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
使用jQuery mobile框架完成的demo原型设计,只有前端和简单的交互,初学者和开发都有帮助!可以下载研究!
jQuery Mobile 快速 入门
没分下载东西了,只好卖我的经典代码了,以下是我通过html5做的多个跨平台应用的demo框架:使用 phonegap 开发android应用框架结构 前台页面用jquery mobile开发,后台用axis2开发实现webservice,前后台用js发送...