实现AJAX风格的Portal

前言
　　本文的是写给有BEA WebLogic Portal使用经验的开发人员。帮助他们把AJAX技术应用到BEA WebLogic Portal中，让用户可以得到更好的体验。

　　希望笔者在Portal方面的经验能对大家有所帮助和启发。限制于篇幅和主题所以不深入技术细节，有兴趣的读者请参考后面的文献，或者写信与我共同研究。本文不是Portal，Portlet，JSR168 ,AJAX入门开发文章，这些本章请查阅:http://dev2dev.bea.com.cn

　　在技术和概念部分不是非常详细，因为网上资料太多，也不会详细讲解但还是为了不影响阅读，还是会给予简单的说明一下。

　　文本没有特殊的说明对Portal的解说都是基于BEA WebLogic Portal 8.1 SP4 。

什么是AJAX风格的Portal?
　　对于客户来说，AJAX风格的Portal就是大部分操作都是不会刷新页面的，包括最基本的Portlet的最大化，最小化，删除等操作，浏览器和服务器的交互不是通过url，或者是表单的post完成的，而是通过XMLHttpRequest完成的。
字串9
　　让我们先看看现实中的例子：实际上我们已经看到很多实际的支持AJAX风格的Portal，

　　例如微软和google的门户：

http://my.msn.com



http://google.com



　　申请一个帐号，然后进入操作一下，例如添加，删除，最大化，最小化Portlet试试看，页面根本不会像传统的Portal那样引发页面的刷新，整个操作非常顺畅。

AJAX风格Portal的优点
　　提高效率:门户中有多个应用，用户如果只是为了更新单独的页面而刷新，会导致整个门户页面的刷新从而导致多个应用同时刷新，降低访问速度和增加了额外的软硬件开销。我们认为作为用户访问入口，用户不会经常反复的切换和刷新页面，所以我们希望服务器端数据更改后能自动更新客户端页面数据而不用用户随时的去刷新页面。由于经典的web模型 request －refresh。用户的每一个交互都会导致浏览器的刷新，对于传统的web应用，这个并不是什么大的问题，但是对于门户来说，每个porltet的一次交互都会导致其它portlet的重新渲染，如果门户上有许多portlet，而且某些portlet调用了某些消费时间和服务器资源的操作，那么这是非常可怕的。这时经常会遇到的问题是：用户随便点击portlet上的一个按钮，门户的响应时间 = 最长响应portelt的时间。这就是为什么经常有Portal开发人员抱怨，一般的Portal太慢了的原因之一。当然你也可以使用某些缓存技术，但是这都只是治标不治本，没有根本的改变。我们希望改变为：门户的响应时间 = 服务器对本次操作运行的时间。 字串7

　　要做的这点，就不得不提到AJAX。

　　更好的用户体验:门户对我们的客户是一个新的体验，我们一定要尽量使他们有跟完美的体验，毕竟一个Portal平台是非常贵的，一定要让客户第一感觉：嗯，不错，跟我们以前看到的产品完全不一样，太有趣了。Oh，如果你第一次和客户交流能有这样的结果的话，能做到这就有趣了，你可以继续介绍你的基于门户的产品了，思想多么先进，如何如何。。

　　否则，“天啦，跟我们以前的产品没什么不同，不就是多了最大化和关闭几个按钮，我们却要多那么多钱。”那就惨了。。。

AJAX框架
为什么要使用AJAX框架
　　使用AJAX必须要对各种前台技术非常了解，包括javascript，DHTML等，对于普通的Java程序员来说，这种要求是有点过分了，如何使普通的java程序员快速进行AJAX的开发呢，那么就要求我们使用一些AJAX框架，来屏蔽各种前台技术。

为什么选择DWR
　　DWR(直接Web远程控制)项目是在Apache许可下的一个开源的解决方案，它供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者。它具有一套Javascript功能集，它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它操控不同类型的参数，并同时保持了HTML代码的可读性。 字串7

　　DWR不是对一个设计的插入，也不强迫对象使用任何种类的继承结构。它和servlet框架内的应用配合的很好。对缺少DHTML编程经验的开发者来说，DWR也提供了一个JavaScript库包含了经常使用的DHTML任务，如组装表，用item填充select下拉框，改变HTML元素的内容，如