WebWork深入浅出

WebWork深入浅出

本文发表于《开源大本营》

作者:钱安川

前言

本篇文章并没有太多WebWork 的实战代码细节。本人非常希望能充当一名导游的角色,带领读者逐步游览WebWork的功能特性和原理。在第一章,我们将提出基于三层架构的Web层需要解决的10个问题,这是本文的纵轴。围绕着纵轴,我们按照横轴的顺序逐步描述讲解:WebWork简介、WebWork入门、WebWork原理、WebWork实战和技巧、展望WebWork未来、最后是本文的总结。

基于三层架构的 Web 层需要解决的问题

我们这里讨论的Web层,是基于典型的三层架构:Web层,业务层,数据层。故,我们将不讨论任何涉及业务(业务逻辑)层和数据层功能的实现。

Web层需要解决的问题:

1、 数据的输入。如何获得基于无状态HTTP的请求数据?如何将请求的字符数据转换为对应的模型对象?

2、 输入数据的验证。如何验证输入数据的合法性并给出明确的错误消息提示

3、 数据的输出。如何展现复杂的对象结构?如何处理复杂的展现逻辑?

4、 数据的传递和共享。如何在不同的请求或页面之间传递和共享数据?

5、 页面的流程管理。如何管理Web应用中的页面流程?

6、 模块化的管理。如何将复杂的Web应用以模块化的方式管理?

7、 灵活可扩展的架构。如何支持各种不同的展现层技术?如何与业务层或数据层的各种框架整合?

8、 安全和访问控制的管理。如何提供基于Web的安全机制和资源访问控制的管理?

9、 代码实现的简洁和高效。如何让开发步骤和代码维护变得简单?如何尽量减少开发的中间环节?如何将公共的功能剥离出来,并可以灵活的组装应用?

10、 其它问题。异步调用、国际化支持、文件上传、防止重复提交等等。

下面,让我们来一起看看WebWork是如何解决上面的这些问题。

WebWork 简介

WebWork是由OpenSymphony组织开发的,致力于组件化和代码重用的J2EE Web框架。WebWork目前最新版本是2.2.2,现在的WebWork2.x前身是Rickard Oberg开发的WebWork,但现在WebWork已经被拆分成了Xwork1WebWork2两个项目,如下示意图所示:<shapetype id="_x0000_t88" path="m,qx10800@0l10800@2qy21600@11,10800@3l10800@1qy,21600e" o:spt="88" coordsize="21600,21600" filled="f" adj="1800,10800"><formulas><f eqn="val #0"></f><f eqn="sum 21600 0 #0"></f><f eqn="sum #1 0 #0"></f><f eqn="sum #1 #0 0"></f><f eqn="prod #0 9598 32768"></f><f eqn="sum 21600 0 @4"></f><f eqn="sum 21600 0 #1"></f><f eqn="min #1 @6"></f><f eqn="prod @7 1 2"></f><f eqn="prod #0 2 1"></f><f eqn="sum 21600 0 @9"></f><f eqn="val #1"></f></formulas><path o:connecttype="custom" textboxrect="0,@4,7637,@5" o:connectlocs="0,0;21600,@11;0,21600" arrowok="t"></path><handles><h yrange="0,@8" position="center,#0"></h><h yrange="@9,@10" position="bottomRight,#1"></h></handles></shapetype><shape id="_x0000_s1042" style="MARGIN-TOP: 9.55pt; Z-INDEX: 11; LEFT: 0px; MARGIN-LEFT: 4in; WIDTH: 9pt; TEXT-INDENT: 0px; POSITION: absolute; HEIGHT: 46.8pt; TEXT-ALIGN: left" type="#_x0000_t88"><textbox></textbox></shape>

<shape id="_x0000_s1043" style="MARGIN-TOP: 57.55pt; Z-INDEX: 12; LEFT: 0px; MARGIN-LEFT: 4in; WIDTH: 9pt; POSITION: absolute; HEIGHT: 46.8pt; TEXT-ALIGN: left" type="#_x0000_t88"></shape>
archit.gif


work 简洁、灵活功能强大,它是一个标准的Command 模式框架实现,并且完全从web 层脱离出来。Xwork 提供了很多核心功能:前端拦截机(interceptor ),运行时表单属性验证,类型转换,强大的表达式语言(OGNL – the Object Graph Notation Language ),IoC Inversion of Control 依赖倒转控制)容器等。

