JavaWEB07--book03---MVC 概念--删除修改图书

​​项目源码​​

文章目录

• ​​MVC 概念​​

• ​​1.图书模块​​

• ​​1.1编写图书模块的数据表​​
• ​​1.2编写图书模块的javaBean​​
• ​​1.3、 编写图书模块的 Dao 和测试 Dao​​

• ​​Dao 接口​​
• ​​BookDaoImpl 实现类：​​
• ​​BookDao 的测试：​​
• 
  

• ​​1.4、 编写图书模块的 Service 和测试 Service​​

• ​​BookService 接口​​
• ​​BookServiceImpl 实现类：​​
• 
  
• ​​BookService 的测试：​​
• 
  

• ​​1.5、 编写图书模块的 Web 层， 和页面联调测试​​

• ​​1.5.1、 图书列表功能的实现​​

• ​​1.5.2、 前后台的简单介绍​​

• ​​1.5.3.1、 添加图书流程细节：​​
• ​​1.5.3.2、 问题说明： 表单重复提交：​​
• ​​1.5.3.3、 BookServlet 程序中添加 add 方法​​
• ​​1.5.3.4、 修改 book_edit.jsp 页面​​

• ​​1.5.4、 删除图书功能的实现​​

• ​​1.5.4.1、 图解删除流程：​​
• ​​1.5.4.2、 BookServlet 程序中的 delete 方法：​​
• ​​1.5.4.3、 给 WebUtils 工具类添加转换 int 类型的工具方法​​
• ​​1.5.4.4、 修改删除的连接地址：​​
• ​​1.5.4.5、 给删除添加确认提示操作：​​

• ​​1.5.5、 修改图书功能的实现​​

• ​​1.5.5.1： 图解修改图书细节：​​
• ​​1.5.5.2、 更新【修改】 的请求地址：​​
• ​​1.5.5.3、 BookServlet 程序中添加 getBook 方法：​​

MVC 概念

MVC全称: model 模型 View视图 Controller控制器

MVC 最早出现在 JavaEE 三层中的 Web 层， 它可以有效的指导 Web 层的代码如何有效分离， 单独工作。

view 视图:只负责数据和界面的显示,不接受任何与显示无关的代码.便于程序员和美工的分工合作—JSP/HTML;

controller:只负责接收请求,调用业务层的代码处理请求,然后派发页面,是一个"调度者"的角色-----servlet. 转到某个页面.或者重定向到某个页面

Model模型: 将与业务逻辑相关的数据封装为具体的javaBean类,其中不参杂任何与数据相关的代码-----JavaBean/domain/entity/pojo。

MVC 是一种思想

MVC 的理念是将软件代码拆分成为组件， 单独开发， 组合使用（目的还是为了降低耦合度） 。

MVC的作用还是为了降低耦合,然代码合理分层,方便后期升级和维护

1.图书模块

1.1编写图书模块的数据表

create table t_book(
`id` int primary key auto_increment,
`name` varchar(100),
`price` decimal(11,2),
`author` varchar(100),
`sales` int,
`stock` int,
`img_path` varchar(200)
);

## 插入初始化测试数据
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'java 从入门到放弃' , '国哥' , 80 , 9999 , 9 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '数据结构与算法' , '严敏君' , 78.5 , 6 , 13 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '怎样拐跑别人的媳妇' , '龙伍' , 68, 99999 , 52 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '木虚肉盖饭' , '小胖' , 16, 1000 , 50 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'C++编程思想' , '刚哥' , 45.5 , 14 , 95 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '蛋炒饭' , '周星星' , 9.9, 12 , 53 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '赌神' , '龙伍' , 66.5, 125 , 535 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'Java 编程思想' , '阳哥' , 99.5 , 47 , 36 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'JavaScript 从入门到精通' , '婷姐' , 9.9 , 85 , 95 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'cocos2d-x 游戏编程入门' , '国哥' , 49, 52 , 62 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'C 语言程序设计' , '谭浩强' , 28 , 52 , 74 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , 'Lua 语言程序设计' , '雷丰阳' , 51.5 , 48 , 82 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '西游记' , '罗贯中' , 12, 19 , 9999 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '水浒传' , '华仔' , 33.05 , 22 , 88 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '操作系统原理' , '刘优' , 133.05 , 122 , 188 , 'static/img/default.jpg');
insert into t_book(`id` , `name` , `author` , `price` , `sales` , `stock` , `img_path`)
values(null , '数据结构 java 版' , '封大神' , 173.15 , 21 , 81 , 'static/img/default.jpg');

