查询书籍功能

  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. 用python爬虫监控CSDN博客阅读量

    作为一个博客新人,对自己博客的访问量也是很在意的,刚好在学python爬虫,所以正好利用一下,写一个python程序来监控博客文章访问量 效果 代码会自动爬取文章列表,并且获取标题和访问量,写入exc ...

  2. [源码解析] Flink UDAF 背后做了什么

    [源码解析] Flink UDAF 背后做了什么 目录 [源码解析] Flink UDAF 背后做了什么 0x00 摘要 0x01 概念 1.1 概念 1.2 疑问 1.3 UDAF示例代码 0x02 ...

  3. 5G从小就梦想着自己要迎娶：高速率、低时延、大容量三个老婆

    摘要:2020年7月9日,ITU正式把NB-IoT纳入5G标准体系! 高速率.低时延与5G是青梅竹马的关系,在大容量的选择上,5G与NB-IoT不断传出着绯闻,终于:2020年7月9日,ITU正式把N ...

  4. VS Code 黑宝书背后的故事

    自开售以来,<Visual Studio Code 权威指南>就受到了许多读者朋友的青睐.在京东和当当两大平台上,都分别取得了不错的绩: 当当:计算机新书热卖榜第一名 京东:科技IT新书榜 ...

  5. Goland 生成可执行文件

    Goland通过调用go build 生成可执行文件. 默认Goland是可以执行程序,但你找不到可执行文件. 你需要自定义配置文件. 创建go build配置文件 Run kind 选Directo ...

  6. Webpack开发指南

    前言 成为一个全栈工程师,前端是必不可少的,这位前端构建工具webpack是一门必修的技术. 在学习webpack之前,先熟悉一下npm工具:https://www.runoob.com/nodejs ...

  7. Typescript node starter 1.Express Typescript

    启动项目 Express 是一个nodejs框架,用于构建Web后端应用程序.它非常的灵活,你可以用你喜欢的方式去使用他.在这个系列文章里,记录了我使用typescript express去构建一个w ...

  8. Scala中的函数高级使用

    1.偏函数 1.基本介绍 在对符合某个条件,而不是所有情况进行逻辑操作时,使用偏函数是一个不错的选择 将包在大括号内的一组case语句封装为函数,我们称之为偏函数,它只对会作用于指定类型的参数或指定范 ...

  9. eclipse项目文件夹整理

    1.点击倒三角 2.系统默认为Projects,选择第二个working sets 3.点击Configure Working Sets,点new 4.点击后,选中点Add 5.添加一个名字,Fins ...

  10. Kafka Producer源码解析一：整体架构

    一.Producer整体架构 Kafka Producer端的架构整体也是一个生产者-消费者模式 Producer线程调用send时,只是将数据序列化后放入对应TopicPartition的Deque ...