struts2—拦截器

在Struts2中，如果用户没有指定执行哪些拦截器，struts2有一个默认执行的栈，defaultStack;

一旦如果用户有指定执行哪些拦截器，默认的拦截器栈就不会被执行

拦截器配置举例（struts-default.xml文件中，定义了struts提供的所有拦截器！）

//1. 定义拦截器以及拦截器栈
<interceptors>
    1.1 拦截器定义
    <interceptor name="" class="" /> 

    1.2 拦截器栈的定义
    <interceptor-stack name="defaultStack">
	引用了上面拦截器(1.1)
    </interceptor-stack>
</interceptors>

2. 默认执行的拦截器(栈)
<default-interceptor-ref name="defaultStack"/>

API

|-- Interceptor  拦截器接口

   |-- AbstractInterceptor  拦截器默认实现的抽象类； 一般用户只需要继承此类即可继续拦截器开发

 

|-- ActionInvocation 拦截器的执行状态，调用下一个拦截器或Action

---

自定义一个拦截器案例

自定义拦截器必须实现com.opensymphony.xwork2.interceptor.Interceptor接口或继承AbstractInterceptor类，一般继承AbstractInterceptor类

首先创建一个HelloAction

package com.interceptor;

import com.opensymphony.xwork2.ActionSupport;

public class HelloAction extends ActionSupport{
	public HelloAction() {
		System.out.println("正在执行：HelloAction.HelloAction()");
	}
	private String name;
	private String password;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}

	@Override
	public String execute() throws Exception {
		System.out.println("正在执行HelloAction.execute()");
		if (name.equals("gqx") && password.equals("123")) {
			return SUCCESS;
		}else {
			return INPUT;
		}
	}

}

继续创建一个拦截器HelloInterceptor类

package com.interceptor;

import com.opensymphony.xwork2.ActionInvocation;
import com.opensymphony.xwork2.interceptor.AbstractInterceptor;

public class HelloInterceptor extends AbstractInterceptor{
	// 启动时候执行
	@Override
	public void init() {
		System.out.println("创建了拦截器对象HelloInterceptor.init()");
	}

	// 拦截器业务处理方法
	@Override
	public String intercept(ActionInvocation arg0) throws Exception {
		// TODO Auto-generated method stub
		System.out.println("开始执行：HelloInterceptor.intercept()");
		// 调用下一个拦截器或执行Action  (相当于chain.doFilter(..)
		// 获取的是： execute方法的返回值
		String resultString=arg0.invoke();//在这里是去执行HelloAction了，所以返回的结果为success
		System.out.println("HelloInterceptor.intercept()结束了"+resultString);
		return resultString;
	}

	@Override
	public void destroy() {
		System.out.println("销毁....");
	}
}

在同一个包下创建一个配置文件

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC
	"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
	"http://struts.apache.org/dtds/struts-2.3.dtd">

<!-- START SNIPPET: xworkSample -->
<struts>
	<!-- 【拦截器配置】 -->
    <package name="configinterceptor" namespace="/" extends="struts-default">
    	<interceptors>
    		<!-- 配置用户自定义的拦截器 -->
    		<interceptor name="helloInterceptor" class="com.interceptor.HelloInterceptor"></interceptor>
    		<!-- 自定义一个栈： 要引用默认栈、自定义的拦截器 -->
    		<interceptor-stack name="helloStack">
    			<!-- 引用默认栈 (一定要放到第一行)-->
    			<interceptor-ref name="defaultStack"></interceptor-ref>
    			<!-- 引用自定义拦截器 -->
				<interceptor-ref name="helloInterceptor"></interceptor-ref>
    		</interceptor-stack>
    	</interceptors>

    	<!-- 【执行拦截器】 -->
		<default-interceptor-ref name="helloStack"></default-interceptor-ref>

    	<action name="test" class="com.interceptor.HelloAction">
    		<result name="success">/f/success.jsp</result>
    		<result name="input">/f/error.jsp</result>
    	</action>
    </package>
</struts>

<!-- END SNIPPET: xworkSample -->