## 查看表内容
select id,name,author,price,sales,stock,img_path from t_book;

1.2编写图书模块的javaBean

public class Book {
    private Integer id;
    private String name;
    private String author;
    private BigDecimal price;
    private Integer sales;
    private Integer stock;
    private String imgPath = "static/img/default.jpg";

1.3、 编写图书模块的 Dao 和测试 Dao

Dao 接口

public interface BookDao {
    public int addBook(Book book);
    public int deleteBookById(Integer id);
    public int updateBook(Book book);
    public Book queryBookById(Integer id);
    public List<Book> queryBooks();
}

BookDaoImpl 实现类：

public class BookDaoImpl extends BaseDao implements BookDao {
    @Override
    public int addBook(Book book) {

        String sql = "insert into t_book(`name`,`author`,`price`,`sales`,`stock`,`img_path`) values(?,?,?,?,?,?)";
        return update (sql,book.getName(),book.getAuthor(),book.getPrice(),book.getSales(),book.getStock(),book.getImgPath());
    } 

    @Override
    public int deleteBookById(Integer id) {
        String sql = "delete from t_book where id = ?";
        return update(sql, id);
    } 

    @Override
    public int updateBook(Book book) {
        String sql = "update t_book set `name`=?,`author`=?,`price`=?,`sales`=?,`stock`=?,`img_path`=?
        where id = ?";
        return update(sql,book.getName(),book.getAuthor(),book.getPrice(),book.getSales(),book.getStock(),book.ge
        tImgPath(),book.getId());
    } 


    @Override
    public Book queryBookById(Integer id) {
        String sql = "select `id` , `name` , `author` , `price` , `sales` , `stock` , `img_path` imgPath
        from t_book where id = ?";
        return queryForOne(Book.class, sql,id);
    } 
    @Override
    public List<Book> queryBooks() {
        String sql = "select `id` , `name` , `author` , `price` , `sales` , `stock` , `img_path` imgPath
        from t_book";
        return queryForList(Book.class, sql);
    }
}

BookDao 的测试：

public class BookDaoTest {
    private BookDao bookDao = new BookDaoImpl();
    @Test
    public void addBook() {
        bookDao.addBook(new Book(null,"kkkkk！ ", "191125", new
        BigDecimal(9999),1100000,0,null
    ));
    } @
    Test
    public void deleteBookById() {
           bookDao.deleteBookById(21);
    } 
    @Test
    public void updateBook() {
        bookDao.updateBook(new Book(21,"大家都可以这么帅！ ", "大钊", new
        BigDecimal(9999),1100000,0,null
        ));
    }
    @Test
    public void queryBookById() {
         System.out.println( bookDao.queryBookById(21) );
    } 
    @Test
    public void queryBooks() {
        for (Book queryBook : bookDao.queryBooks()) {
             System.out.println(queryBook);
        }
    }
}

1.4、 编写图书模块的 Service 和测试 Service

BookService 接口

public interface BookService {
    public void addBook(Book book);
    public void deleteBookById(Integer id);public void updateBook(Book book);
    public Book queryBookById(Integer id);
    public List<Book> queryBooks();
}

BookServiceImpl 实现类：

public class BookServiceImpl implements BookService {
    private BookDao bookDao = new BookDaoImpl();
    
    @Override
    public void addBook(Book book) {
    bookDao.addBook(book);
    }
    
