推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 手机网站开发 > 手机网站开发框架
免费发布需求,接收报价与方案

手机网站开发框架

什么是手机网站开发?

猜您需要: 【手机网站开发流程】【Html5手机网站开发】【安卓手机网站开发教程】【手机网站开发实例】【手机网站开发教程】【手机网站开发语言】

  jQuery Mobile是一个非常不错的手机网站开发框架,大量网站使用jQuery Mobile来进行Mobile手机网站开发应用,在以往的文章中,我们使用过jQuery Mobile利用RSS订阅开发过一个简单的RSS阅读移动端,在今天的教程中,我们将讲解如何将网站完全的转换为一个全功能的移动端网站,主要的框架使用jQuery Mobile和Java的SiteMesh布局类库。
手机网站开发框架
  系统设计分析
  在我们正式的开始开发之前,我们需要大概的分析一下如何设计Mobile网站,很多网站的移动端应用和网站的内容是分离的,也就是说,桌面访问网站和移动设备访问网站的路径是不同的。
  1.好处是可以分别开发独立的功能,我们可以针对移动端的用户设计独立的UI,展现方式,或者使用方式,往往对于比较大型的网站或者已经上线很久的网站这样设计成本比较低。
  2.坏处是你需要独立的维护两套代码,无形的增加了开发成本和维护成本

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

  如何实现?
  为了让系统能够自动处理应用不同的模板,这里我们使用了一个小技巧:
  首先创立一个2级域名,假设是http://m.***.com,把它用域名绑定到服务器上。然后通过后台的程序来判断目前的域名访问,要是用户通过http://www.***.com来访问,我们将应用网站模板,要是用户试图使用http://m.***.com来访问***的时候,我们将使用手机网站开发模板来展示网页内容。通过这种方法,系统能够自动的应用不同的模板生成不同的web应用界面。当然,我们还能够做得更好一点,自主判断用户端的代理类型,如果是手机设备,自动转向到http://m.***.com,否则转向到http://www.***.com。
< 手机网站开发语言 手机版网站怎么开发 >