WebWork2建立在Xwork之上,处理HTTP的请求和响应。所有的请求都会被它的前端控制器(ServletDispatcher,最新版本是FilterDispatcher)截获。前端控制器对请求的数据进行包装,初始化上下文数据,根据配置文件查找请求URL对应的Action类,执行Action,将执行结果转发到相应的展现页面。WebWork2支持多视图表示,视图部分可以使用JSP, Velocity, FreeMarker, JasperReportsXML等。

下面我们提到的WebWork将为WebWork2,使用的版本是WebWork2.2.2

WebWork 入门

WebWork 安装

如果只是搭建一个WebWork开发环境,那将非常简单:

1、 去网站http://www.opensymphony.com/webwork下载最新的WebWork2.2.2项目。

2、 搭建一个Web应用(这个不难吧);并拷贝WebWork框架运行需要的所有Jar文件到Web应用的WEB-INF\lib中。这些Jar文件,可以在WebWork项目中lib\default目录找到,即那个目录里面的所有文件。当然,别忘记今天的“主角”,在WebWork跟目录下的webwork-2.2.2.jar文件。

3、 Web.xml文件中配置WebWork的前端控制器FilterDispatcher,也就是一个普通的Servlet Filter(过滤器)而已。代码如下:

< filter >

< filter-name > webwork </ filter-name >

< filter-class > com.opensymphony.webwork.dispatcher.FilterDispatcher </ filter-class >

</ filter >

< filter-mapping >

< filter-name > webwork </ filter-name >

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

</ filter-mapping >

不过如果是在实际项目中使用,安装过程中还是有一些问题需要注意的:

1、 关于前端控制器。在以前WebWork2版本里面,前端控制器是ServeltDispatcher,它是一个JavaServlet。而现在是一个Filter(过滤器),会导致无法在页面中使用Jspinclude来包含一个WebWorkAction请求的URL。如果真的需要这样做,可以使用WebWorkaction标签库。

2、 关于Action请求URL的后缀。我们知道,在一般的Web框架中,前端控制器会将特定后缀的请求URL映射到对应的Action请求中。而我们这里的前端控制器会接受任意的请求,但它默认是将.action结尾的URL映射为WebWorkAction请求。我们可以在webwork.properties文件中,设置我们自己的后缀名,多个后缀名可以用逗号隔开。例如:webwork.action.extension=action,do

3、 Jsp 页面中, WebWork 的标签库不需要在 web.xml 中定义,在页面中通过如下的代码直接引用: <%@ taglib prefix = "ww" uri = "/webwork" %>

4、 Jsp页面中,默认“altSyntax”是开启的。它是用来解决标签库中的字符串和表达式语言混淆的问题。所以,作为变量的表达式语言应该放在%{}中,否则WebWork会把它当作字符串处理。

5、 如果展现层技术使用FreemarkerWebWork官方的推荐,也是我个人的推荐),如果在页面中需要使用标签库,必须在web.xml中配置JspSupportServlet,代码如下:

< servlet >

< servlet-name > JspSupportServlet </ servlet-name >

< servlet-class > com.opensymphony.webwork.views.JspSupportServlet </ servlet-class >

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

</ servlet >

6、 还有一些其它的定制,比如:编码,标签的模板文件等等,都可以在webwork.properties文件中配置。如果在ClassPath中没有这个文件,WebWork会自动读取WebWorkJar包里面的default.properties文件。

WebWork 核心概念

WebWork的三个关键部分

1、 Actions。一般一个Action代表一次请求或调用。在WebWork中,一般Action类需要实现Action接口,或者直接继承基础类ActionSupport。这是,它要实现默认的execute方法,并返回一个在配置文件中定义的Result(也就是一个自定义的字符串而已)。当然,Action也可以只是一个POJO(普通Java对象),不用继承任何类也不用实现任何接口。Action是一次请求的控制器,同时也充当数据模型的角色,我们强烈建议不要将业务逻辑放在Action中。

2、 Results。它是一个结果页面的定义。它用来指示Action执行之后,如何显示执行的结果。Result Type表示如何以及用哪种视图技术展现结果。通过Result TypeWebWork可以方便的支持多种视图技术;而且这些视图技术可以互相切换,Action部分不需做任何改动。

3、 InterceptorsWebWork的拦截器,WebWork截获Action请求,在Action执行之前或之后调用拦截器方法。这样,可以用插拔的方式将功能注入到Action中。WebWork框架的很多功能都是以拦截器的形式提供出来。例如:参数组装,验证,国际化,文件上传等等。

第一个例子: Welcome


入门,我们从简单的Welcome开始吧!需求如下:一个页面,有一个用户名输入框;输入自己的名字,例如Moxie,提交按钮返回一个欢迎的页面,并显示前面输入的用户名和一句欢迎信息,例如:Moxie, Welcome!页面操作流程图如下:


