很多朋友在看nopcommerce源码的时候都会忽略里面很重要的一块,那就是nopcommerce移动版,事实上从nopcommerce2.3开始就已经加入了移动版,不过默认是不开启的,你需要在后台综合设置里面启用,启用后可以用iphone、ipad等终端浏览,也可以使用火狐模拟iphone浏览,火狐里面安装插件user agent switcher就可以实现了,因为nopcommerce移动版使用了html5,所有主要是针对触摸屏的终端,效果如图所示:
nopcommere移动版在开发中使用到了html5+mvc+jquery mobile等技术,根据我的了解,这有可能成为未来手机开发的趋势。
1、Jquery mobile构建于Jquery 以及 Jquery UI类库之上,为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出色的弹性,轻量化以及渐进增强特性与可访问性。 更多内容请查看: http://jquerymobile.com/、http://www.jqmapi.com/
2、html5作为新一代的html标准,也有其独特的优势。
HTML5 是如何起步的?
HTML5 是 W3C 与 WHATWG 合作的结果。
编者注:W3C 指 World Wide Web Consortium,万维网联盟。
编者注:WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
为 HTML5 建立的一些规则:
- 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
- 减少对外部插件的需求(比如 Flash)
- 更优秀的错误处理
- 更多取代脚本的标记
- HTML5 应该独立于设备
- 开发进程应对公众透明
新特性
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
更多内容请查看:http://www.w3school.com.cn/html5
3、MVC实现了展示层和逻辑代码的完美分离,并且生成了很干净的html代码,这对于手机开发来说是很重要的,因为传统的web form方式生成了大量的垃圾代码,有些手机在显示上可能会出现问题。
对手机开发感兴趣的朋友不妨看nopcommerce源码的过程中也关注一下这块内容。
分享是一种美。版权所有,转载请注明出处http://www.nopchina.net/