查询书籍功能

  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. effectivejava(破坏单例)

    以下代码是最普通的双重锁的单例实现形式 package com.edu.character02; import java.io.Serializable; /** * <p> * 双重锁 ...

  2. [netty4][netty-common]netty之ResourceLeakDetector的使用与实现

    netty之ResourceLeakDetector的使用与实现 通过WeakReference和ReferenceQueue做针对需要手动释放的资源的侦测 使用 设置日志级别: ServerBoot ...

  3. vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

    今天在写vue项目配置好路由点击菜单时,突然在控制台报错. 错误信息如下: Uncaught (in promise) NavigationDuplicated {_name: "Navig ...

  4. 【Apollo】(2)--- Apollo架构设计

    Apollo架构设计 上一篇博客有讲到:[Apollo](1)--- Apollo入门介绍篇 这篇来写Apollo的核心架构设计 一.整体架构 Apollo整体架构图,已由作者宋顺已经给出: 这幅图所 ...

  5. 前端实现图片上传预览并转换base64

    前端实现文件的上传,就必须用到input标签,type属性为file. 在vue项目中通ref操作dom.input有一个属性accept,是必须要搭配type=file使用. multiple可以上 ...

  6. RPC 框架 Dubbo 从理解到使用（一）

    技术架构演变 单一应用架构 通俗地讲,"单体应用(monolith application)"就是将应用程序的所有功能都打包成一个独立的单元.当网站流量很小时,只需一个应用,将所有 ...

  7. 哲思集-转载自CSDN

    CSDN 创始人蒋涛:世界被编码之后 分享赚￥9.90订阅博主 “写代码 20 年,通过网络平台和社区,帮助中国的程序员更好成长,这是我最希望被大家记住的.”这是蒋涛接受 ZAKER 采访的开场白. ...

  8. .NET Core + K8S + Apollo 玩转配置中心

    1.引言 Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境.不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限.流程治理等特性,适用于微服务配置管理 ...

  9. Linux kernel 模块 hello 测试

    原文链接:https://www.cnblogs.com/nerohwang/p/3621316.html hello.c 文件: #include <linux/kernel.h> /* ...

  10. SPSSAU数据分析思维培养系列3：分析思路

    本文章为SPSSAU数据分析思维培养的第3期文章. 上文讲解如何选择正确的分析方法,除了有正确的分析方法外,还需要把分析方法进行灵活运用.拿到一份数据,应该如何进行分析,总共有几个步骤,第一步第二步应 ...