login.gif<group id="_x0000_s1026" style="WIDTH: 6in; HEIGHT: 90pt" coordsize="7200,1543" coordorigin="2473,1709" editas="canvas"><lock aspectratio="t" v:ext="edit"></lock><shapetype id="_x0000_t75" path="m@4@5l@4@11@9@11@9@5xe" o:spt="75" coordsize="21600,21600" filled="f" stroked="f" o:preferrelative="t"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape id="_x0000_s1027" style="LEFT: 2473px; WIDTH: 7200px; POSITION: absolute; TOP: 1709px; HEIGHT: 1543px" type="#_x0000_t75" o:preferrelative="f"><fill o:detectmouseclick="t"></fill><path o:connecttype="none" o:extrusionok="t"></path><lock v:ext="edit" text="t"></lock></shape><shape id="File" style="LEFT: 5173px; WIDTH: 1375px; POSITION: absolute; TOP: 2172px; HEIGHT: 804px" path="m19790,3240v-8809,,-10619,,-10740,-154c9050,2931,8930,2777,8930,2469v,-309,-121,-618,-242,-1080c8568,1080,8326,771,8085,463,7723,154,7361,,7361,v,,-5068,,-5310,154c1689,309,1448,463,1327,771v-120,309,-241,618,-362,926c845,2160,724,2314,724,2469,603,2623,603,2777,483,2931v,155,-121,309,-242,309l,3394r,309l,10800,,21600r10981,l21600,21600r,-10800l21600,5246r,-463c21479,4320,21359,4011,21117,3703v-241,-154,-603,-309,-965,-463xe" o:spt="100" coordsize="21600,21600" adj="-11796480,,5400" fillcolor="#ffc" o:spid="_x0000_s1028"><stroke joinstyle="miter"></stroke><shadow offset="6pt,6pt" on="t"></shadow><formulas></formulas><path o:connecttype="custom" textboxrect="1086,4628,20635,20289" o:connectlocs="10981,3240;0,10800;10800,21600;21600,10800;0,21600;21600,21600"></path><lock v:ext="edit" verticies="t"></lock><textbox></textbox></shape></group>

WelcomeAcion.java

<shape id="Document" style="LEFT: 7423px; WIDTH: 781px; POSITION: absolute; TOP: 1971px; HEIGHT: 1073px" path="m10757,21632r-5570,l85,17509r,-6660l85,81r10672,l21706,81r,10571l21706,21632r-10949,xem85,17509r5102,l5187,21632,85,17509xe" o:spt="100" coordsize="21600,21600" adj="-11796480,,5400" fillcolor="#d8ebb3" o:spid="_x0000_s1029"><stroke joinstyle="miter"></stroke><shadow offset="6pt,6pt" on="t"></shadow><formulas></formulas><path o:connecttype="custom" textboxrect="977,818,20622,16429" o:connectlocs="10757,21632;85,10849;10757,81;21706,10652;10757,21632;0,0;21600,0;21600,21600"></path><lock v:ext="edit" verticies="t"></lock><textbox></textbox></shape>

welcomeResult.jsp

<shape id="Document" style="LEFT: 2623px; WIDTH: 781px; POSITION: absolute; TOP: 1971px; HEIGHT: 1073px" path="m10757,21632r-5570,l85,17509r,-6660l85,81r10672,l21706,81r,10571l21706,21632r-10949,xem85,17509r5102,l5187,21632,85,17509xe" o:spt="100" coordsize="21600,21600" adj="-11796480,,5400" fillcolor="#d8ebb3" o:spid="_x0000_s1030"><stroke joinstyle="miter"></stroke><shadow offset="6pt,6pt" on="t"></shadow><formulas></formulas><path o:connecttype="custom" textboxrect="977,818,20622,16429" o:connectlocs="10757,21632;85,10849;10757,81;21706,10652;10757,21632;0,0;21600,0;21600,21600"></path><lock v:ext="edit" verticies="t"></lock><textbox></textbox></shape>

welcome.jsp

<stroke endarrow="block"></stroke><stroke endarrow="block"></stroke><wrap type="none"></wrap><anchorlock></anchorlock>

开发步骤如下:

1、 输入页面。Welcome.jsp是一个非常简单输入页面,代码如下:

< form name = "register" action = "welcome.action" method = "POST" >

Name: < input name = "username" > Please input your name.

</ form >

2、 WebWorkAction类。它实现了Action接口,获得welcome.jsp页面传入的数据即输入的用户名,根据这个用户名生成了一条欢迎信息,并在结果页面中打印出来。WelcomeAction.java代码如下:

