[原创]java WEB学习笔记25:MVC案例完整实践(part 6)---新增操作的设计与实现

Posted jason_zhangz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[原创]java WEB学习笔记25:MVC案例完整实践(part 6)---新增操作的设计与实现相关的知识,希望对你有一定的参考价值。

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用

内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系。

本人互联网技术爱好者,互联网技术发烧友

微博:伊直都在0221

QQ:951226918

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 新增操作:

  思路:在index.jsp 页面下,点击Add New Customer 超链接,转向newcustomer.jsp 。在添加的操作有两个需求:

    1.保证name的唯一性,也就是说,在新增的用户中,先进行查询name在数据库中是否存在。

       若存在,则通过转发发送到newcustomer.jsp 一条提示信息;

       若不存,则将请求的信息name,address,phone封装为一个Customer的对象,在通过调用customerDAO的save(),将信息添加到数据库,并且通过重定向的方式跳转到 success.jsp,加上提示 和 超链接 返回 querey.do 

    2.在index.jsp 页面要有回显的功能。也就是说不过成功添加还是不成功添加,都要将输入的信息显示到输入框中,达到回显的功能。

  

  关键代码:

  1.index.jsp 中的 Add New Customer 超链接

 

 1 <body>
 2 
 3     <form action="query.do" method="post">
 4         <table>
 5             <tr>
 6                  <td>CustomerName:</td>
 7                  <td><input type="text" name="name"/></td>
 8             </tr>
 9             <tr>
10                  <td>Address:</td> 
11                  <td><input type="text" name="address"/></td>
12             </tr>
13             <tr>
14                  <td>Phone:</td>
15                  <td><input type="text" name="phone"/></td>
16             </tr>
17             <tr>
18                  <td><input type="submit" value="Query"/></td>
19                  <td><a href="newcustomer.jsp">Add New Customer</a></td>
20             </tr>
21         </table>
22     </form>
23     <br><br>

 

  

  2.newcustomer.jsp 页面

   说明:① 通过   value="<%= request.getParameter("name") == null ? "" : request.getParameter("name") %>" 方式 达到回显的效果

      ② 当添加的name 在数据库从在,servlet 会返回一个message 信息。通过 <h2><font color="red"><%=request.getAttribute("message") == null ? "" : request.getAttribute("message")%></font></h2> 方式

        达到提示的效果

 

 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 <body>
11             <%--可以用来回显  <%= request.getParameter("name") %> 若为空 则赋为 空串儿 ; 反之 ,赋原值 --%>
12 
13     <h2><font color="red"><%=request.getAttribute("message") == null ? "" : request.getAttribute("message")%></font></h2>
14     
15     <form action="addCustomer.do" method="post">
16         <table>
17             <tr>
18                  <td>CustomerName:</td>
19                  <td><input type="text" name="name" 
20                   value="<%= request.getParameter("name") == null ? "" : request.getParameter("name")  %>"/></td>
21             </tr>
22             <tr>
23                  <td>Address:</td> 
24                  <td><input type="text" name="address"
25                   value="<%= request.getParameter("address") == null ? "" : request.getParameter("address")%>"/></td>
26             </tr>
27             <tr>
28                  <td>Phone:</td>
29                  <td><input type="text" name="phone" 
30                  value="<%= request.getParameter("phone") == null ? "" : request.getParameter("phone") %>"/></td>
31             </tr>
32             <tr>
33                  <td colspan="2"><input type="submit" value="submit"/></td>
34             </tr>
35         </table>
36     </form>
37 
38 </body>
39 </html>

 

  

  3.success,jsp :提示信息和返回index.jsp 的超链接

 

1 <body>
2     
3     
4     <h1>操作成功</h1>
5     <a href="index.jsp">return ....</a>
6     
7     
8 </body>

 

 

  3.CustomerServlet2 中的addCustomer()方法

  

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

 

 

  4.CustomerDAO 中的 save 声明 ,getCountWithName()

 

1 //保存操作
2     public void save(Customer coustomer);
3 
4 
5 //查看与参数相同的名字有多少个记录数
6     public long getCountWithName(String name);

 

 

  5.CustomerDAOJdbcImpl 对CustomerDAO 的 save()具体实现 ,  getCountWithName

 

 1 @Override
 2     public void save(Customer customer) {
 3         String sql = "INSERT INTO customers(name, address, phone) VALUES(?,?,? )";
 4         update(sql,customer.getName(),customer.getAddress(),customer.getPhone());
 5     }
 6 
 7 @Override
 8     public long getCountWithName(String name) {
 9         String sql = "SELECT count(id) FROM customers WHERE name = ?";
10         return getForValue(sql, name);
11     }

 

 

 

  6.DAO 中的update() ,getForValue

  

    /**
     * @param sql
     *            : sql语句
     * @param ags
     *            : sql语句的占位符
     * @description:该方法封装了 INSERT ,DELETE,UPDATE 操作
     */
    public void update(String sql, Object... ags){
        
        Connection connection = null;
        try {
            connection = JdbcUtils.getConnection();    
            queryRunner.update(connection, sql, ags);
            
        } catch (Exception e) {
            e.printStackTrace();
        } finally{
            JdbcUtils.releaseConnection(connection);
        }
    }


/**
     * @param sql
     * @param args
     * @description:返回某一个字段的值,例如:返回某一条记录的customerName
     */
    public <E> E getForValue(String sql, Object... args) {
        
        Connection connection = null;
        try {
            connection = JdbcUtils.getConnection();
            return (E) queryRunner.query(connection, sql, new ScalarHandler(), args);
            
        } catch (Exception e) {
            e.printStackTrace();
        } finally{
            JdbcUtils.releaseConnection(connection);
        }
        return null;
    }

 

 

 

  7.总结

  1)从代码层次理解MVC

  2)对于添加:一方面 要验证;一方面要更新数据库

  

 

以上是关于[原创]java WEB学习笔记25:MVC案例完整实践(part 6)---新增操作的设计与实现的主要内容,如果未能解决你的问题,请参考以下文章

[原创]java WEB学习笔记26:MVC案例完整实践(part 7)---修改的设计和实现

[原创]java WEB学习笔记24:MVC案例完整实践(part 5)---删除操作的设计与实现

[原创]java WEB学习笔记18:java EE 中的MVC 设计模式

[原创]java WEB学习笔记19:初识MVC 设计模式:查询,删除 练习(理解思想)

[原创]java WEB学习笔记21:案例完整实践(part 2)---.DAO层设计

[原创]java WEB学习笔记34:Session 案例 之 解决表单重复提交