日期：2012-7-12??來源：GBin1.com

在線演示

jQuery Mobile是一個非常不錯的移動端網站應用的解決方案，很多網站都使用jQuery Mobile來生成Mobile手機端的移動網站應用，在過去的GBin1博客文章中，我們曾經使用jQuery Mobile利用RSS訂閱生成過一個簡單的RSS閱讀手機端，在今天的教程中，我們將講解如何將GBin1網站完整的轉化為一個全功能的移動端網站，主要的技術使用jQuery Mobile和Java的SiteMesh布局類庫

系統設計分析

在我們正式的開始開發之前，我們需要大概的分析一下如何設計Mobile網站，很多網站的移動端應用和網站的內容是分離的，也就是說，桌面訪問網站和移動設備訪問網站的路徑是不同的。

• 好處是可以分別開發獨立的功能，我們可以針對移動端的用戶設計獨立的UI，展現方式，或者使用方式，往往對于比較大型的網站或者已經上線很久的網站這樣設計成本比較低。
• 壞處是你需要獨立的維護兩套代碼，無形的增加了開發成本和維護成本?

在我們GBin1的移動設備網站開發中，我們本著盡量維護同一套代碼的原則，希望能夠直接重用網站的頁面內容和框架。值得一提的是，GBin1架 構使用Sitemesh的模板布局功能來生成頁面的不同樣式和布局，而相關的頁面內容及其附屬功能，例如，留言等等都是由靜態頁面或者功能模塊生成，這樣 的設計使得我們可以利用已經存在的頁面內容花最小的代價來創建新的移動設備模板，因而可以快速的生成新的移動端web應用，而且整體結構及其閱讀使用方式 將會和網站本身的使用方式類似，降低了用戶的學習成本。

........

來源：使用jQuery Mobile移動開發框架將博客網站快速轉化為Mobile網站

總結

以上是生活随笔為你收集整理的使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。