public class WelcomeAction implements Action{

private String username;

private String welcomeMessage;

public String execute() throws Exception {

welcomeMessage = username +",Welcome!";

return SUCCESS;

}

public void setUsername(String username) {

this.username = username;

}

public String getWelcomeMessage() {

return welcomeMessage;

}

}

看了上面的代码,也许你都不敢相信这就是 Web 编程。没有调用任何一个 JavaServlet API ,它是如何获得请求的数据并将执行结果暴露给输入页面的呢?它是通过值堆栈和表达式语言来实现(后面会有详细介绍)。我们先看看 Action 是如何获得请求的数据。输入框的名字“ username ”,即请求的参数的名字,它就是一个表达式语言。 WebWork 遇到这个表达式语言,就会执行相应的 setUsername 方法,而 username 参数的值就是执行这个方法的参数。这些是在 Action 执行 execute 方法之前完成,这样 Action 就可以获得请求的数据对象。类似的原理, WebWork 也是通过表达式语言将 getWelcomeMessage 方法暴露给结果页面。

3、 结果页面。welcomeResult.jsp页面,将通过表达式语言,取得Action执行之后暴露出来的数据对象。代码如下:

<%@ taglib prefix = "ww" uri = "/webwork" %>

< ww:property value = "%{welcomeMessage}" />

我们在结果页面中使用了 WebWork 标签库。我们用到的是 property 标签,它通过表达式语言,打印 Action 暴露出的数据对象。

4、 定义配置文件xwork.xml。代码如下:

< xwork >

< include file = "webwork-default.xml" />

< package name = "default" extends = "webwork-default" >

< action name = "welcome" class = "com.noname.web.action.WelcomeAction" >

< result name = "success" type = "dispatcher" > /welcomeResult.jsp </ result >

< interceptor-ref name = "params" />

</ action >

</package>

</xwork>

name ”参数用于请求的 URL 。例如: http://localhost/welcome.action ,这样通过请求的 url ,我们就可以在配置文件中找到对应的 action 。“ class ”即实现 Action 的类。一个 Action 中可以定义多个 Result Result 的“ name ”对应 Action 方法返回的字符串。在我们的 WelcomeAction 方法中,执行成功之后返回字符串“ success ”。即我们在这个 Action 里定义的那个 result 。“ interceptor-ref ”定义这个 action 所使用到的拦截器。我们这里使用了 WebWork 提供的 params 拦截器,它能自动的帮我们将请求的参数组装成 Action 中需要的数据对象。通过这个拦截器,它会调用 Action setUsername 方法,取得 username 参数的值,这样 Action 就可以获得用户输入的 username 数据。也许你会奇怪, params 这个拦截器是从哪里变出来的?这个 xwork.xml 文件包含了 WebWork 提供的默认配置文件 webwork-default.xml,可以在webwork-2.2.2.jar文件中找到。我们定义的这个package继承了它里面的packagewebwork-default”,这样就可以共享“webwork-defaultpackage里面定义的所有拦截器。

WebWork 原理

通过上面的例子,我们已经了解WebWork开发、运行的基本流程(一定要亲自安装,并开发这个Welcome的例子哦)。如果要在实际项目中使用WebWork,我们必须要了解下面的概念和WebWork的原理。

ValueStack( 值堆栈 ) EL( 表达式语言 )

关于ValueStack的描述:

1、 ValueStack其实就是一个放置Java对象的堆栈而已,唯一特别的是可以使用EL来获得值堆栈中对象属性的数据,并可以为值堆栈的对象属性赋值。

2、 EL,全称Express Language,即表达式语言。不要被语言吓倒,它是简单的对象导航语言。有字符串(例如:方法名)和特殊字符组成(例如用.表示调用对应的属性方法)。通过EL,我们可以存、取对象数据,而且还可以直接访问类的静态数据,调用静态方法。

3、 WebWorkValueStack底层有第三方开源项目OGNL实现。所以EL也都遵循OGNL的规范。我们在开发中,几乎不需要知道OGNL的细节。

4、 WebWork为每一次请求构建一个ValueStack,并将所有相关的数据对象(例如:Action对象、Model对象等)放到ValueStack中。再将ValueStack暴露给视图页面,这样页面就可以直接访问后台处理生成的数据。

下面我们用一个雇员类为例,使用Junit框架(单元测试框架)来展示ValueStack的功能。

我们有一个Employee类,它有两个属性:姓名,地址。姓名是一个字符串,地址是一个对象,地址类有国家、城市、街道三个属性。代码如下:

Employee.java代码如下:

