SSM框架整合笔记总结[五]--业务实现

DUZ子非鱼

已于 2022-03-07 17:11:56 修改

阅读量78

点赞数

分类专栏：个人总结文章标签：学习 java spring

于 2022-03-07 17:10:12 首次发布

本文链接：https://blog.csdn.net/weixin_42190209/article/details/123334663

版权

个人总结专栏收录该内容

50 篇文章 0 订阅

订阅专栏

文章目录

controller编写

@Controller
@RequestMapping("/book")
public class BookController {
    //controller 调 service层
    @Autowired  //自动装配
    @Qualifier("BookServiceImpl")
    private BookService bookService;

    //查询全部数据，并返回给前端页面
    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> list = bookService.queryAllBook();
        model.addAttribute("list", list);
        return "allBook";
    }


    //跳转增加书籍
    @RequestMapping("/toAddBook")
    public String toAddPaper(){
        return "addBook";
    }
    //添加书籍
    @RequestMapping("/addBook")
    public String addBook(Books books){
        System.out.println("addBook=>" + books);
        bookService.addBook(books);
        return "redirect:/book/allBook";
    }

    //跳转到修改
    @RequestMapping("/toUpdateBook")
    public String toUpdate(int id, Model model){
        Books books = bookService.queryBookById(id);
        model.addAttribute("QBook", books);
        return "updateBook";
    }
    //修改书籍
    @RequestMapping("/updateBook")
    public String updateBook(Books books){
        System.out.println("updateBook=>" + books);
        bookService.updateBook(books);
        return "redirect:/book/allBook";
    }

    //删除书籍
    @RequestMapping("/deleteBook/{bookID}")
    public String deleteBook(@PathVariable("bookID") int id){
        bookService.deleteBookById(id);
        return "redirect:/book/allBook";
    }

    //查询书籍
    @RequestMapping("/queryBook")
    public String queryBook(String queryBookName, Model model){
        Books books = bookService.queryBookByName(queryBookName);
        List<Books> list = new ArrayList<Books>();
        list.add(books);
        if(books == null){
            list = bookService.queryAllBook();
            model.addAttribute("ERROR", "未查到！");
        }
        model.addAttribute("list", list);
        return "allBook";
    }

}

前端页面

在这里插入图片描述

添加书籍（增）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加书籍</title>

    <%--    BootStrap美化界面--%>
    <link href="https://cdn.staticfile.org/twitter-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="${pageContext.request.contextPath}/book/addBook" 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="btn btn-primary" >
             <input type="submit" class="form-control" value="添加" >
         </div>
     </form>
</div>

</body>
</html>

数据展示（查删）

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍展示</title>
<%--    BootStrap美化界面--%>
    <link href="https://cdn.staticfile.org/twitter-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 class="row">
            <div class="col-md-4 column">
                <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增书籍</a>
                <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/allBook">显示全部书籍</a>
            </div>
            <div class="col-md-4 column">
                <form action="${pageContext.request.contextPath}/book/queryBook/" method="post" class="form-inline" style="float: right">
                    <span style="color: red; font-weight: bold">${ERROR}</span>
                    <input type="text" name="queryBookName" class="form-control" placeholder="请输入要查询的书籍名称">
                    <input type="submit" value="查询"  class="btn btn-primary">
                </form>
            </div>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                    <tr>
                       <th>书籍编号</th>
                       <th>书籍名称</th>
                       <th>书籍数量</th>
                       <th>书籍详情</th>
                    </tr>
                </thead>
<%--                书籍从数据库中查询出来--%>
                <tbody>
                    <c:forEach var="book" items="${list}">
                        <tr>
                            <td>${book.bookID}</td>
                            <td>${book.bookName}</td>
                            <td>${book.bookCounts}</td>
                            <td>${book.detail}</td>
                            <td>
                                <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.bookID}">修改</a>
                                &nbsp; | &nbsp;
                                <a href="${pageContext.request.contextPath}/book/deleteBook/${book.bookID}">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
</div>


</body>
</html>

修改书籍（改）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改书籍</title>
    <%--    BootStrap美化界面--%>
    <link href="https://cdn.staticfile.org/twitter-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="${pageContext.request.contextPath}/book/updateBook" method="post">
<%--        前端传递隐藏域 --%>
        <input type="hidden" name="bookID" value="${QBook.bookID}">
        <div class="form-group">
            <label>书籍名称：</label>
            <input type="text" name="bookName" class="form-control" value="${QBook.bookName}" required>
        </div>
        <div class="form-group">
            <label>书籍数量：</label>
            <input type="text" name="bookCounts" class="form-control" value="${QBook.bookCounts}" required>
        </div>
        <div class="form-group">
            <label>书籍描述：</label>
            <input type="text" name="detail" class="form-control" value="${QBook.detail}" required>
        </div>
        <div class="btn btn-primary" >
            <input type="submit" class="form-control" value="修改" >
        </div>
    </form>
</div>

</body>
</html>

最后配置Tomcat，进行运行就行了！

DUZ子非鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SSM框架整合笔记总结[五]--业务实现

文章目录controller编写前端页面添加书籍（增）数据展示（查删）修改书籍（改）controller编写@Controller@RequestMapping("/book")public class BookController { //controller 调 service层 @Autowired //自动装配 @Qualifier("BookServiceImpl") private BookService bookService; //查询全部
复制链接

扫一扫