使用struts2框架来实现前台与后台的交互

由于这几天到处出差，比较忙，博客的更新速度比较慢。今天的这个是小实例的功能和上一篇博文中的功能是一致的，只是将原来由servlet实现的部分功能用前一段时间比较流行的struts2框架来实现，而现在比较流行的是Spring MVC，这个在以后也会专门来写一篇博文。

还是惯例，贴一张项目截图：

这次要使用struts2来完成前台到后台的映射，所以要先搭建struts2的环境。
首先要导入struts2依赖的jar包，这里还是和以前一样，使用手动导入的方式，所以要先下载到需要的jar，这些jar包可以去struts2的官网上下载。但是struts2运行必须需要的jar包如下：

将这个jar放在WEB-INF下的lib目录下，并且将该目录添加到运行环境中。

接下来要在web.xml中配置StrutsPrepareAndExecuteFilter，web.xml的配置如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"version="3.1"><filter><filter-name>struts2</filter-name><filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class></filter><filter-mapping><filter-name>struts2</filter-name><url-pattern>*.action</url-pattern></filter-mapping>
</web-app>

这样struts2就会拦截所有以.action结尾的请求。至此，struts2的运行环境就算配置完成了。

接下来就可以开始编写struts2的代码了，这里要说的是service层和Dao层和上一个博文中的实例一模一样，是使用原生jdbc实现数据库的相关操作，你可以看我上一篇博文，也可以在本文的末尾下载当前实例的完整项目，这里就不再说了。
编写Action只需要继承ActionSupport即可，源代码如下：

