JSP和JSF合并 共同打造完美的Web应用

<!-- end of news title --> JSP和JSF合并共同打造完美的Web应用 来源：http://www.operamasks.org/NewsDetails.jsp?newsId=0f9b38f301101000e000000dca 发表时间：2007-03-02 08:16 <!--start of news content --> 【编者按】 　　Java在最近几年逐渐升温，随着JavaSE5和JavaSE6的推出，Java的未来更显得无比辉煌。但以Java为基础的JSP在JavaSE5推出之前却一直抬不起头来，这最重要的原因就是JSP虽然功能十分强大，但最大的优点也是它的最大缺点，功能强大就意味着复杂，尤其是设计前端界面的可视化工具不多，也不够强大。因此，设计JSP页面就变得十分复杂和繁琐... 　　Java在最近几年逐渐升温，随着JavaSE5和JavaSE6的推出，Java的未来更显得无比辉煌。但以Java为基础的JSP在JavaSE5推出之前却一直抬不起头来，这最重要的原因就是JSP虽然功能十分强大，但最大的优点也是它的最大缺点，功能强大就意味着复杂，尤其是设计前端界面的可视化工具不多，也不够强大。因此，设计JSP页面就变得十分复杂和繁琐。不过，在JavaSE5推出的同时，Sun为了简化JSP的开发难度，推出了新的JavaServerFaces(简称JSF)规范。从而使JSP走上了康庄大道。 　　一、什么是JSF 　　JSF和JSP是一对新的搭档。JSP是用于后台的逻辑处理的技术，而JSF恰恰相反，是使开发人员能够快速的开发基于Java的Web应用程序的技术，是一种表现层技术。目前，JSF1.2已经正式作为一个标准加入了JavaEE5中。 　　作为一种高度组件化的技术，开发人员可以在一些开发工具的支持下，实现拖拉式编辑操作，用户只需要简单的将JSF组件拖到页面上，就可以很容易的进行Web开发了。这是其作为一种组件化的技术所具有的最大好处，我们能用的组件不光是一些比较简单的输入框之类，还有更多复杂的组件可以使用的，比如DataTable这样的表格组件，Tree这样的树形组件等等。 　　作为一种标准的技术，JSF还得到了相当多工具提供商的支持。同时我们也会有很多很好的免费开发工具可以使用，前不久SunJavaStudioCreator2和OracleJDeveloper10g作为免费的支持JSF的开发工具发布，给JSF带来了不小的生气。另外我们也有一些很优秀的商业开发工具可共选择，BEAWorkshop(原M7NitroX)，Exadel，MyEclipse这样的基于Eclipse的插件开发工具，为现在广大的Eclipse用户带来了不小的便利，IBM的RationalApplicationDeveloper和Borland的JBuilder也是很不错的支持JSF可视化开发的商业开发工具。 　　JSF和传统的Web技术有着本质上的差别，在传统的Web技术需要用户自己对浏览器请求进行捕捉，保存客户端状态，并且手工控制着页面的转向，等等。而JSF的出现，无疑给我们带来了巨大的便利，JSF提供了事件驱动的页面导航模型，该模型使应用程序开发人员能够设计应用程序的页面流。与Struts的方式向类似的是，所有的页面流信息都定义在JSF配置XML文件(faces-config.xml)中，而非硬编码在应用程序中。这很大程度简化了开发人员开发难度，简化了应用程序的开发。 　　同时JSF也是一种遵循模型-视图－控制器(MVC)模式的框架。实现了视图代码(View)与应用逻辑(Model)的完全分离，使得使用JSF技术的应用程序能够很好的实现页面与代码的分离。所有对JSF页面的请求都会通过一个前端控制器(FacesServlet)处理，系统自动处理用户的请求，并将结果返回给用户。这和传统的MVC框架并没有太大的区别。 　　在JSF中不仅使用了POJO技术，而且还使用了类似Spring的控制反转(IoC)(或称为依赖注入-DI)技术，在JSF的BackingBean中，我们可以把视图所需要的数据和操作放进一个BackingBean中。同时得益于JSF使用的DI技术，我们可以在配置文件中初始化ManagedBean，同时我们也可以通过这样的技术很方便的和使用类似技术的Spring进行整合。 　　二、如何在JSP中使用JSF 　　JSF只有通过和JSP相结合，才能充分发挥它的功效。JSF是通过标签库和JSP进行集成的。标签库就相当于ASP.NET的服务端组件。JSF提供了非常丰富的标签库，通过这些标签库，可以生成各种客户端模型，如HTML、WML、XML以及JavaScript等。通过这些标签，你可以很容易建立大规模的客户端模型，并由这些标签自动处理客户端请求。 　　接下来让我们来看一个如何使JSF和JSP在一起工作的例子。在JSF中有两个库。第一个叫做内核库，在这个库中包含了各种主要的标签，如配置组件、管理事件、验证输入信息等。第二个库的主要功能是将HTML和JSF的各种标签相对应。每一个JSF标签都会对应一个HTML组件。如UIInput标签对应了HTML中的文本框或密码框。 　　在JSF标签中文本输入框叫做inputText，而密码输入库叫inputSecret。下面是一个简单的JSF和JSP结合的用户接口程序。 　　＜%@tagliburi="http://java.sun.com/jsf/html"prefix="h"%＞ 　　＜%@tagliburi="http://java.sun.com/jsf/core"prefix="f"%＞ 　　＜html＞ 　　＜head＞ 　　＜metaHTTP-EQUIV="Content-Type"CONTENT="text/html;CHARSET=GB2312"＞ 　　＜title＞第一个JSF程序＜/title＞ 　　＜/head＞ 　　＜body＞ 　　　＜f:view＞ 　　　＜h:formid="simpleForm"＞ 　　　＜h:outputTextid="favoriteLabel"value="请输入一个数字："/＞ 　　　＜h:inputTextid="favoriteValue"value="#{simple.longValue}"＞ 　　　　＜f:validateLongrangemaximum="30"minimum="0"/＞ 　　　＜/h:inputText＞ 　　　＜p/＞ 　　　＜h:commandButtonid="submit"value="提交"action="#{simple.simpleActionMethod}"/＞ 　　　＜/h:form＞ 　　　＜/f:view＞ 　　＜/body＞ 　　＜/html＞ 　　在上面的代码中，我们可以了解到JSF是如何同JSP集成的。我们首先可以看到一个内核标签：view。然后是几个JSF组件。如form、outputText、inputText以及commandButton。这几个组件被放到form中从而开成了form中的一部分。在程序的最开始，必须使用import导入两个标签库。代码如下。 　　＜%@tagliburi="http://java.sun.com/jsf/html"prefix="h"%＞ 　　＜%@tagliburi="http://java.sun.com/jsf/core"prefix="f"%＞ 　　上面2行代码声明了JSP中要使用哪一个JSF标签库。内核库使用前缀（prefix）f声明，而HTML库使用前缀(prefix)h声明。这两个前缀并不是必须要使用，而只是一个建议。在程序中，内核库必须要使用，因为view在所有的JSF页中必须使用。而HTML标签在运行时将JSF标签转化为HTML组件，这个h前缀并不是必须的，而是JSF规范推荐使用的，这样，我们使我们的JSF程序更易读。 　　在声明后是几行标准的HTML语句，本文不再详述。从＜f:view＞开始，是一段JSF语句。这段代码如下所示： 　　＜f:view＞ 　　＜h:formid="simpleForm"＞ 　　＜h:outputTextid="favoriteLabel"value="请输入一个数字："/＞ 　　＜h:inputTextid="favoriteValue"value="#{simple.longValue}"＞ 　　＜f:validateLongrangemaximum="30"minimum="0"/＞ 　　＜/h:inputText＞ 　　＜p/＞ 　　＜h:commandButtonid="submit"value="提交" 　　action="#{simple.simpleActionMethod}"/＞ 　　＜/h:form＞ 　　＜/f:view＞ 　　＜/f:view＞标签预示着JSF的开始，而它的下一个标签form将建立一个HTMLForm。而outputText标签相当于HTML中的label组件。inputText标签相当于HTML中的textField组件。而commandButton标签相当于HTML中的submit按钮。运行这个JSP程序，将得到如图1所显示效果。 　　三、JSP如何响应JSF的请求 　　从上面的例子我们已经知道如何在JSP中使用JSF了，在这一部分让我们来看看在JSF是如何处理请求的。 　　首先让我们来看一个例子，这个例子是将华氏度转换为摄氏度。当用户点击提交按钮时程序将进行转换。 　　＜%@tagliburi="http://java.sun.com/jsf/html"prefix="h"%＞ 　　＜%@tagliburi="http://java.sun.com/jsf/core"prefix="f"%＞ 　　＜html＞ 　　＜head＞ 　　　＜metaHTTP-EQUIV="Content-Type"CONTENT="text/html;CHARSET=GB2312"＞ 　　＜title＞温度转换程序＜/title＞ 　　＜/head＞ 　　＜body＞ 　　　＜f:view＞ 　　　＜h:form＞ 　　　＜div＞ 　　　　＜h:outputTextid="fahrenheitLabel"value="请输入华氏温度："/＞ 　　　　＜span＞ 　　　　　＜h:inputTextid="temperature"value="#{tc.fahrenheitTemp}"＞ 　　　　　＜f:validateDoublerangeminimum="-100.0"maximum="100.0"/＞ 　　　　　＜f:valuechangeListenertype="tempconv.page.TCChangedListener"/＞ 　　　　＜/h:inputText＞ 　　　　＜/span＞ 　　　＜/div＞ 　　　＜div＞ 　　　　＜h:outputTextid="celsiusLabel"value="摄氏温度："/＞ 　　　　＜span＞ 　　　　　＜h:outputTextid="celsiusValue"value="#{tc.celsiusTemp}"＞ 　　　　　＜f:convertNumbermaxFractionDigits="3"type="number"/＞ 　　　　＜/h:outputText＞ 　　　　＜/span＞ 　　　＜/div＞ 　　　＜div＞ 　　　　＜h:commandButtonvalue="转换"action="#{tc.convert}"＞ 　　　　＜/h:commandButton＞ 　　　＜/div＞ 　　　＜/h:form＞ 　　　＜/f:view＞ 　　＜/body＞ 　　＜/html＞ 　　在程序的前两行是导入JSF核心库和HTML库，这个在前面已经讨论过，在这里不再详述。 　　下面让我们来看看JSF标签是如何同后端进行交互的。由于我们是在JSP中使用JSF，因此，这个和正常的JSP没有什么区别；JSP实际上就是Servlet，在JSP第一次运行时由JSP编译器将.JSP文件编译成Servlet后再由Servlet调用，然后由Servlet来接收客户端传过来的数据流。但和一般的JSP程序不同的是，JSF标签是由JSFAPI负责调用的（这样可以做到逻辑层和表现层分离），除此之外，它们和一般的JSP标签没有任何区别。 　　当UIComponent标签收到doStartTag方法时，JSF将使用这些属性来设置标签的值。如本例中的inputText标签将按它的属性值来设置。下面是JSF的代码片段。 　　＜h:inputTextid="temperature"value="#{tc.fahrenheitTemp}"＞ 　　　＜f:validateDoublerangeminimum="-100.0"maximum="100.0"/＞ 　　　＜f:valuechangeListenertype="tempconv.page.TCChangedListener"/＞ 　　＜/h:inputText＞ 　　inputText标签根据相应的值设置了id和value的属性。在JSF中是通过setAttribute(Stringname,Objectvalue)设置每一个属性值的。但我们需要注意的是JSF标签可以指定相应的默认值。这有些类似java中的系统属性，如果你给了一个属性名子，那系统将返回这个属性的值，如果指定它的默认值，并且这个属性不存在的话，将返回这个默认值。 　　接下来让我们来看看上面程序的最重要的部分，也就是UIInput组件的事件处理。 　　＜f:valuechangeListenertype="tempconv.page.TCChangedListener"/＞ 　　在JSF中事件处理是由valuechangeListener标签完成的。这个标签所表示的事件在文本框的值发生变化时引发事件。但有意思的是这个事件并不马上提交，而是要等到用户点击"提交"按钮后这个事件连同相应的数据才提交给后端。因此，这个事件请求也叫做预提交。最后，让我们看看UICommand的代码实现。 　　＜div＞ 　　　＜h:commandButtonvalue="转换"action="#{tc.convert}"＞ 　　　＜/h:commandButton＞ 　　＜/div＞ 　　上面的代码将convert()方法和UICommand连接了起来，也就是说，点击"提交"按钮后，将执行convert()方法。在遇到view标签后，JSF程序结果，JSFAPI最后调用doEnd方法来结束JSF程序。JSF引擎在解析这段程序后，将相应的JSF标签转换为HTML组件。 　　最后，让我们来看看JSP是如何响应JSF事件的。下面是一段响应JSF事件的Java代码。 　　publicclassTCChangedListenerimplementsValueChangeListener 　　{ 　　　publicTCChangedListener() 　　　{ 　　　　super(); 　　　} 　　　//事件处理 　　　publicvoidprocessValueChange(ValueChangeEventevent) 　　throwsAbortProcessingException 　　　{ 　　　　UIComponentcomp=event.getComponent(); 　　　　Objectvalue=event.getNewValue(); 　　　　if(null!=value) 　　　　{ 　　　　　floatcurVal=((Number)value).floatValue(); 　　　　　Mapvalues=comp.getAttributes(); 　　　　　if(curVal＜0) 　　　　　{ 　　　　　　values.put("styleClass","red"); 　　　　　} 　　　　　else 　　　　　{ 　　　　　　values.put("styleClass","black"); 　　　　　} 　　　　} 　　} 　　要想响应JSF事件，必须要实现JSF库中的ValueChangeListener接口。上面的程序要注意的是最后根据输入的值来设置相应的颜色。这些值并不依赖JSP。当然，你也可以将它们设置成null，而由JSP标签来设置它们的颜色.