Struts 2核心技术与Java EE框架整合开发实战

17.3Struts2整合JSF

目前基于JSF规范较成熟的框架有两个，一个Sun的JSFUI，另一个是Apache的MyFaces框架。因为Struts2提供了对MyFaces更好的插件支持，因此本示例采用Apache的MyFaces。整合之前让我们先来比较一下这两种表示层的框架。

17.3.1Struts2整合JSF的优点

下面从不同方面比较一下Sturts2与JSF各自的特点。

首先，在标签库方面，Struts2的标签库相对要少一些，且不可以自定义；而JSF可以自定义标签。JSF框架拥有丰富的页面组件，如果需要的话可以自己编写相应的组件，或者扩展组件；而在JSP的页面中JSF提供了页面验证标签，可以做简单的长度和类型的验证。Struts2的验证可以有两种方式，form验证与validator验证，功能上要比JSF强大。JSF的组件都是绑定到Bean的，而且数据验证的方法也可以绑定，这一点可以增强验证的功能。而对于验证的错误提示信息，它们都提供了国际化，使得验证更人性化。

其次比较一下导航，二者之间的导航功能的相同点是都通过在XML文件中配置导航规则。Struts2的XML中配置页面跳转的类型，如转发，重定向，由Action返回的字符串来决定导航的目标；而JSF在导航规则中设定页面导航，当某个页面请求到来时，根据导航规则调用指定的Action方法进行处理，并返回一个逻辑视图，然后跳转到与逻辑视图对应的页面。JSF同时支持在页面中绑定按钮触发Action的具体方法，导航原理也是一样的。

最后比较一下Struts2与JSF处理请求的方式。Struts2调用指定的方法处理请求（如果没有指定具体方法则默认调用excute方法）。JSF采用了普通的POJO类作为它的Action，将Action类绑定到页面组件，通过值变监听与事件监听进行请求处理。相比之下，JSF处理请求的方式要比Struts2复杂，不方便系统升级。

总而言之，如果将JSF做为Struts2的视图层，用Struts2的Action做模型，可以开发出完美的应用系统。

接下来就将讲解Struts2与JSF的结合使用。

17.3.2Struts2与JSF整合过程

每种框架都有它独到的设计之处，Struts2的可扩展性使得它的生命力非常顽强。Struts2提供了多种框架的插件包，它与MyFaces整合就是利用插件来实现的。下面我们介绍如何进行二者的结合应用。

首先下载Struts2的JSF插件，下载地址是http://struts.apache.org/downloads.html。目前最高的插件版本是2.0.11，我们使用这个最新的版本与myfaces进行整合。

Apache的MyFaces下载地址是http://myfaces.apache.org./download.html，目前的最高版本是1.2.2，本示例使用的是1.1.5。下载后得到名为myfaces-core-1.1.5的压缩文件，将该文件解压，得到lib包下的运行库文件（.jar文件）。

17.3.3整合应用实例

2008年是奥运年，因此我们采用目前最流行的奥运啦啦队员的选拔活动为主题，设计一个Struts2+JSF应用的示例。

奥运啦啦队员选拔队员的设计分为3种功能：增加选手、查询选手、修改选手。

按如下的顺序创建示例程序。

（1）配置环境：配置Struts2+JSF整合过程的运行环境。

（2）配置struts.xml文件：配置JSF拦截器与请求的Action。

（3）创建页面：注册选手页面，显示所有选手列表页面，修改选手页面。

（4）创建JavaBean。选手信息类PlayerInfo与控制器类OlympicAction。

（5）配置Web应用文件：配置Struts2请求转发控制器。

（6）发布运行：演示发布运行后的结果页面。

下面详细介绍各个环节的实现过程。

（1）配置应用程序运行环境。

添加Struts2核心资源包、Struts2的JSF插件包、MyFaces资源包。

（2）配置struts.xml。

利用Struts2+JSF开发视图层，需要的配置文件是struts.xml。这个文件配置信息分为两个部分，一个是JSF拦截器的配置，另一个是Struts2的Action配置。

首先看一下JSF拦截器的配置：

在struts.xml文件中需要配置JSF的拦截器，使得所有的JSF的请求都能被正确处理。这个拦截器在Struts的插件包中已经定义好了，继承这个包就可以使用这些拦截器。拦截器的配置如代码17-17所示。

