SSH_框架整合3-删除

一、普通删除

1 完善src中 类：

(1)EmployeeDao.java中：　

 //2 删除
     public void delete(Integer id){
         String hql="DELETE FROM Employee e WHERE e.id=?";
         getSession().createQuery(hql).setInteger(0,id).executeUpdate();
     }

(2)EmployeeService.java中：

 //2删除
     public void delete(Integer id){
         employeeDao.delete(id);
     }

(3)EmployeeAction.java中:

 //2 删除
     private Integer id;
     public void setId(Integer id) {
         this.id = id;
     }
     public String delete(){
         employeeService.delete(id);
         return SUCCESS;
     }

2 完善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.enable.DynamicMethodInvocation" value="false" />
     <constant name="struts.devMode" value="true" />

     <package name="default" namespace="/" extends="struts-default">
         <action name="emp-*" class="employeeAction"
                 method="{1}">
                 <result name="list">/WEB-INF/views/emp-list.jsp</result>
                  <result name="success" type="redirect">/emp-list</result>
         </action>
     </package>

 </struts>

3 完善emp-list.jsp

 <td>
                         <a href="emp-delete?id=${id }">Delete</a>
                     </td>

二、使用Ajax+jQuery方式实现删除

1 emp-list.jsp中写出Ajax语句：

 <script type="text/javascript">
     //删除, 使用 ajax 的方式
     $(function(){
         $(".delete").click(function(){
             var lastName=$(this).next(":input").val();
             var flag=confirm("是否要删除"+lastName+"的信息吗？");
             //确认删除, 使用 ajax 的方式
             if(flag){
                 //获取要删除的行
                 var $tr=$(this).parent().parent();
                 var url=this.href;
                 var args={"time":new Date()};
                 $.post(url,args,function(data){
                     //若 data 的返回值为 1, 则提示 删除成功, 且把当前行删除
                     if(data==1){
                         alert("删除成功!");
                         $tr.remove();
                     }else{
                         //若 data 的返回值不是 1, 提示删除失败.
                         alert("删除失败!");
                     }
                 });
             }
             return false;
         });
     })
 </script>

　　同时要想获取删除时提醒“删除XXX的信息”，要在下面写上一个隐藏域，点击要删除的人时可以获取此人的lastName:<input type="hidden" value="${lastName}"/>

 <s:iterator value="#request.employees">
                 <tr>
                     <td>${id}</td>
                     <td>${lastName}</td>
                     <td>${email }</td>
                     <td>${birth}</td>
                     <td>${createTime}</td>
                     <td>${department.departmentName}</td>
                     <td>
                         <a href="emp-delete?id=${id }" class="delete">Delete</a>
                         <input type="hidden" value="${lastName}"/>
                     </td>
                 </tr>
             </s:iterator>

2 重写EmployeeAction中的delete()方法：

 //2-1 使用Ajax方式删除
     private InputStream inputStream;

     public InputStream getInputStream() {
         return inputStream;
     }

     public String delete(){
         employeeService.delete(id);
         try {
             //删除成功
             inputStream=new ByteArrayInputStream("1".getBytes("UTF-8"));
         } catch (UnsupportedEncodingException e) {
             //删除失败
             try {
                 inputStream=new ByteArrayInputStream("0".getBytes("UTF-8"));
             } catch (UnsupportedEncodingException e1) {
                 // TODO Auto-generated catch block
                 e1.printStackTrace();
             }
             e.printStackTrace();
         }
         return "ajax-delete-success";
     }

3 Strusts.xml中去除以前的emp-list显示，重写显示删除后结果：

  <package name="default" namespace="/" extends="struts-default">
         <action name="emp-*" class="employeeAction"
                 method="{1}">
                 <result name="list">/WEB-INF/views/emp-list.jsp</result>
                 <!-- <result name="success" type="redirect">/emp-list</result> -->
                 <result type="stream" name="ajax-delete-success">
                 <param name="contentType">text/html</param>
                 <param name="inputName">inputStream</param>
             </result>
         </action>
     </package>

上传下此时的文件code:

