小项目second-任务三

以你之姓@ 2022-03-17 10:36 132阅读 0赞

![在这里插入图片描述][20190223210123919.png]

## 任务1：删除订单 ##

**1）在订单页面上动态显示”删除”超链接**

<c:if test="${order.order_zhuangtai eq  3 }">
    						 	<a class="button border-red" href="javascript:void(0)"  onclick="deleteOrder(‘${order.order_id }’)"><span
    							class="icon-trash-o"></span>删除</a>
    						 </c:if>
    //点击"删除"超链接后，请求servelt去删除订单
    	function deleteOrder(orderid){
    		  //是否确认删除的提示
    		 var flag=  confirm("是否真的要删除此订单");
    		  if(flag){
    			  location.href = "${pageContext.request.contextPath}/order.action?method=deleteOrder&orderid="+orderid;  
    		  }
    	}

**2）在OrderDao中加入删除方法**

@Override
    	public int delete(String orderid) {
        
    		// TODO Auto-generated method stub
    		String sql="delete from t_order where order_id=?";
    		int i=JdbcUtil.executeUpdate(sql,orderid);
    		return i;
    	}

**3）在OrderService中加入删除订单的方法**

@Override
    	public boolean deleteOrder(String orderid) {
        
    		// TODO Auto-generated method stub
    		int i = dao.delete(orderid);
    		return i>0;
    	}

**4）在OrderServelt中加入处理删除订单的方法**

// 删除订单
    	public void deleteOrder(HttpServletRequest request,
    			HttpServletResponse response) throws ServletException, IOException {
        
             //获取订单编号值
    		String orderid=request.getParameter("orderid");
    		//调用service的删除订单方法
    		OrderService  service=new OrderServiceImpl();
    		boolean flag = service.deleteOrder(orderid);
    		//跳转到订单列表页面
    		if(flag){
        
    			response.sendRedirect("order.action?method=queryByPage");
    		}
    	}

**5)将子表t\_orderitem中的外键order\_id的删除策略设置为cascade,表示当删除订单表的记录时，子表中通过外键关联的多条记录会一起删除掉**  
![在这里插入图片描述][20190223205942331.png]

## 任务2：修改密码 ##

**1)把main/index.jsp上”修改密码”的超链接改过来**

<a href="${pageContext.request.contextPath}/admin.action?
    method=toUpdatePwd"
    target="right"><span class="icon-caret-right"></span>修改密码</a

**2)创建AdminServlet中加入准备修改密码的方法**

//准备修改密码
    	public void toUpdatePwd(HttpServletRequest request, 
    	HttpServletResponse response)
    			throws ServletException, IOException {
        
    		//跳转到修改密码页面上
    		request.getRequestDispatcher("WEB-INF/jsp/user/pass.jsp").forward(
    				request, response); 
    	}

**3）在修改密码页面上点击提交按钮时，触发表单的onsubmit事件**

<form method="post" class="form-x"  id="updteForm"  onsubmit="return 
    checkForm()" action="${pageContext.request.contextPath}/admin.action?
    method=updatePwd">
     //给表单加提交事件，该事件在点击"提交"按钮时自动触发的，调用checkForm()函数做
     表单验证
       function checkForm(){
    	  // console.log("提交按钮被点击");
    	  var flag= checkPwd();
    	/*   if(flag){
    		   // return true:允许表单提交    return false:阻止表单提交
    		   return true;
    	  } */
    	  
    	   return flag;
      };

如果表单里用的是普通按钮，就给普通按钮添加onclick事件，调用函数checkForm()做表单验证

function  checkForm(){
          var flag= checkPwd();
          if(!flag){
              return;
         }
    //提交表单
    $(form对象).submit();
    }

**4)在AdminDao中加入修改密码方法**

@Override
    	public int updatePwd(Admin admin) {
        
    		// TODO Auto-generated method stub
    		String sql="update t_admin set userpwd=? where userid=?";
    		int i = JdbcUtil.executeUpdate(sql, 
    		admin.getUserpwd(),admin.getUserid());
    		
    		return i;
    	}

**5）在AdminService中加入修改密码的方法**

@Override
    	public boolean updatePwd(Admin admin) {
        
    		// TODO Auto-generated method stub
    		int i = adminDao.updatePwd(admin);
    		return i>0;
    	}

**6）在Servlet中加入修改密码的方法**

// 修改密码
    	public void updatePwd(HttpServletRequest request,
    			HttpServletResponse response) throws ServletException, IOException {
        
    		// 获取新密码
    		String newpass = request.getParameter("newpass");
    		// 获取用户id
    		int userid = Integer.parseInt(request.getParameter("userid"));
    		// 封装成用户对象
    		Admin admin = new Admin();
    		admin.setUserid(userid);
    		admin.setUserpwd(newpass);
    		// 调用service的修改密码方法
    		AdminService service = new AdminServiceImpl();
    		boolean flag = service.updatePwd(admin);
    		// 跳转到登录页面上
    		if (flag) {
        
    			// 清空session
    			HttpSession session = request.getSession();
    			session.invalidate();
    			// 跳转到登录页面
    			// response.sendRedirect(request.getContextPath() + "/login.jsp");
    			// 使用js做跳转，跳转到iframe所在小窗口的父窗口，要改变父窗口的路径
    			PrintWriter out = response.getWriter();
    			out.print("<script>parent.location.href='"
    					+ request.getContextPath() + "/login.jsp';</script>");
    			// 关闭流
    			out.flush();
    			out.close();
    		}
    	}

**本次项目和真实项目的差距**  
1)项目从服务器上移除后，再次发布就看不到之前上传的图片了,原因是上次上传的图片在本地项目中不存在，再次发布时是将本地项目WebRoot根路径下的资源发布到webapps目录下的项目里面去，所以图片就不见了。  
解决方案：图片和web项目分开发布，图片发布到专门的文件服务器(fastdfs)中，并且两个服务器部署在不同的电脑上。  
在没有学文件服务器之前，我们每次移除项目前，需要将服务器上已上传的文件拷贝到本地项目的upload目录中。

2)购物车的存储问题：将每个用户购买的东西存到购物车，购物车保存在session中。  
真实项目中可以用cookie或者redis服务器来存购物车。  
用Cookie存:调用new Cookie(name,value),此时需要将购物车Cart对象转换为json字符串 \{“totalPrice”:220, “cartMap”: \{key:value,key2:valu2\}\}，保存在客户端硬盘上。取购物车信息，就从Cookie中取，将取出来的json字符串转换为Cart对象。  
redis服务器来存：是一种非关系型数据库，用key/value存数据，javaAPI可以直接访问redis服务器。

[20190223210123919.png]: /images/20220317/15a20b99413e4cc897e05bc90b15ad2c.png
[20190223205942331.png]: /images/20220317/c7f3ca73c73d4d29887629a2acd9cca1.png