    @Override
    public void deleteBookById(Integer id) {
    bookDao.deleteBookById(id);
    }
    
    @Override
    public void updateBook(Book book) {
    bookDao.updateBook(book);
    }
    
    @Override
    public Book queryBookById(Integer id) {
    return bookDao.queryBookById(id);
    }
    
    @Override
    public List<Book> queryBooks() {
    return bookDao.queryBooks();
    }
}

BookService 的测试：

public class BookServiceTest {
    private BookService bookService = new BookServiceImpl();
    @Test
    public void addBook() {
        bookService.addBook(new Book(null,"大钊大钊 ", "1125", new BigDecimal(1000000),
        100000000, 0, null));
    } 
    @Test
    public void deleteBookById() {
     bookService.deleteBookById(22);
    }
    @Test
    public void updateBook() {
       bookService.updateBook(new Book(22,"大钊大钊， 人狠话不多！ ", "1125", new BigDecimal(999999),
    10, 111110, null));
    } 
    @Test
    public void queryBookById() {
     System.out.println(bookService.queryBookById(22));
    } 
    @Test
    public void queryBooks() {
        for (Book queryBook : bookService.queryBooks()) {
                   System.out.println(queryBook);
        }
    }
}

1.5、 编写图书模块的 Web 层， 和页面联调测试

1.5.1、 图书列表功能的实现

1、 图解列表功能流程：

2.BookServlet 程序中添加 list 方法

/**
     * 遍历所有数据
     *
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void list(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1 通过BookService查询群不图书
        List<Book> books = bookService.queryBooks();
        //2 把全吧图书保存到Request狱中
        req.setAttribute("books", books);
        //3 请求转发到/pages/manager/book_manager.jsp页面
        req.getRequestDispatcher("/pages/manager/book_manager.jsp").forward(req, resp);
    }

3.修改[图书管理]请求地址

4、 修改 pages/manager/book_manager.jsp 页面的数据遍历输出

<c:forEach items="${requestScope.page.items}" var="book">
            <tr>
                <td>${book.name}</td>
                <td>${book.price}</td>
                <td>${book.author}</td>
                <td>${book.sales}</td>
                <td>${book.stock}</td>
                <td><a href="manager/bookServlet?action=getBook&id=${book.id}&pageNo=${requestScope.page.pageNo}">修改</a></td>
                <td><a class="deleteClass" href="manager/bookServlet?action=delete&id=${book.id}&pageNo=${requestScope.page.pageNo}">删除</a></td>
            </tr>
        </c:forEach>

1.5.2、 前后台的简单介绍

1.5.3.1、 添加图书流程细节：

1.5.3.2、 问题说明： 表单重复提交：

1.5.3.3、 BookServlet 程序中添加 add 方法

/**
     * 添加
     *
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void add(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        int pageNo=WebUtils.parseInt(req.getParameter("pageNo"),0);
        pageNo+=1;
        //        1、获取请求的参数==封装成为Book对象
        Book book = WebUtils.copyParamToBean(req.getParameterMap(), new Book());
//        2、调用BookService.addBook()保存图书
        bookService.addBook(book);
//        3、跳到图书列表页面
//                /manager/bookServlet?action=list
//        req.getRequestDispatcher("/manager/bookServlet?action=list").forward(req, resp);

        resp.sendRedirect(req.getContextPath() + "/manager/bookServlet?action=page&pageNo=" + pageNo);

    }

1.5.3.4、 修改 book_edit.jsp 页面

<div id="main">
<form action="manager/bookServlet" method="get">
<input type="hidden" name="action" value="add" />

1.5.4、 删除图书功能的实现

1.5.4.1、 图解删除流程：

1.5.4.2、 BookServlet 程序中的 delete 方法：

protected void delete(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        1、获取请求的参数id，图书编程
        int id = WebUtils.parseInt(req.getParameter("id"), 0);
//        2、调用bookService.deleteBookById();删除图书
        bookService.deleteBookById(id);
//        3、重定向回图书列表管理页面
//                /book/manager/bookServlet?action=list
        resp.sendRedirect(req.getContextPath() + "/manager/bookServlet?action=page&pageNo="+req.getParameter("pageNo"));
    }

1.5.4.3、 给 WebUtils 工具类添加转换 int 类型的工具方法

/**
     * 将字符串转换成为int类型的数据
     * @param strInt
     * @param defaultValue
     * @return
     */
    public static int parseInt(String strInt,int defaultValue) {
        try {
            return Integer.parseInt(strInt);
        } catch (Exception e) {
//            e.printStackTrace();
        }
        return defaultValue;
    }

1.5.4.4、 修改删除的连接地址：

1.5.4.5、 给删除添加确认提示操作：

<script type="text/javascript">
        $(function () {
            // 给删除的a标签绑定单击事件，用于删除的确认提示操作
            $("a.deleteClass").click(function () {
                // 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
                /**
                 * confirm是确认提示框函数
                 * 参数是它的提示内容
                 * 它有两个按钮，一个确认，一个是取消。
                 * 返回true表示点击了，确认，返回false表示点击取消。
                 */
                return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
                // return false// 阻止元素的默认行为===不提交请求
            });
        });
    </script>

1.5.5、 修改图书功能的实现

1.5.5.1： 图解修改图书细节：

1.5.5.2、 更新【修改】 的请求地址：

1.5.5.3、 BookServlet 程序中添加 getBook 方法：

/**
     * 显示要修改修改的数据
     *
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    protected void getBook(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1 获取请求的参数图书编号
        int id = WebUtils.parseInt(req.getParameter("id"), 0);
        //2 调用bookService.queryBookById查询图书
        Book book = bookService.queryBookById(id);
        //3 保存到图书到Request域中
        req.setAttribute("book", book);
        //4 请求转发到。pages/manager/book_edit.jsp页面
        req.getRequestDispatcher("/pages/manager/book_edit.jsp").forward(req, resp);
    }


    protected void delete(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        1、获取请求的参数id，图书编程
        int id = WebUtils.parseInt(req.getParameter("id"), 0);
//        2、调用bookService.deleteBookById();删除图书
        bookService.deleteBookById(id);
//        3、重定向回图书列表管理页面
//                /book/manager/bookServlet?action=list
        resp.sendRedirect(req.getContextPath() + "/manager/bookServlet?action=page&pageNo="+req.getParameter("pageNo"));
    }

1.5.5.4、 在 book_edit.jsp 页面中显示修改的数据

<div id="main">
    <form action="manager/bookServlet" method="get">
        <input type="hidden" name="pageNo" value="${param.pageNo}">
        <input type="hidden" name="action" value="${ empty param.id? "add":"update" }"/>
        <input type="hidden" name="id" value="${ requestScope.book.id }" />
        <table>
            <tr>
                <td>名称</td>
                <td>价格</td>
                <td>作者</td>
                <td>销量</td>
                <td>库存</td>
                <td colspan="2">操作</td>
            </tr>
            <tr>
                <td><input name="name" type="text" value="${requestScope.book.name}"/></td>
                <td><input name="price" type="text" value="${requestScope.book.price}"/></td>
                <td><input name="author" type="text" value="${requestScope.book.author}"/></td>
                <td><input name="sales" type="text" value="${requestScope.book.sales}"/></td>
                <td><input name="stock" type="text" value="${requestScope.book.stock}"/></td>
                <td><input type="submit" value="提交"/></td>
            </tr>
        </table>
    </form>

1.5.5.5、 在 BookServlet 程序中添加 update 方法：

1.5.5.6、 解决 book_edit.jsp 页面， 即要实现添加， 又要实现修改操作。

<input type="hidden" name="action" value="${ empty param.id? "add":"update" }"/>
        <input type="hidden" name="id" value="${ requestScope.book.id }" />