SSM框架整合（三）修改和刪除功能
阿新 • • 發佈：2021-06-27
修改書籍資訊
一、在allBook.jsp新增一個操作功能的標籤
1、新增html標籤
<th>操作</th>
<td>
<a href="">修改</a> |
<a href="">刪除</a>
</td>
新增位置如圖：
2、執行檢視效果
二、新建修改書籍頁面【updateBook.jsp】
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>修改書籍</title> <!-- 引入 Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="page-header"> <h1> <small>修改書籍</small> </h1> </div> </div> </div> <form action="" method="post"> <div class="form-group"> <label>書籍名稱:</label> <input type="text" name="bookName" class="form-control" required> </div> <div class="form-group"> <label>書籍數量:</label> <input type="text" name="bookCounts" class="form-control" required> </div> <div class="form-group"> <label>書籍描述:</label> <input type="text" name="detail" class="form-control" required> </div> <div class="form-group"> <input type="submit" class="form-control" value="修改"> </div> </form> </div> </body> </html>
三、編寫controller層跳轉到【updateBook.js】的方法
//跳轉到修改頁面
@RequestMapping("/toUpdateBook")
public String toUpdateBook(){
return "updateBook";
}
四、修改toUpdateBook方法，獲取書籍資訊
//跳轉到修改頁面 //使用restful風格 @RequestMapping("/toUpdateBook/{bookId}") public String toUpdateBook(@PathVariable("bookId")int id,Model model){ Books books = bookService.queryBookById(id); model.addAttribute("book",books ); return "updateBook"; }
五、修改【allBook.jsp】點選更改跳轉到【updateBook.jsp】頁面，再賦值id引數
<td>
<a href="${pageContext.request.contextPath}/book/toUpdateBook/${book.getBookID()}">修改</a> |
<a href="">刪除</a>
</td>
修改如圖：
六、頁面接收後端的書籍資訊
給修改書籍頁面【updateBook.jsp】的input標籤新增一個value屬性
<div class="form-group"> <label>書籍名稱:</label> <!--model.addAttribute("book",books );--> <input type="text" name="bookName" class="form-control" value="${book.bookName}" required> </div> <div class="form-group"> <label>書籍數量:</label> <input type="text" name="bookCounts" class="form-control" value="${book.bookCounts}" required> </div> <div class="form-group"> <label>書籍描述:</label> <input type="text" name="detail" class="form-control" value="${book.detail}" required> </div>
七、執行測試
1、點選修改
2、跳轉到修改書籍頁面，並自動獲取對應書籍資訊
八、新增修改書籍方法
//修改書籍
@RequestMapping("/updateBook")
public String updateBook(Books books){
bookService.updateBook(books);
return "redirect:/book/allBook";
}
九、修改【updateBook.jsp】頁面，使點選修改按鈕執行修改書籍方法
<form action="${pageContext.request.contextPath}/book/updateBook" method="post">
<input type="hidden" name="bookID" value="${book.bookID}">
十、執行測試
1、點選修改
2、輸入修改資訊
3、修改結果
刪除書籍資訊
一、編寫刪除書籍方法
//刪除書籍
//使用restful風格
@RequestMapping("/deleteBook/{bookId}")
public String deleteBook(@PathVariable("bookId") int id){
bookService.deleteBook(id);
return "redirect:/book/allBook";
}
二、編寫【allBook.jsp】頁面，使點選刪除按鈕呼叫刪除書籍方法
<a href="${pageContext.request.contextPath}/book/deleteBook/${book.getBookID()}">刪除</a>
三、執行測試
1、點選刪除按鈕
2、刪除成功