代码17-17struts.xml中JSF拦截器的配置

<!--重写拦截器，将其命名在包myJSF中-->

<packagename="myJSF"extends="JSF-default">

<interceptors>

<interceptor-stackname="JSFFullStack">

<interceptor-refname="params"/>

<interceptor-refname="basicStack"/>

<interceptor-refname="JSFStack"/>

</interceptor-stack>

</interceptors>

<default-interceptor-refname="JSFFullStack"/>

</package>

接下来配置请求的Action。

在请求的Action配置中需要继承myJSF拦截器，用来处理JSF页面的组件。

本应用中来自页面的请求共有4种，如下所示。

lwelcome.action：请求显示欢迎页面。配置的result类型为JSF，使用JSF解析welcome.jsp页面中的组件。

lview.action：请求显示所有选手列表。配置的result类型为JSF，使用JSF解析view.jsp页面中的组件，显示所有已报名选手的列表信息。

lregister.action：请求增加选手。配置两种result。

result的name=“JSF”，使用JSF解析register.jsp页面中的组件。

result的name=“view”、type类型为chain，即增加选手后直接请求显示所有选手类表的view.action。

lfindone.aciton：请求显示修改选手信息

result类型为“JSF”，使用JSF解析findone.jsp页面中的组件。

result的name=“view”、type类型为“chain”，即修改选手后直接请求显示所有选手类表的view.action。

struts.xml的详细配置，如代码17-18所示。

代码17-18struts.xml的详细配置

<!--定义我们的Action的包，并且要继承myJSF-->

<packagename="olympic"extends="myJSF">

<!--首次进入的欢迎页面-->

<actionname="welcome">

<resulttype="JSF"/>

</action>

<!--显示所有选手-->

<actionname="view"class="com.sunyang.olympic.OlympicAction">

<resultname="success"type="JSF"/>

</action>

<!--选手报名-->

<actionname="register"class="com.sunyang.olympic.OlympicAction">

<resultname="success"type="JSF"/>

<resultname="view"type="redirect">view.action</result>

</action>

<!--修改信息-->

<actionname="findone"class="com.sunyang.olympic.OlympicAction"method="findone">

<resultname="success"type="JSF"/>

<resultname="view"type="redirect">view.action</result>

</action>

</package>

（3）创建页面。

示例程序共设计4个页面，分述如下。

lwelcome.jsp。欢迎页面。该页面显示两种链接：“我现在就要报名”链接到新增加选手页面；“我想看看都谁报名了”链接到查看所有选手列表信息页面。

lregister.jsp。增加用户页面。单击欢迎页面的“我现在就要报名”，跳转到本页面。该页面显示增加选手的信息，页面使用JSF输入组件标签，表单提供用户编号、姓名、年龄、性别与联络方式，所有的信息都由选手填写，而且实现数据验证功能，对于不合法的数据类型同时提供错误信息。

lview.jsp。查看所有选手列表信息。该页面采用JSF制表标签，循环遍历显示所有选手信息。该页面还提供了另一个链接“这里还没有我”，单击该链接跳转到增加选手页面。

lfindone..jsp。该页面用来提供选手修改个人信息。

单击查看所有选手列表信息页面的选手编号，跳转到本页面。本页面采用JSF输入类标签，显示该选手编号对应的详细信息，如选手编号、选手姓名、性别、年龄及联系方式，供选手修改。修改后单击“我确定修改”，跳转到显示所有选手类表页面。

①欢迎页面welcome.jsp，如代码17-19所示。

代码17-19welcome.jsp

<%@pagelanguage="java"import="java.util.*"pageEncoding="GBK"%>

<%@taglibprefix="f"uri="http://java.sun.com/JSF/core"%>

<%@taglibprefix="h"uri="http://java.sun.com/JSF/html"%>

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

<html>

<head>

<title>MyJSP'welcome.jsp'startingpage</title>

</head>

<body>

<f:view>

<h3>奥运啦啦队员海选报名啦！！！</h3>

<h3>请选择：</h3>

<h:outputLinkvalue="register.action">

<h:outputTextvalue="我现在就要报名！！！"/>

</h:outputLink>

<h:outputLinkvalue="view.action">

