软件项目实训及课程设计指导——如何在Web应用系统中实现Velocity 与Struts2框架相互集成的应用实例

1、Struts 2应用框架提供对 Velocity 和 FreeMarker 模板引擎的支持

在Struts 2应用框架中不仅继续保留有对Velocity模板引擎的支持，而且也提供对另一个广泛应用的FreeMarker 模板引擎的支持。

在Struts 2应用框架中集成Velocity模板引擎的实现过程比在Struts应用框架中集成Velocity模板引擎要简单的多，因为Struts 2应用框架系统内带有对Velocity模板引擎的技术支持。

2、集成Struts 2应用框架和Velocity模板引擎时所需要的系统配置

（1）添加有关的系统JAR包文件

实现Struts 2应用框架集成Velocity模板引擎时所需要的系统JAR包，除了Struts2应用框架本身所需要的系统包文件以外，还需要与Velocity模板引擎有关的系统包文件——主要为velocity-1.6.1-dep.jar、velocity-tools-1.4.jar和velocity-tools-view-1.4.jar，请参考如下示图所示。

（2）在web.xml部署描述文件中配置定义VelocityViewServlet组件

在Web项目的部署描述符web.xml部署描述文件中除了要配置定义出Struts 2应用框架本身的org.apache.struts2.dispatcher.FilterDispatcher组件类外，也还需要配置定义出org.apache.velocity.tools.view.servlet.VelocityViewServlet组件类，请参考如下代码示例中对VelocityViewServlet类的配置示例。

<servlet>
    <servlet-name>velocity</servlet-name>
    <servlet-class>org.apache.velocity.tools.view.servlet.VelocityViewServlet</servlet-class>
    <init-param>
        <param-name>org.apache.velocity.properties</param-name>
        <param-value>/WEB-INF/velocity.properties</param-value>
    </init-param>
</servlet>
<servlet-mapping>
      <servlet-name>velocity</servlet-name>
      <url-pattern>*.vm</url-pattern>
</servlet-mapping>

3、在Web项目中添加/WEB-INF/velocity.properties文件

（1）在Web项目的WEB-INF目录中新建一个文件名称为velocity.properties的文件，参看如下示图所示

（2）velocity.properties文件中的内容如下

file.resource.loader.path = /
runtime.log = /velocity.log
default.contentType=text/html
input.encoding=GBK
output.encoding=GBK

4、在Web项目中添加一个请求页面velocityUserLogin.jsp

（1）在MyEclipse开发工具中新增加一个velocityUserLogin.jsp页面文件，参看如下示图所示

（2）velocityUserLogin.jsp页面文件中的代码示例如下

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>My JSP 'fmtUserLogin.jsp' starting page</title>
</head><body>
      <form action="/Struts2Web/velocityUserInfoAction.action" method="post" >
          您的名称：<input type="text" name="userName" /> <br />
          您的密码：<input type="password" name="userPassWord" /> <br />
          <input type="submit" value="提交" name="submitButton" onclick="this.value='正在提交请求，请稍候'"/>
          <input type="reset" value="取消" />
      </form>
</body></html>

（3）velocityUserLogin.jsp页面静态预览效果参看如下示例图所示

5、在Web项目中再设计一个处理的Action类VelocityUserInfoAction

（1）VelocityUserInfoAction所在的程序包名称为com.px1987.struts2.action，并继承于com.opensymphony.xwork2.ActionSupport的基类，参看如下示例图所示的创建过程。

（2）VelocityUserInfoAction程序类的代码示例如下

