查询书籍功能

  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. LeetCode 646 最长数对链详解

    题目描述 给出 n 个数对. 在每一个数对中,第一个数字总是比第二个数字小. 现在,我们定义一种跟随关系,当且仅当 b < c 时,数对(c, d) 才可以跟在 (a, b) 后面.我们用这种形 ...

  2. hdfs学习（二）

    一.HDFS文件限额配置 在多人共用HDFS的环境下,配置设置非常重要.特别是在Hadoop处理大量资料的环境,如果没有配额管理,很容易把所有的空间用完造成别人无法存取.Hdfs的配额设定是针对目录而 ...

  3. javaSE总结（转+总结）

    一:java概述: 1,JDK:Java Development Kit,java的开发和运行环境,java的开发工具和jre. 2,JRE:Java Runtime Environment,java ...

  4. 【算法•日更•第五十四期】知识扫盲：什么是operator？

    ▎前言 这个东西和迭代器长的很像,但是比迭代器常见的多. 今天就来浅谈operator. ▎定义 operator是C#.C++和pascal的关键字,它和运算符一起使用,表示一个运算符函数,理解时应 ...

  5. JS 时间获取 (常用)

    /** * 获取几天之前日期 */ daysAgo(dayNum = 0) { let myDate = new Date() let lw = new Date(myDate - 1000 * 60 ...

  6. 「查缺补漏」巩固你的RocketMQ知识体系

    Windows安装部署 下载 地址:[https://www.apache.org/dyn/closer.cgi?path=rocketmq/4.5.2/rocketmq-all-4.5.2-bin- ...

  7. Nordic 52840-Timer定时器学习问题（一）

    今天在ble_app_blinky例程中移植定时器驱动,在编译过程中报出了两个错误,在此记录一下. 1. 在nRF_Dreivers中添加nrfx_timer.c文件 选中“nRF_Dreivers  ...

  8. 要有一颗理财的心 - 读<富爸爸.穷爸爸>

    记得工作没多久后的一次加薪的例行谈话.部门经理和我说,不能靠工资过日子,要多想想怎么投资,我的主要财富就是靠投资赚来的.当时第一反应,老板,你不给我加薪找这借口也太牵强了吧.我的收入只有工资,我的工资 ...

  9. python读取数据文件：pandas包详解

    本文转载自https://blog.csdn.net/brucewong0516/article/details/79092579 pandas包是一个高效的文件读取工具,适用于txt,excel,等 ...

  10. hyperledger-fabric环境快速搭建踩坑集锦（实用）

    安装docker 及 docker-compose 安装docker没什么好说的,一部分教程都给出了指令,在这里就不谈了. docker-compose不同的教程给出了不同的方法,在这里介绍一种极为快 ...