网站建设

手机网站的具体开发流程

在如今手机流量已不在是昔日的寸金之物,浏览网站人们已经习惯性的从手机端直接打开。然而对于没有做手机网站的网站而言,通常会直接会令用户秒闭,惨不忍睹。所以做网站的手机站很有必要,那么对开发者而言,具体如何开发手机网站?具体的开步骤是怎样的?

1,做好手机站的主要栏目页的版面设计。

 手机网站的开发比起PC端的开发要更为的简洁一点,一方面是基于手机屏幕的大小,所放的内容有限,所以其页面的布局及风格需要重新设计好。遵循的原则就是:体现重点,页面简洁明了。

手机网站示例1

2,页面采用纯静态的方式。

这里之所有说采用纯静态的方式,主要基于两个方面:首先静态的页面加载会很快。我们知道浏览器是可以直接解析HTML语言的,所以除去带宽,静态的网页能快速的响应用户的交互及操作。另外采用静态页可以使用户有更好的用户体验。不会出现点开一个网页出现几秒的白屏才返回网页的情况。

3,网页的交互数据采用异步请求来获取。

 第二点已经说了页面采用静态的网页。那么数据怎么获取?对,没错,通过异步ajax请求获取。这里可以推荐一款JS的模板框架Template.js。其基本的原理是通过解析HTML中的<%%>标签中的js代码,再把其内容渲染到一个定义好的

标签中。不管是单个变量的替换还是列表的数据循环,都没有问题,以下是具体的使用过程当中的截图示例,以示参考。关于Template.js的具体文档说明,自己可以百度一下...


手机网站示例2



4,对于页面中的session变量的传递,采用cookie记录的方式。

采用纯静态的网页来做,就意味着页面当中的数据的获取都必须采用异步请求的方式来调用。其中有一个问题,那就是如果保存用户的状态信息,比如说登录验证之类的。这里可以自己加入js的cookie记录的方式来做,再通过异步请求后端来验证其正确性。

手机网站示例3

5,注意事项

对于网页中复杂的交互行为,建议是先在静态的网页中通过css 与js的配合来完全,而不是揉到异步请求的后续操作当中。当然也有那样的情况。比如说在异步请求数据后要调用第三方的插件JS来作一些效果的。这种就需要在异步请求之前先加载好第3方的JS的类库,不然可能会出现调用的方法未定义的情况。


  上述说的手机网站开发是我在开发手机网站的一些个人的具体实践经验。当然可能也有更好的其它的解决方案。针对以上的步骤及开发流程,如有不明白之处,可以通过QQ1056396855与我沟通讨论。

联系我们

CONTACT US

联系人:羊先生

手机:

微信:

邮箱:1056396855@qq.com

地址: 广东省深圳市南山区科技园金融基地

在线客服分享转发扫描二维码返回顶部
用手机扫描二维码关闭
二维码