package com.px1987.struts2.action;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.px1987.struts2.actionform.UserInfoActionForm;
public class VelocityUserInfoAction extends ActionSupport {
    private String userName=null;
    private String userPassWord=null;
    private UserInfoActionForm oneUserInfo=null;
    public VelocityUserInfoAction() {
    }
    /** 在该方法中进行用户登陆的功能实现 */
    public String execute(){
        String resultMessage=null;
        boolean returnResult=
        getUserName().equals("yang") &&getUserPassWord().equals("1234");
        if(returnResult){
          	resultMessage =getUserName()+"您登录成功!";
        }
        else{
        		resultMessage =getUserName()+"您的身份信息无效!";
        }
        HttpServletRequest request=ServletActionContext.getRequest();
        request.setAttribute("showResultInfo", resultMessage);
        return this.SUCCESS;
    }
    public String getUserName() {
    		return userName;
    }
    public void setUserName(String userName) {
   		 this.userName = userName;
    }
    public String getUserPassWord() {
   		 return userPassWord;
    }
    public void setUserPassWord(String userPassWord) {
    		this.userPassWord = userPassWord;
    }
}

6、在Web项目中的系统配置文件struts.xml文件中配置出该Action类

（1）最终配置的代码示例

<action name ="velocityUserInfoAction"
class ="com.px1987.struts2.action.VelocityUserInfoAction">
    <result name="success" type="velocity">/userManage/showInfoTemplate.vm</result>
    <result name="input">/userManage/velocityUserLogin.jsp</result>
</action>

由于Struts2应用框架使用Velocity作为其默认的模板技术，因此Struts2应用框架对Velocity模板技术的支持是非常良好的。为了在Struts2应用框架中使用Velocity模板技术，只需要在struts.xml文件中进行简单配置。

（2）将Action类的配置定义中的<result>标签内的type属性设置为velovity

由于在Struts 2 应用框架中是把各种类型的结果视图——如 JSP、Velocity、FreeMarker 等都封装成 ResultType 的子类。也就是说对于每一种类型的视图，在J2EE Struts 2应用框架中都有与之对应的 ResultType 的实现类，而本示例中的Velocity 视图对应的类是 org.apache.struts2.dispatcher.VelocityResult。

Struts 2 应用框架中的Action类的配置定义中的<result>标签内的type属性默认值是"dispatcher"（也就是对请求的转发Forward方式）。开发人员可以根据自己的应用需要指定不同的类型，如redirect、stream等。

上面的代码示例中的配置代码示例是将<result>标签内的type属性设置为velocity，也就是将<result>标签内的type属性设置为velocity的Action类的定义示例，注意其中黑体标识的语句。

7、在Web项目中设计Velocity的模板页面showInfoTemplate.vm

（1）在Web项目中新增加模板页面showInfoTemplate.vm文件，创建过程参看如下示例图所示

（2）模板页面showInfoTemplate.vm文件的代码示例如下，注意其中黑体标识的语句

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> <title>用户登录成功信息显示页面</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head><body>
			<h2>采用标准的方式获得参数值： $showResultInfo</h2 > <br>
</body></html>

由于Velocity模板引擎系统采用简单而强大的模板语言VTL实现对Web页面的渲染，因此能保证在Dreamwaver之类的Web页面可视化编辑器中都能够正常显示（参看如下示例图所示）。

另外，模板文件可以是任意的文件扩展名，采用*.vm、*.html或者*.xml都是可以的（本示例采用*.vm文件扩展名），这样就能直接在Web浏览器中看到Web页面的预览的效果。

8、部署并测试本示例Web项目

（1）部署本示例的Web项目相关程序到Web服务器中，部署后的结果参看如下示例图所示

（2）在Web浏览器中启动待测试的Web页面

在Web浏览器的URL地址栏中输入如下的URL地址信息http://127.0.0.1:8080/Struts2Web/userManage/velocityUserLogin.jsp，然后启动待测试的Web页面，参看如下示图所示。

如何实现Velocity模板引擎与Struts 框架相互集成

如何在J2EE平台开发基于Velocity模板的Web应用

如何在Web应用系统表示层开发中应用Velocity模板技术

应用XML+XSLT技术分离Web应用表示层数据和样式的实例

如何应用CSS+Div分离Web表示层数据处理逻辑和展现逻辑