1Struts.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.enable.DynamicMethodInvocation" value="false" />
     <constant name="struts.devMode" value="true" />

     <package name="default" namespace="/" extends="struts-default">
         <action name="emp-*" class="employeeAction"
                 method="{1}">
                 <result name="list">/WEB-INF/views/emp-list.jsp</result>
                 <!-- <result name="success" type="redirect">/emp-list</result> -->
                 <result type="stream" name="ajax-delete-success">
                 <param name="contentType">text/html</param>
                 <param name="inputName">inputStream</param>
             </result>
         </action>
     </package>

 </struts>

2 emp-list.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
 <%@ taglib prefix="s" uri="/struts-tags" %>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Insert title here</title>
 <script type="text/javascript" SRC="scripts/jquery-1.7.2.js"></script>
 <script type="text/javascript">
     //删除, 使用 ajax 的方式
     $(function(){
         $(".delete").click(function(){
             var lastName=$(this).next(":input").val();
             var flag=confirm("是否要删除"+lastName+"的信息吗？");
             //确认删除, 使用 ajax 的方式
             if(flag){
                 //获取要删除的行
                 var $tr=$(this).parent().parent();
                 var url=this.href;
                 var args={"time":new Date()};
                 $.post(url,args,function(data){
                     //若 data 的返回值为 1, 则提示 删除成功, 且把当前行删除
                     if(data==1){
                         alert("删除成功!");
                         $tr.remove();
                     }else{
                         //若 data 的返回值不是 1, 提示删除失败.
                         alert("删除失败!");
                     }
                 });
             }
             return false;
         });
     })
 </script>
 </head>
 <body>
     <h3>Employee List Page</h3>

     <s:if test="#request.employees == null ||#request.size()==0">
         没有员工信息
     </s:if>
     <s:else>
         <table border="1" cellpadding="10" cellspacing="0">
             <tr>
                 <td>ID</td>
                 <td>LASTNAME</td>
                 <td>EMAIL</td>
                 <td>BIRTH</td>
                 <td>CREATETIME</td>
                 <td>DEPT</td>
             </tr>
             <s:iterator value="#request.employees">
                 <tr>
                     <td>${id}</td>
                     <td>${lastName}</td>
                     <td>${email }</td>
                     <td>${birth}</td>
                     <td>${createTime}</td>
                     <td>${department.departmentName}</td>
                     <td>
                         <a href="emp-delete?id=${id }" class="delete">Delete</a>
                         <input type="hidden" value="${lastName}"/>
                     </td>
                 </tr>
             </s:iterator>
         </table>
     </s:else>
 </body>
 </html>

3 EmployeeAction:

 package com.atguigu.ssh.actions;

 import java.io.ByteArrayInputStream;
 import java.io.InputStream;
 import java.io.UnsupportedEncodingException;
 import java.util.Map;

 import org.apache.struts2.interceptor.RequestAware;

 import com.atguigu.ssh.service.EmployeeService;
 import com.opensymphony.xwork2.ActionSupport;

 public class EmployeeAction extends ActionSupport implements RequestAware{
     /**
      *
      */
     private static final long serialVersionUID = 1L;

     private EmployeeService employeeService;

     public void setEmployeeService(EmployeeService employeeService){
         this.employeeService=employeeService;
     }

     //2 删除
     private Integer id;
     public void setId(Integer id) {
         this.id = id;
     }
     /*public String delete(){
         employeeService.delete(id);
         return SUCCESS;
     }*/
     //2-1 使用Ajax方式删除
     private InputStream inputStream;

     public InputStream getInputStream() {
         return inputStream;
     }

     public String delete(){
         employeeService.delete(id);
         try {
             //删除成功
             inputStream=new ByteArrayInputStream("1".getBytes("UTF-8"));
         } catch (UnsupportedEncodingException e) {
             //删除失败
             try {
                 inputStream=new ByteArrayInputStream("0".getBytes("UTF-8"));
             } catch (UnsupportedEncodingException e1) {
                 // TODO Auto-generated catch block
                 e1.printStackTrace();
             }
             e.printStackTrace();
         }
         return "ajax-delete-success";
     }
     //1 查询
     public String list(){
         request.put("employees", employeeService.getAll());
         return "list";
     }

     //放到页面里
     private Map<String,Object> request;
     @Override
     public void setRequest(Map<String, Object> arg0) {
         this.request=arg0;
     }

 }