|
JSP和JSF合并共同打造完美的Web应用 |
来源:http://www.operamasks.org/NewsDetails.jsp?newsId=0f9b38f301101000e000000dca 发表时间:2007-03-02 08:16 |
|
<!-- end of news title -->
<!--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标签来设置它们的颜色.
|
|
|
相关推荐
JSP和JSF合并 打造完美的Web层应用
JSP和JSF合并+打造完美的Web层应用
中文名: 经典Java EE企业应用实战--基于WebLogic/JBoss的JSF+EJB 3+JPA整合开发 原名: 经典Java EE企业应用实战--基于WebLogic/JBoss的JSF+EJB 3+JPA整合开发 作者: 李刚 资源格式: PDF 版本: 第一版 出版社: 电子...
16.4.4 在JSF中暴露应用程序环境 16.5 Spring中带有DWR的支持Ajax的应用程序 16.5.1 直接Web远程控制 16.5.2 访问Spring管理的Bean DWR 16.6 小结 附录A 装配Spring A.1 下载Spring A.1.1 研究Spring发布 A...
16.4.4 在JSF中暴露应用程序环境 16.5 Spring中带有DWR的支持Ajax的应用程序 16.5.1 直接Web远程控制 16.5.2 访问Spring管理的Bean DWR 16.6 小结 附录A 装配Spring A.1 下载Spring A.1.1 研究Spring发布 A...
16.4.4在jsf中暴露应用程序环境 16.5spring中带有dwr的支持ajax的应用程序 16.5.1直接web远程控制 16.5.2访问spring管理的beandwr 16.6小结 附录a装配spring a.1下载spring a.1.1研究spring发布 a.1.2构建...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果 1个目标文件 摘要:Java源码,图形操作,火焰效果 Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、...
应用,应用程序 [,æpli'keiʃәn]' (application crash 程序崩溃) arbitrary a.任意的 ['ɑ:bitrәri] argument n.参数;争论,论据 ['ɑ:gjumәnt]'(缩写 args) assert (关键字) 断言 [ә'sә:t] ' (java 1.4 之后...