<h:outputTextvalue="我想看看都谁报名了！！！"/>

</h:outputLink>

</f:view>

</body>

</html>

②增加选手的注册页面register.jsp。

单击“我现在就要报名”跳转到注册页面，这个页面的代码很多，标签中的“value”值就是配置在Action中注入的player的各种属性值，如代码17-20所示。

代码17-20register.jsp

<%@pagelanguage="java"contentType="text/html;charset=GBK"%>

<%@taglibprefix="f"uri="http://java.sun.com/JSF/core"%>

<%@taglibprefix="h"uri="http://java.sun.com/JSF/html"%>

<html>

<head>

<title>注册信息</title>

</head>

<body>

<f:view>

<h3>同一个世界，同一个梦想</h3>

<h3>感谢您对奥运的支持，请填写下列信息......</h3>

<h:form>

<h:panelGridcolumns="3">

<h:outputTextvalue="选手编号"/>

<h:inputTextid="id"size="30"value="#{action.player.id}"required="true"/>

<h:messagefor="id"/>

<h:outputTextvalue="选手姓名"/>

<h:inputTextid="name"size="30"value="#{action.player.name}"

required="true">

<f:validateLengthminimum="2"maximum="100"/>

</h:inputText>

<h:messagefor="name"/>

<h:outputTextvalue="选手性别"/>

<h:inputTextid="sex"size="30"value="#{action.player.sex}"required="true">

<f:validateLengthminimum="1"maximum="6"/>

</h:inputText>

<h:messagefor="sex"/>

<h:outputTextvalue="选手年龄"/>

<h:inputTextid="age"size="30"value="#{action.player.age}"required="true">

<f:validateLengthminimum="1"maximum="100"/>

</h:inputText>

<h:messagefor="age"/>

<h:outputTextvalue="联系方式"/>

<h:inputTextid="tel"size="30"value="#{action.player.tel}"required="true">

<f:validateLengthminimum="2"maximum="13"/>

</h:inputText>

<h:messagefor="tel"/>

</h:panelGrid>

<h:commandButtonvalue="报名了"action="#{action.save}"/>

<br/>

</h:form>

</f:view>

</body>

</html>

③查看所有选手信息列表页面view.jsp。

在注册选手页面，填写选手信息后，单击“报名了”跳转到查看所有选手的页面，该页面将所有选手信息遍历显示到表格中。标签<h:dataTable>用来显示表格，<f:facet>用来显示表头，<h:column>用来显示表列，详细的设计如代码17-21所示。

代码17-21view.jsp

<%@pagelanguage="java"contentType="text/html;charset=GBK"%>

<%@taglibprefix="f"uri="http://java.sun.com/JSF/core"%>

<%@taglibprefix="h"uri="http://java.sun.com/JSF/html"%>

<html>

<head>

<title>查看所有选手报名信息</title>

</head>

<body>

<f:view>

<h3>已经有这么多人报名了！！！！！</h3>

<h3>这里有我吗？没有请单击加入他们</h3>

<h:dataTablevalue="#{action.select}"var="p"style="text-align:center;width:500px"

border="1">

<h:column>

<f:facetname="header">

<h:outputTextvalue="选手编号"/>

</f:facet>

<h:outputLinkvalue="findone.action">

<f:paramname="playerid"value="#{p.id}"/>

<h:outputTextvalue="#{p.id}"/>

</h:outputLink>

</h:column>

<h:column>

<f:facetname="header">

<h:outputTextvalue="选手姓名"/>

</f:facet>

<h:outputTextvalue="#{p.name}"/>

</h:column>

<h:column>

<f:facetname="header">

<h:outputTextvalue="选手性别"/>

</f:facet>

<h:outputTextvalue="#{p.sex}"/>

</h:column>

<h:column>

<f:facetname="header">

<h:outputTextvalue="选手年龄"/>

</f:facet>

<h:outputTextvalue="#{p.age}"/>

</h:column>

<h:column>

<f:facetname="header">

<h:outputTextvalue="联系方式"/>

</f:facet>

<h:outputTextvalue="#{p.tel}"/>

</h:column>

</h:dataTable>

<p>

<h:outputLinkvalue="register.action">

<h:outputTextvalue="这里还没有我！！"/>

</h:outputLink>

</p>

</f:view>

</body>