以上的拦截器是全局的，如果需要设置成一个只针对单个的action的话可以写成一下方式：

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC
	"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
	"http://struts.apache.org/dtds/struts-2.3.dtd">

<!-- START SNIPPET: xworkSample -->
<struts>

    <package name="configinterceptor" namespace="/" extends="struts-default">
    	<interceptors>
    		 <!-- 配置用户自定义的拦截器 -->
    		<interceptor name="helloInterceptor" class="com.interceptor.HelloInterceptor"></interceptor>
    	</interceptors>
    	<action name="test" class="com.interceptor.HelloAction">
    		<result name="success">/f/success.jsp</result>
    		<result name="input">/f/error.jsp</result>
    		<!-- 先执行默认栈中的拦截器 -->
    		<interceptor-ref name="defaultStack"></interceptor-ref>
    		<interceptor-ref name="helloInterceptor"></interceptor-ref>
    	</action>
    </package>
</struts>

<!-- END SNIPPET: xworkSample -->

然后在struts.xml中去引用他即可。

最后一个就是他的register.jsp页面

<form action="${pageContext.request.contextPath }/test">
    	姓名<input type="text" name="name" />
    	密码<input type="text" name="password" />
    	<input type="submit"/>
    </form>

启动服务器可以看见以下信息

继续在register.jsp页面去访问提交信息后可以看到控制台的信息

根据这个结果可以判断拦截器执行流程如下：

服务器启动：

　　创建所有拦截器、执行init()

访问:

　　先创建Action实例；

　　在执行拦截器，

　　最后拦截器放行，执行execute；返回success字符串。

---

拦截器案例：

只允许登入后的用户尅访问action，否则直接使用action会调回到登入页面。

代码太多了

代码点此处去下载

---

js小练习：商品计算功能

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品计算</title>
    <link rel="stylesheet" href="">
</head>
<script type="text/javascript">
window.onload = function() {
    //获取元素
    var oList = document.getElementById('list');
    var aLi = oList.getElementsByTagName('li');
    var oDiv = document.getElementById('div1');
    var aInput = oDiv.getElementsByTagName('input');

    //时间操作
    for (var i = aLi.length - 1; i >= 0; i--) {
        calculate(aLi[i]);
    }

    //封装函数
    function calculate(li) {
        var oInput = li.getElementsByTagName('input');
        var oSpan = li.getElementsByTagName('span')[0];
        var oEm = li.getElementsByTagName('em')[0];

        oInput[0].onclick = function() {

            if (parseInt(oSpan) > 0) {
                oSpan.innerHTML = parseInt(oSpan.innerHTML) - 1 + '件';
                oInput[2].value = parseInt(oSpan.innerHTML) * parseInt(oEm.innerHTML) + "元";
            }
            conAll();
            allMoney();
        }
        oInput[1].onclick = function() {
            oSpan.innerHTML = parseInt(oSpan.innerHTML) + 1 + '件';
            oInput[2].value = parseInt(oSpan.innerHTML) * parseInt(oEm.innerHTML) + "元";
            conAll();
            allMoney();
        }

    }

    //计算件数
    function conAll() {
        var result = 0;

        for (var i = aLi.length - 1; i >= 0; i--) {
            //获取一件商品的数量
            var span = aLi[i].getElementsByTagName('span')[0];
            result += parseInt(span.innerHTML);
        }
        //显示结果
        aInput[1].value = result + '件';

    }

    //金额总计
    function allMoney() {
        var result = 0;
        for (var i = aLi.length - 1; i >= 0; i--) {
            var input = aLi[i].getElementsByTagName('input')[2];
            if (input.value) {
                result += parseInt(input.value);
            }
        }
        aInput[3].value = result + '元';
    }
}
</script>

<body>
    <ul id="list">
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>4.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
        <li>
            <input type="button" value="-" />
            <span>0件</span>
            <input type="button" value="+" />
            <em>1.00元</em> 结果：
            <input type="text" />
        </li>
    </ul>
    <div id="div1">
        <input type="button" value="商品总计" id="btn1" />
        <input type="text" id="number" />
        <input type="button" value="价格总计：" id="btn2" />
        <input type="text" id="price" />
    </div>
</body>

</html>