public class Employee {

private String name;

private Address address;

public Employee() {

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public Address getAddress() {

if(address == null)

address = new Address();

return address;

}

public void setAddress(Address address) {

this.address = address;

}

}

Address.java代码如下:

public class Address {

private String country;

private String city;

private <street w:st="on"><address w:st="on">String street</address></street>;

……

//默认的GetSet方法,省略

}

下面出场的是OgnlValueStackTest,它有两个测试方法。分别测试使用ELValueStack中取值和存值。代码如下:

import com.opensymphony.xwork.util.OgnlValueStack;

import junit.framework.TestCase;

public class OgnlValueStackTest extends TestCase {

private OgnlValueStack valueStack;

private Employee employee;

@Override

protected void setUp() throws Exception {

valueStack = new OgnlValueStack();

employee = new Employee();

valueStack.push(employee);

}

public void testCouldGetDataFromObjectInOgnlValueStackByEL() throws Exception{

employee.setName("Moxie");

Address address = new Address();

address.setCountry("<place w:st="on"><country-region w:st="on">China</country-region></place>");

employee.setAddress(address);

assertEquals("Moxie",valueStack.findValue("name"));

assertEquals("<place w:st="on"><country-region w:st="on">China</country-region></place>",valueStack.findValue("address.country"));

}

public void testCouldSetDataForObjectInOgnlValueStackByEL() throws Exception{

valueStack.setValue("name","Moxie");

valueStack.setValue("address.country","<place w:st="on"><country-region w:st="on">China</country-region></place>");

assertEquals("Moxie",employee.getName());

assertEquals("<place w:st="on"><country-region w:st="on">China</country-region></place>",employee.getAddress().getCountry());

}

}

这是一个Junit Test,关于Junit的使用不是本篇文章的范畴。作为一个Java开发者,熟悉这样的测试框架是最基本的要求。setUp方法在每个测试方法调用之前都会执行,它用来初始化每个测试方法都需要的对象和数据。我们的setUp方法首先创建两个对象:valueStack对象和employee对象,然后将employee对象入栈。这样,emloyee对象就在值堆栈的最上端。

第一个测试方法testCouldGetDataFromObjectInOgnlValueStackByEL测试可以用表达式语言取得值堆栈里的对象数据。我们首先为值堆栈里的employee对象设置数据,设置了用户名和用户地址所在的国家。

第一个验证断言 assertEquals("Moxie",valueStack.findValue("name"))解释为:我们期望使用表达式语言“name”去ValueStack中查找得到的对象是”Moxie”。即期望valueStack.findValue("name")语句执行返回的数据是”Moxie”对象。再深入下去,这条语句会调用ValueStack里对象的getName方法(即employee对象的getName方法),并返回这个方法返回的数据。

第二个断言assertEquals("China",valueStack.findValue("address.country"))。它期望表达式语言“address.country”取得的数据是对象的address属性对象的country属性,即取得雇员对象的地址所在的国家。深入下去,它也就是调用对象employeegetAddress().getCountry()方法。 第二个测试方法testCouldSetDataForObjectInOgnlValueStackByEL测试通过表达式语言为ValueStack中的对象设置数据。

第一个设值语句valueStack.setValue("name","Moxie"),它通过表达式语言“name”将“”Moxie””赋值给ValueStack里的对象,即调用值堆栈中的对象的setName方法,并把后面的值作为方法的参数。同理,第二个设置语句会调用值堆栈中的对象的getAddress().setCountry()方法,把后面的数据作为setCountry方法的参数。

看了这个例子,我们就会知道如何通过ValueStack进行数据的存取。在我们使用ValueStack时需要注意:

1、 所有存取操作的目标对象都是已放入ValueStack中的对象。所以在使用之前,必须要先将对象入栈。例如我们在setup方法中的语句:valueStack.push(employee)

2、 每一次WebWork请求,在创建Action对象之前都会先生成一个ValueStack对象,再将Action对象入栈。这样我们就可以通过表达式语言来直接存取action对象的数据,所以在WebWork中,action具有数据模型的功能。

3、 在对ValueStack进行存取操作时,我们的操作指令(表达式语言)并不知道它是对哪个对象进行操作。例如,我们在获取员工姓名时,我们给的操作指令是”name”,这时,并不知道ValueStack里面的对象一定就是employeeValueStack会从上而下,遍历栈里面的对象,并试图调用当前遍历对象的getName方法,当它找到了这个方法,并执行之后,就会将执行得到的数据返回。这就是那神秘的ValueStack

4、 关于值堆栈的context map,它是一个放置值堆栈上下文数据的对

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值