</html>

④修改选手页面findone.jsp。

单击查看显示所有选手列表页面中的选手编号，跳转到修改选手信息页面。

在findone.jsp中需要增加一个<h:inputHidden>标签用来隐式的标识“playerid”。将选手编号为“playerid”的属性值显示到页面中。最后提交action的modify方法，详细的设计如代码17-22所示。

代码17-22findone.jsp

<%@pagelanguage="java"contentType="text/html;charset=GBK"%>

<%@taglibprefix="f"uri="http://java.sun.com/JSF/core"%>

<%@taglibprefix="h"uri="http://java.sun.com/JSF/html"%>

<html>

<head>

<title>修改信息</title>

</head>

<body>

<f:view>

<h3>同一个世界，同一个梦想</h3>

<h3>感谢您对奥运的支持，请修改下列信息>>></h3>

<h:form>

<h:inputHiddenvalue="#{action.playerid}"/>

<h:panelGridcolumns="3">

<h:outputTextvalue="选手编号"/>

<h:inputTextid="id"size="30"value="#{action.player.id}"required="true"/>

<h:messagefor="id"/>

<h:outputTextvalue="选手姓名"/>

<h:inputTextid="name"size="30"value="#{action.player.name}"required="true">

<f:validateLengthminimum="2"maximum="100"/>

</h:inputText>

<h:messagefor="name"/>

<h:outputTextvalue="选手性别"/>

<h:inputTextid="sex"size="30"value="#{action.player.sex}"required="true">

<f:validateLengthminimum="2"maximum="6"/>

</h:inputText>

<h:messagefor="sex"/>

<h:outputTextvalue="选手年龄"/>

<h:inputTextid="age"size="30"value="#{action.player.age}"

required="true">

<f:validateLengthminimum="1"maximum="100"/>

</h:inputText>

<h:messagefor="age"/>

<h:outputTextvalue="联系方式"/>

<h:inputTextid="tel"size="30"value="#{action.player.tel}"required="true">

<f:validateLengthminimum="2"maximum="13"/>

</h:inputText>

<h:messagefor="tel"/>

</h:panelGrid>

<h3>感谢您对奥运的支持，提交前请确认您的信息</h3>

<h:commandButtonvalue="我确定修改!!!"id="modifyCommand"action=

"#{action.modify}"/>

<br/>

</h:form>

</f:view>

</body>

</html>

（4）创建JavaBean，包括选手信息类PlayerInfo与控制器类OlympicAction。

①首先创建选手信息类PlayerInfo.java。

该类中定义选手的各种属性，包括id（编号）、name（名称）、age（年龄）、sex（性别）、tel（联系方式），如代码17-23所示。

代码17-23PlayerInfo.java

packagecom.sunyang.olympic;

publicclassPlayerInfo{

privateintid;

privateStringname;

privateintage;

privateStringsex;

privateinttel;

//定义默认的构造函数

publicPlayerInfo(){}

//重写构造函数

publicPlayerInfo(intid,Stringname,Stringsex,intage,inttel){

this.id=id;

this.name=name;

this.sex=sex;

this.age=age;

this.tel=tel;

}

//省略属性的getter和setter方法

}

②然后创建控制器类OlympicAction.java。

OlympicAction.java用来处理增加选手页面、修改选手页面、显示所有选手列表页面、修改选手信息页面功能的各种请求。该类需要继承ActionSupport，注入选手信息类PlayerInfo对象。添加处理页面表单的方法如下。

l预存储数据：本应用没有持久化，因此这里采用预先填写3条数据，存储在List对象中。

l增加选手：单击增加选手页面中的“报名了”，触发该方法。本应用中的所有选手信息，除了预先存储的数据以外，新增加的选手数据，均存储在会话session当中。

l查询所有选手：单击“我想看看都谁报名了”或是在修改选手页面中更新选手信息后，单击“我确定修改！”时触发此方法，此方法调用存储在List中的数据，如果会话已经被创建，就返回会话当中的列表List；否则返回预先存储的列表List。

l查找单个选手：该方法根据页面表单中选手的编号，遍历会话session中存储的选手对象，并将该对象中的数据返回给修改选手信息页面，供选手修改。