package com.leo.action;import com.alibaba.fastjson.JSONObject;
import com.leo.service.Service;
import com.opensymphony.xwork2.ActionSupport;
import org.apache.struts2.ServletActionContext;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import java.util.Map;/*** company:**数码技术股份有限公司* Created by leo on 2016/9/26.*/
public class UserAction extends ActionSupport{private HttpServletRequest request = ServletActionContext.getRequest();private HttpServletResponse response = ServletActionContext.getResponse();private Service service = new Service();public void query(){List<Map<String,Object>> userData = service.queryUserData();PrintWriter out = null;try {out = response.getWriter();JSONObject jsonObject = new JSONObject();out.write(jsonObject.toJSONString(userData));//out.close();} catch (IOException e) {e.printStackTrace();}}public String delete(){String employeeid = request.getParameter("employeeid");String result = service.deleteUserDate(employeeid);return result;}public String insert(){String firstname = request.getParameter("firstname");String lastname = request.getParameter("lastname");String email = request.getParameter("email");String phonenumber = request.getParameter("phonenumber");String hiredate = request.getParameter("hiredate");String salary = request.getParameter("salary");String result = service.insertUserDate(firstname,lastname,email,phonenumber,hiredate,salary);return result;}public String update(){String employeeid = request.getParameter("employeeid");String firstname = request.getParameter("firstname");String lastname = request.getParameter("lastname");String email = request.getParameter("email");String phonenumber = request.getParameter("phonenumber");String hiredate = request.getParameter("hiredate");String salary = request.getParameter("salary");String result = service.modifyUserDate(employeeid,firstname,lastname,email,phonenumber,hiredate,salary);return result;}
}

在以上的代码中，实现了对数据的增删改查操作，这和之前的servlet比起来要简洁了好多。这段代码和之前的servlet还有一个重要的不同点，就在没有在代码中执行重定向的操作，而这个操作可以直接交给struts2框架来完成。注意：在使用struts2时要正确使用void和String 的返回值类型，当需要根据程序执行状态跳转页面时要使用String的返回值类型，就像本项目中的增删改操作；当只是需要获取数据不要判断状态跳转页面时，要使用void的返回值类型，就像本项目中的查询操作。

Action编写完毕后，项目还是不能成功运行的，还需要告诉struts2要如何执行Action中的方法，这就需要配置struts2的配置文件，struts2的配置文件名称默认为struts.xml，并且需要放在编译文件的根目录下，如果在项目中没有使用默认的路径或文件名称，则需要在web.xml中配置StrutsPrepareAndExecuteFilter时再配一个init-param的节点。在本项目中使用的是默认的文件名和路径。struts.xml的配置如下：

<?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"><struts><constant name="struts.devMode" value="true" /><package name="queryUserDate" namespace="/" extends="struts-default"><action name="*" class="com.leo.action.UserAction" method="{1}"><result name="success">/index.jsp</result></action></package>
</struts>

在struts2的配置文件中，首先要将开发模式设置成true，不认在struts.xml配制的代码不会立即生效。接着就是配制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"><struts><constant name="struts.devMode" value="true" /><package name="queryUserDate" namespace="/" extends="struts-default"><action name="query" class="com.leo.action.UserAction" method="query"></action><action name="insert" class="com.leo.action.UserAction" method="insert"><result name="success">/index.jsp</result></action><action name="update" class="com.leo.action.UserAction" method="update"><result name="success">/index.jsp</result></action><action name="delete" class="com.leo.action.UserAction" method="delete"><result name="success">/index.jsp</result></action></package>
</struts>

灵活的使用通配符能提高代码的编写效率，在未来修改起来也比较方便。
还要说明的是这个result标签，前面提到的页面的跳转是交给struts2来完成的，这个result就是用来判断返回值的，如果action的返回值和result的name属性值一致，则跳转到result指定的页面。

到这里程序的编写全部完成了，程序的运行结果如下：

这里还发现一个很重要的问题，这也是之前的遗留下来的问题，那就是转发和重定向的区别。从截图上可以看到，地址栏在执行完插入操作后发生了变化，但是页面显示的类型却还是index.jsp的内容。这样就会导致一个问题，当我来这种情况下执行刷新操作时，程序会再一次执行插入操作，而我的本意只是想刷新当前的index.jsp页面。出现这种问题是因为result的跳转页面默认使用的是转发的方式，而要解决这个问题，就需要我们将result跳转页面的方式设置成重定向的方式。修改过后的代买如下：

<?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"><struts><constant name="struts.devMode" value="true" /><package name="queryUserDate" namespace="/" extends="struts-default"><action name="*" class="com.leo.action.UserAction" method="{1}"><result name="success" type="redirect">/index.jsp</result></action></package>
</struts>

这样执行完插入操作以后的界面如下：

转发和重定向的区别：转发是将当前页面的request传给要跳转的页面，而地址栏的地址为发起跳转页面的地址；重定向是重新生成request传给要跳转的页面，地址栏的地址为跳转的页面地址。

最后还有一个必须要提一下，在web.xml中为了让拦截器只拦截我的action请求，我指定了请求后缀为.action，这样之前写的那些servlet请求就失效了，需要对原来的前台页面进行修改，将原来的servlet地址改成现在的action地址，具体源码如下：

<%--Created by IntelliJ IDEA.User: leoDate: 2016/9/17Time: 15:09To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();String context = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html><head><title>展示页面</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="-1"><script type="text/javascript" src="jslib/jquery-1.11.2.min.js"></script><script type="text/javascript">var global = null;$(function(){debugger;$.ajax({url:'<%=context%>query.action',dataType:'json',success:function(data){global=data;$("#display").html("");$("#display").append("<tr> <th>employee_id</th> <th>first_name</th> <th>last_name</th> <th>email</th> <th>phone_number</th> <th>hire_date</th> <th>salary</th> <th>operator</th> </tr>");for(var i in data){$("#display").append("<tr> <td>"+data[i].employeeid+"</td> <td>"+data[i].firstname+"</td> <td>"+data[i].lastname+"</td> <td>"+data[i].email+"</td> <td>"+data[i].phonenumber+"</td> <td>"+data[i].hiredate+"</td> <td>"+data[i].salary+"</td> <td><a href='#' onclick='update("+i+")'>update</a>|<a href='#' onclick='add()'>add</a>|<a href='<%=context%>delete.action?employeeid="+data[i].employeeid+"'>delete</a></td> </tr>");}}});})function update(index) {alert(global[index].employeeid);$("#addOrUpate").html("");$("#addOrUpate").html('<form action="<%=context%>update.action">'+'<input type="hidden" name="employeeid" value="'+global[index].employeeid+'">'+'first_name:<input type="text" name="firstname" value="'+global[index].firstname+'"><br>'+'last_name:<input type="text" name="lastname" value="'+global[index].lastname+'"><br>'+' email:<input type="text" name="email" value="'+global[index].email+'"><br>'+'   phone_number:<input type="text" name="phonenumber" value="'+global[index].phonenumber+'"><br>'+'hire_date:<input type="text" name="hiredate" value="'+global[index].hiredate+'"><br>'+'salary:<input type="text" name="salary" value="'+global[index].salary+'"><br>'+'<input type="submit" value="Submit">'+'</form>');}function add() {$("#addOrUpate").html("");$("#addOrUpate").html('<form action="<%=context%>insert.action">'+'first_name:<input type="text" name="firstname"><br>'+'last_name:<input type="text" name="lastname"><br>'+' email:<input type="text" name="email"><br>'+'   phone_number:<input type="text" name="phonenumber"><br>'+'hire_date:<input type="text" name="hiredate"><br>'+'salary:<input type="text" name="salary"><br>'+'<input type="submit" value="Submit">'+'</form>');}</script></head><body><h2>使用html原生表格标签来展示数据</h2><table id="display" border="1" cellspacing="0" cellpadding="3"></table><div id="addOrUpate"></div></body>
</html>

这篇博客涉及的完整项目在这里下载

使用struts2框架来实现前台与后台的交互相关推荐

servlet向ajax传递数据库,一、JSP、servlet、SQL三者之间的数据传递(前台与后台数据交互)...
背景: 目前业界很流行的MVC(model-view-control)开发模式,理解为模型是Bean, 视图是 Html/Jsp, 控制是Servlet, 关联数据库的Dao web的运行机制: 数 ...
js前台与后台数据交互-前台调后台
网站是围绕数据库来编程的,以数据库中的数据为中心,通过后台来操作这些数据,然后将数据传给前台来显示出来(当然可以将后台代码嵌入到前台).即: 下面就讲前台与后台进行数据交互的方法,分前台调用后台方 ...
struts2框架单文件、多文件上传实例详解
版权声明:本文为博主原创文章,如需转载,请标明出处. https://blog.csdn.net/alan_liuyue/article/details/79390681 简介 1．上一篇博客讲解了J ...
Struts2 框架笔记主要对跳转路径，挎包跳转，拦截器进行应用，定义成员变量，收取客户端参数等详细说明
MVC概述 1)MVC是一种编程思想,人为的将 web系统分为三个层次. 2)MVC好处:解耦合,提高系统的可维护型和可拓展性. M-model:数据模型层 (DAO service entity) ...
aes前台加密后台解密
aes加密npm地址:https://www.npmjs.com/package/crypto-js aes加密git地址/下载: https://github.com/brix/crypto-js ...
struts2找不到action_第一次用上Struts2框架做Web开发的体验……
SliiyStruts2 又名 sb-struts2,因为struts真的太难用了(也许在很多年前是很好用的,但是现在看来,被其他框架秒成渣) 前言想不到我还是得和这struts框架打交道啊,从一开 ...
nfine框架上传文件_MVC之Struts2框架--你并不了解的高级应用
<"爱读书"--给你讲技术>,我来看书,你来进步,让我们开始吧! 本书简介书名为<轻量级JavaEE企业应用实战>,是本人在学习JavaEE框架的时候阅读 ...
若依的框架怎么样_若依后台管理系统初识
若依后台管理系统初识若依Java 若依后台管理系统若依后台管理界面若依后台管理系统是一套完整的前后台综合框架,包括前台页面和后台Java,默认支持一常用的用户.角色.部门.岗位.菜单.权限.监控 ...
基于javaweb+mysql的高校学生会社团管理系统(前台、后台)
基于javaweb+mysql的高校学生会社团管理系统(前台.后台) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/idea/myeclipse/sts等均可 ...

使用struts2框架来实现前台与后台的交互

使用struts2框架来实现前台与后台的交互相关推荐

最新文章

热门文章