代码改变世界

DinnerNow.Net中的AJAX应用体味(1)

2009-03-09 23:30  AnyKoro  阅读(466)  评论(0编辑  收藏  举报

DinnerNow是微软的一个demo,其集成了WPF,WCF,WF,WCS,同时对于数据库的操作又用了Linq,外加极强的用户体验,也将AJAX应用发挥到了一定的高度。虽然的确有点大杂烩之嫌,但是值得学习的地方还是很多的。在篇博文中,我主要会分析一下DinnerNow中的AJAX应用。

对于一些基本的DinnerNow安装,极其一些大致的框架结构等,已经有前人介绍过了(地址http://www.cnblogs.com/daizhj/category/136637.html) 。这里我主要针对一些主要的页面进行一下AJAX应用分析。

在DinnerNow最主要的页面应该是Search.aspx页面,在这个页面中完成了,搜索,点餐等等功能。下面是其实际的操作演示截图:

 

刚进入搜索页,选择餐厅的页面

 

选择了餐厅后出现的页面

 

当把鼠标放到图标上,触发特定的hover时候的样式

 

进行选择在左边生成了购物单。

这些过程都发生在同一个页面中,期间没有发生过任何页面跳转,神奇吧(可能是我太落伍,至少我刚看到觉得太强了。。- -),感觉上非常爽!

仔细分析其代码,不难发现其实其主要使用了大量AJAX应用,而在这里微软也不忘体现下新的WCF框架,利用WCF,构建了一个又一个的AJAX应用,然后再利用回传得到的数据,用JavaScript代码“画”出了现在的各种显示界面。

似乎有点困倦了,在下一篇中,会进行更加细致的页面代码分析。在进行之前,如果感兴趣的朋友,希望能先本地模拟下DinnerNow这个项目。因为在DinnerNow项目中,由于AJAX的大量应用,页面的代码量还是比较大的,如果对功能没有较好的把握的话,很容易混淆功能的。

今天先到这里了,对不住大家,太困了。。。。