l修改选手信息：当选手在修改信息页面中更新当前信息后，点击“我确定修改！”提交到本方法。此方法将根据提交的选手编号，更新存储在会话session中的对象信息，并跳转到查看所有选手信息列表页面。

具体如代码17-24所示。

代码17-24OlympicAction.java

packagecom.sunyang.olympic;

publicclassOlympicActionextendsActionSupport{

//注入选手POJO

privatePlayerInfoplayer;

//实例化选手对象

publicOlympicAction(){

player=newPlayerInfo();}

//定义选手的id属性，用来接受页面值信息

privateintplayerid;

//省略他们的getter和setter

//定义封装选手对象的list

List<PlayerInfo>list=newArrayList<PlayerInfo>();

//硬性地存储3条数据，

publicList<PlayerInfo>setValue(){

//定义会话session

HttpSessionsession=ServletActionContext.getRequest().getSession();

if(session.getAttribute("player")==null){

PlayerInfono1=newPlayerInfo(2008,"Andy","man",25,1111111111);

PlayerInfono2=newPlayerInfo(2009,"Lily","female",25,22222222);

PlayerInfono3=newPlayerInfo(2010,"Kaka","man",25,1111111111);

list.add(no1);

list.add(no2);

list.add(no3);

session.setAttribute("player",list);

}

list=(List)session.getAttribute("player");

returnlist;

}

//遍历所有的选手并将其传值到页面

publicList<PlayerInfo>getSelect(){

ListlistValue=newArrayList();

listValue=setValue();

returnlist;

}

//增加选手对象

publicStringsave(){

HttpSessionsession=ServletActionContext.getRequest().getSession();

if(session!=null){

list=setValue();

list.add(player);

session.setAttribute("player",list);

}

return"view";

}

//遍历单个选手，并将其值传到页面

publicStringfindone(){

HttpSessionsession=ServletActionContext.getRequest().getSession();

if(session!=null){

list=(List)session.getAttribute("player");

for(inti=0;i<list.size();i++){

PlayerInfop=list.get(i);

if(p.getId()==playerid){

this.player=p;

}

}

}

return"success";

}

//用来修改选手信息

publicStringmodify(){

HttpSessionsession=ServletActionContext.getRequest().getSession();

if(session!=null){

list=(List)session.getAttribute("player");

for(inti=0;i<list.size();i++){

PlayerInfop=list.get(i);

if(p.getId()==player.getId()){

list.remove(p);

list.add(player);

}

}

}

return"view";

}

}

（5）配置Web应用文件。

Struts2中使用的JSF的UI标签、JavaBean的绑定功能，都需要使用JSF的Servlet来处理。因此在Web应用文件中需要配置的JSFSevlet处理.action的所有请求，同时要配置Struts2的请求转发。如代码17-25所示。

代码17-25web.xml

<?xmlversion="1.0"encoding="UTF-8"?>

<web-appid="JSF"version="2.4"

xmlns="http://java.sun.com/xml/ns/j2ee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee

http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<filter>

<filter-name>struts</filter-name>

<filter-class>org.apache.Struts2.dispatcher.FilterDispatcher</filter-class>

</filter>

<filter-mapping>

<filter-name>struts</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<listener>

<listener-class>org.apache.myfaces.webapp.StartupServletContextListener</listener-class>

</listener>

<!--JSF的servlet-->

<servlet>

<servlet-name>faces</servlet-name>

<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<!--配置所有的.action的请求都有JSF的servlet处理-->

<servlet-mapping>

<servlet-name>faces</servlet-name>

<url-pattern>*.action</url-pattern>

</servlet-mapping>

</web-app>

（6）最后发布运行。

单击“我想看看都谁报名了”后，进入到查看所有队员信息的页面。

单击欢迎页面的“我现在就要表名！！！”或者页面的“这里还没有我”后进入到增加新的啦啦队选手的页面。

当单击“报名了”后，跳转到查看所有选手信息的页面。

单击选手编号，可以修改选手的各项信息。

单击“我确定修改！！！”按钮后跳转到查看所有选手页面。

至此，Struts2和JSF的整合就完成了，发布运行后，得到预期的效果。但要注意的是，示例中我们将值存储在session会话中，并没有被真正的持久化，如果要想将数据持久化，就需要增加持久层及业务层相应代码，这些操作可以参考其它整合持久化框架的章节。