zoukankan      html  css  js  c++  java
  • JavaWeb:基于MVC设计模式的一个小案例(二)

    今天是把昨天没有写完的功能补充完整。

    在CustomerServlet.java 中,增加了添加信息的功能,补上代码如下:

     1     private void addCustomer(HttpServletRequest request, HttpServletResponse response) 
     2             throws ServletException, IOException {
     3         
     4         //1、获取表单信息:name、address、phone
     5         String name = request.getParameter("name");
     6         String address = request.getParameter("address");
     7         String phone = request.getParameter("phone");
     8         
     9         //2、检验 name 是否被占用
    10         //2.1、调用 CustomerDao 的 getCountWithName(String name)方法,获取name 在数据库中是否存在
    11         long count = customerDao.getCountWithName(name);
    12         //2.2、若返回值大于 0 , 则响应 newCustomer.jsp 页面:通过转发的方式
    13         if(count > 0){
    14             //2.2.1、要求在 newCustomer.jsp 页面显示一个错误提示:用户名 name 已经被占用,请重新选择。
    15             //在 request 中放入一个属性 message:用户名 name 已经被占用,请重新选择。
    16             //在 newcustomer.jsp 页面上通过 request.getAttribute("message") 的方式来显示。
    17             request.setAttribute("message", "用户名" + name + "已经被占用,请重新选择");
    18             
    19             //2.2.2、newCustomer.jsp 的表单可以回显。
    20             //通过 value=<%= request.getParameter("name") == null ? "" : request.getParameter("name")%> 
    21             //来进行回显。
    22             
    23             request.getRequestDispatcher("/newCustomer.jsp").forward(request, response);
    24             //2.2.3、结束方法 return 
    25             return;
    26         }
    27 
    28         //3、把表单参数封装为一个 Customer 对象 customer
    29         Customer customer = new Customer(name, address, phone);
    30         //4、调用 CustomerDao 的 save 方法,执行保存操作
    31         customerDao.save(customer);
    32         //5.重定向到 success.jsp 页面。要是用转发,刷新页面会有表单的重复提交。
    33         response.sendRedirect("success.jsp");
    34     }

    然后我是创建了 newcustomer.jsp,代码如下:

     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     4 <html>
     5 <head>
     6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <body>
    10     <%
    11         Object mes = request.getAttribute("message");
    12         if(mes != null){
    13     %>
    14             <br>
    15             <font color="red"><%= mes %></font>
    16     <% 
    17         }
    18     %>
    19     
    20     <form action="addCustomer.do" method="post">
    21         <table>
    22             <tr>
    23                 <td>Name:</td>
    24                 <td><input type="text" name="name" value="<%= request.getParameter("name") == null ? "" : request.getParameter("name") %>"/></td>
    25             </tr>
    26             <tr>
    27                 <td>Address:</td>
    28                 <td><input type="text" name="address" value="<%= request.getParameter("address") == null ? "" : request.getParameter("address")%>"/></td>
    29             </tr>
    30             <tr>
    31                 <td>Phone:</td>
    32                 <td><input type="text" name="phone" value="<%= request.getParameter("phone") == null ? "" : request.getParameter("phone") %>"/></td>
    33             </tr>
    34             <tr>
    35                 <td colspan="2"><input type="submit" value="submit"/></td>
    36             </tr>
    37         </table>
    38     </form>
    39 </body>
    40 </html>

    如果信息增加成功,会重定向到 success.jsp 页面。代码如下:

     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     4 <html>
     5 <head>
     6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <body>
    10     <h4> 操作成功 ^_^</h4>
    11     <br>
    12     <h4><a href="index.jsp">返回。。。</a></h4>
    13 </body>
    14 </html>

           然后就是新增加了修改信息的方法,首先会获取你要编辑的那一行的 id,根据 id 显示对应的Customer 的对象的信息,然后再 update 进行修改

    所以就是分成了两个动作 edit.do 和 update.do ,在CustomerServlet.java 中补上代码,如下。

     1     private void edit(HttpServletRequest request, HttpServletResponse response) 
     2             throws ServletException, IOException{
     3         
     4         String path = "/error.jsp";
     5         
     6         //1、获取请求参数 id
     7          String idStr = request.getParameter("id");
     8         try {
     9             //2、调用CustomerDao 的 get 方法 获取和 id 对应的 Customer 对象
    10             Customer cust= customerDao.get(Integer.parseInt(idStr));
    11             if(cust != null){
    12                 path = "/updatecustomer.jsp";
    13                 //3、将 customer 放入 request 中
    14                 request.setAttribute("customers", cust);    
    15             }
    16         } catch (NumberFormatException e) {
    17             e.printStackTrace();
    18         }    
    19         //4、响应 updatecustomer.jsp 页面:转发。
    20         request.getRequestDispatcher(path).forward(request, response);
    21     }
    22     
    23     private void update(HttpServletRequest request, HttpServletResponse response) 
    24             throws ServletException, IOException{
    25 
    26         //1、获取当前 表单的参数 id、name、address、phone、oldName
    27         String id = request.getParameter("id");
    28         String name = request.getParameter("name");
    29         String address = request.getParameter("address");
    30         String phone = request.getParameter("phone");
    31         String oldName = request.getParameter("oldName");
    32         
    33         //2、检验name 是否已经被占用。
    34         //2.1、比较 name 和 oldName 是否相同,若相同 说明 name 可用。
    35         //若不相同,则调用CustomerDao 的 getCountWithName 方法,获取name 在数据库中是否存在
    36         if(! oldName.equalsIgnoreCase(name)){
    37             long count = customerDao.getCountWithName(name);
    38             //2.2、若返回值 > 0,则响应 updatecustomer.jsp 页面:通过转发的方式
    39             if(count > 0){
    40                 //2.2.1、要求在 updatecustomer.jsp 页面显示一个错误提示:用户名 name 已经被占用,请重新选择。
    41                 //在 request 中放入一个属性 message:用户名 name 已经被占用,请重新选择。
    42                 //在页面山通过 request.getAttribute("message") 的方式来显示。
    43                 request.setAttribute("message", "用户名" + name + "已经被占用,请重新选择。");
    44                 //2.2.2、updatecustomer.jsp  的表单可以回显。
    45                 
    46                 //2.2.3、结束方法:return
    47                 request.getRequestDispatcher("/updatecustomer.jsp").forward(request, response);
    48                 return;
    49             }
    50             
    51         }
    52         //3、若验证通过,把表单参数封装为一个 Customer 对象 customer
    53         Customer customer = new Customer(oldName, address, phone);
    54         customer.setId(Integer.parseInt(id));
    55         
    56         //4、调用 CustomerDao 的update 方法,执行保存操作。
    57         customerDao.update(customer);
    58         //5.重定向到 query.do 页面
    59         response.sendRedirect("query.do");
    60     }

    调用 customerDao.update 方法时,发现之前写底层的时候 CustomerDao 接口,漏写了这个方法,所以补上:

    CustomerDao.java 中补上:

    1     /**
    2      * 更新
    3      * @param customer
    4      */
    5     public void update(Customer customer);

    CustomerDaoJdbcImpl.java 中补上:

    1     @Override
    2     public void update(Customer customer) {
    3         String sql = "update customer set name=?,address=?,phone=? where id=?";
    4         update(sql, customer.getName(), customer.getAddress(), customer.getPhone(), customer.getId());
    5     }

           我的 修改信息的页面 updatecustomer.jsp  是这样写的,考虑到了这几点:1、不区分大小写,(因为MySQL 里是不区分大小写的原因)。2、因为我的name 是唯一的,所以要修改时,要先判断新的 name 和 旧的name 是否一致,一致的话,就说明这个name 可以用。不一致的话,就得去数据库里查询一下有没有这个记录,有的话,得给出错误提示。3、表单的回显,得考虑如果新的 name 和旧的name 一致,回显的数据就是 新的。如果不一致且新的name 在数据库中有记录,回显的得是旧的数据。

    代码如下:

     1 <%@page import="com.hnust.mvcapp.dao.CustomerDao"%>
     2 <%@page import="com.hnuct.mvcapp.entity.Customer"%>
     3 <%@ page language="java" contentType="text/html; charset=UTF-8"
     4     pageEncoding="UTF-8"%>
     5 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     6 <html>
     7 <head>
     8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     9 <title>Insert title here</title>
    10 </head>
    11 <body>
    12     <%
    13         Object mes = request.getAttribute("message");
    14         if(mes != null){
    15     %>
    16             <br>
    17             <font color="red"><%= mes %></font>
    18     <% 
    19         }
    20         
    21         String id = null;
    22         String name = null;
    23         String oldName = null;
    24         String address = null;
    25         String phone = null;
    26         Customer customer = (Customer) request.getAttribute("customers");
    27         if(customer != null){
    28             id = customer.getId() + "";
    29             name = customer.getName();
    30             oldName = customer.getName();
    31             address = customer.getAddress();
    32             phone = customer.getPhone();
    33         }else{
    34             id = request.getParameter("id");
    35             name = request.getParameter("oldName");
    36             oldName = request.getParameter("oldName");
    37             address = request.getParameter("address");
    38             phone = request.getParameter("phone");        
    39         }
    40     %>
    41     
    42     <form action="update.do" method="post">
    43         <input type="hidden" name="id" value="<%= id %>"/>
    44         <input type="hidden" name="oldName" value="<%= oldName %>"/>
    45         <table>
    46             <tr>
    47                 <td>Name:</td>
    48                 <td><input type="text" name="name" value="<%= name %>"/></td>
    49             </tr>
    50             <tr>
    51                 <td>Address:</td>
    52                 <td><input type="text" name="address" value="<%= address %>"/></td>
    53             </tr>
    54             <tr>
    55                 <td>Phone:</td>
    56                 <td><input type="text" name="phone" value="<%= phone %>"/></td>
    57             </tr>
    58             <tr>
    59                 <td colspan="2"><input type="submit" value="submit"/></td>
    60             </tr>
    61         </table>
    62     </form>
    63 </body>
    64 </html>

    至此,实现了基本的增删改查的操作,其实里面很多的细节还值得自己今后完善。

    有些细节的考虑还值得反复推敲一下,例如:隐藏域的问题,回显的问题,对 name 字段的验证,还有我的添加信息的界面和修改信息的界面其实可以写成一个的。

  • 相关阅读:
    重新梳理HTML基础知识
    Bootstrap响应式栅格系统的设计原理
    php 循环爬虫 or 持久执行任务 总断掉服务 解决,flush(),ob_flush()的组合使用
    Linux中工作目录切换命令
    Linux中系统状态检测命令
    Linux系统中rm删除命令
    Linux中touch命令使用(创建文件)
    Linux中 mkdir 创建文件夹命令
    Linux 中 cp 命令(文件复制)
    Linux中 mv(文件移动)
  • 原文地址:https://www.cnblogs.com/daoxiaobai/p/6270791.html
Copyright © 2011-2022 走看看