查询书籍功能

  1. 完善Controller：BookController

    @Controller
    
@RequestMapping("/book")
    
public class BookController {
    
    //coontroller层调service层
    
    @Autowired
    
    @Qualifier("BookServiceImpl")
    
    private BookService bookService;

    //查询全部的书籍，并且返回到书籍展示也命啊
    
    @RequestMapping("/allBook")
    
    public String list(Model model){
    
        List<Books> books = bookService.queryAllBook();

        model.addAttribute("list",books);

        return "allBook";
    
    }

}

  2. 完善首页 index.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
<html>
    
<head>
    
    <title>首页</title>
    
    <style>
    
        a {
    
            text-decoration: none;
    
            color: black;
    
            font-size: 18px;
    
        }

        h3 {
    
            width: 180px;
    
            height: 38px;
    
            margin: 100px auto;
    
            text-align: center;
    
            line-height: 38px;
    
            background: deepskyblue;
    
            border-radius: 5px;
    
        }
    
    </style>

</head>
    
<body>
    
<h3>
    
    <a href="${pageContext.request.contextPath}/book/allBook">进入书籍页面</a>
    
</h3>
    
</body>
    
</html>

  3. 完善查询书籍页面 allBook.jsp

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
<html>
    
<head>
    
    <title>书籍展示</title>
    
    <%--BookStrap美化界面--%>
    
    <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>
    
    <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>
    
                <%--书籍从数据库中查询得到 books遍历出来：foreach--%>
    
                <tbody>
    
                    <c:forEach var="book" items="${list}">
    
                        <tr>
    
                            <td>${book.bookID}</td>
    
                            <td>${book.bookName}</td>
    
                            <td>${book.bookCounts}</td>
    
                            <td>${book.detail}</td>
    
                        </tr>
    
                    </c:forEach>
    
                </tbody>
    
            </table>
    
        </div>

    </div>
    
</div>
    
</body>
    
</html>

增加书籍功能

  1. 在显示所有书籍页面添加 新增书籍按钮 allBook.jsp

    <div class="row">
    
    <div class="col-md-4 column">
    
        <%--toAddBook--%>
    
        <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增书籍</a>
    
    </div>
    
</div>

  2. 新增跳转功能和添加书籍功能 BookController.java

    //跳转到增加书籍页面
    
@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("/allBook")请求
    
}

  3. 新增添加书籍页面及表单 addBook.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
<html>
    
<head>
    
    <title>增加书籍</title>
    
    <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="">
    
        <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>

修改删除书籍

  1. 修改页面 updateBook

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
<html>
    
<head>
    
    <title>修改书籍</title>
    
    <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="get">
    
        <%--出现的问题，我们提交了sql请求，但是修改失败，看一下sql语句能否执行成功，前端没传id，前端应该传递隐藏域--%>
    
        <input type="hidden" name="bookID" value="${Qbooks.bookID}">

        <div class="form-group">
    
            <label>书籍名称：</label>
    
            <input type="text" name="bookName" class="form-control" value="${Qbooks.bookName}" required>
    
        </div>
    
        <div class="form-group">
    
            <label>书籍数量：</label>
    
            <input type="text" name="bookCounts" class="form-control" value="${Qbooks.bookCounts}" required>
    
        </div>
    
        <div class="form-group">
    
            <label>书籍描述：</label>
    
            <input type="text" name="detail" class="form-control" value="${Qbooks.detail}" required >
    
        </div>
    
        <div class="form-group">

            <input type="submit" class="form-control" value="修改">
    
        </div>

    </form>
    
</div>
    
</body>
    
</html>

  2. 增加修改和删除的链接 allBook.jsp

    <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>

  3. Controller新增修改和删除方法

    //跳转到修改页面
    
@RequestMapping("/toUpdateBook")
    
public String toUpdatePaper(int id,Model model){
    
    Books books = bookService.queryBookById(id);

    model.addAttribute("Qbooks",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";
    
}

从零开始增加按书名查询功能

  1. BookMapper接口和BookMapper.xml

    //查询一本书
    
Books queryBookByName(@Param("bookName")String bookName);
    

    <select id="queryBookByName" resultType="Books">
    
    select * from ssmbuild.books where bookName=#{bookName};
    
</select>

  2. BookService接口和BookServiceImpl

    //查询一本书
    
Books queryBookByName(String bookName);
    

    public Books queryBookByName(String bookName) {

    return bookMapper.queryBookByName(bookName);
    
}

  3. Controller

    //查询书籍
    
@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";
    
}

  4. 前台页面 allBook.jsp

    <div class="col-md-8 column">
    
    <%--查询书籍--%>
    
    <form class="form-inline" action="${pageContext.request.contextPath}/book/queryBook" method="get" 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>

项目结构

小结及展望

这是第一个SSM整合案例，一定要烂熟于心！

SSM框架的重要程度不言而喻。

SpringMVC-08-整合SSM之CRUD的更多相关文章

  1. 整合SSM框架必备基础—SpringMVC（下）

    在上一篇文章<整合SSM框架必备基础-SpringMVC(上)>中,胖达介绍了关于SpringMVC的诞生.优势以及执行流程等理论知识点,这篇文章打算在实操中加深一下对SpringMVC的 ...

  2. SpringMVC学习05（整合ssm）

    5.整合SSM 环境要求 环境: IDEA MySQL 5.7.19 Tomcat 9 Maven 3.6 要求: 需要熟练掌握MySQL数据库,Spring,JavaWeb及MyBatis知识,简单 ...

  3. ssm之spring+springmvc+mybatis整合初探

    1.基本目录如下  2.首先是向lib中加入相应的jar包  3.然后在web.xml中加入配置,使spring和springmvc配置文件起作用. <?xml version="1. ...

  4. spring+springmvc+mybaties整合实例

    spring+springmvc+mybaties即SSM框架整合在ecpliseee中开发:很么多西都是只有只有自己上手做,才会懂.昨晚熬了很久,才弄出来.也希望对新手有帮助!下面整理一下思路:关键 ...

  5. Spring+SpringMVC+MyBatis整合(easyUI、AdminLte3)

    实战篇(付费教程) 花了几天的时间,做了一个网站小 Demo,最终效果也与此网站类似.以下是这次实战项目的 Demo 演示. 登录页: 富文本编辑页: 图片上传: 退出登录: SSM 搭建精美实用的管 ...

  6. SpringBoot整合SSM(代码实现Demo)

    SpringBoot整合SSM 如图所示: 一.数据准备: 数据库文件:数据库名:saas-export,表名:ss_company 创建表语句: DROP TABLE IF EXISTS ss_co ...

  7. 手把手整合SSM框架

    前言 如果看过前几篇文章,对 Spring 和 MyBatis 有了一定了解,一定想上手试试.这篇文章从 0 到 1,手把手整合 SSM (Spring.Spring MVC.MyBatis). 本篇 ...

  8. shiro框架整合ssm框架

    下面我通过一个web的maven项目来讲解如何将shiro整合ssm框架,具体结构如下图 一.引入依赖的jar包 <?xml version="1.0" encoding=& ...

  9. shiro权限控制（一）：shiro介绍以及整合SSM框架

    shiro安全框架是目前为止作为登录注册最常用的框架,因为它十分的强大简单,提供了认证.授权.加密和会话管理等功能 . shiro能做什么? 认证:验证用户的身份 授权:对用户执行访问控制:判断用户是 ...

  10. 框架篇：Spring+SpringMVC+Mybatis整合开发

    前言: 前面我已搭建过ssh框架(http://www.cnblogs.com/xrog/p/6359706.html),然而mybatis表示不服啊. Mybatis:"我抗议!" ...

随机推荐

  1. C#LeetCode刷题之#190-颠倒二进制位（Reverse Bits）

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/4050 访问. 颠倒给定的 32 位无符号整数的二进制位. 输入: ...

  2. C#设计模式之20-状态模式

    状态模式(State Pattern) 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/425 访问. 状态模式属于行为型 ...

  3. SOAR安全能力编排化

    安全能力编排化(Security Capability Orchestration)是指系统一方面可以通过自底向上地通过安全设施接口化和安全接口应用化实现安全应用编排化:另一方面则自顶向下地将安全运营 ...

  4. python基本数据类型（—）

    数字 int(整型) 在32位机器上,整数的位数为32位,取值范围为-2**31-2**31-1,即-2147483648-2147483647 在64位系统上,整数的位数为64位,取值范围为-2** ...

  5. Nginx的Gzip功能

    什么是HTTP压缩 有时候客户端和服务器之间会传输比较大的报文数据,这时候就占用较大的网络带宽和时长.为了节省带宽,加速报文的响应速速,可以将传输的报文数据先进行压缩,然后再进行传输. HTTP支持多 ...

  6. 金题大战Vol.0 B、序列

    金题大战Vol.0 B.序列 题目描述 给定两个长度为 \(n\) 的序列\(a\), \(b\). 你需要选择一个区间\([l,r]\),使得\(a_l+-+a_r>=0\)且\(b_l+-+ ...

  7. 前端面试？这份手撸Promise请你收下

    前言 现在很多大厂面试前端都会要求能够手动的写出一个Promise,所以这里整理了一份手写的Promise. 绝对详细,功能绝对强大.如果你不了解Promise的基本使用,那么本篇文章可能不太适合你, ...

  8. 三张图理解JavaScript原型链

  9. python去除 数据的 重复行

    原文链接:https://www.cnblogs.com/loren880898/p/11303672.html

  10. poi解析Excel内容

    poi可以将指定目录下的Excel中的内容解析.读取到java程序中.下面是一个Demo: 使用poi需要导下包,如下: 首先是准备读取的Excel表,存放在"E:\programming\ ...