SSM整合：查询、增加、修改书籍功能

最新推荐文章于 2022-07-08 12:47:26 发布
最新推荐文章于 2022-07-08 12:47:26 发布
阅读量413 收藏
点赞数
分类专栏： ssm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alovelypeach/article/details/107706729
版权

SSM整合：查询书籍功能

1.业务层controller

package com.peach.controller;

import com.peach.pojo.Books;
import com.peach.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;


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

    //查询全部的书籍，并返回到一个书籍展示页面
    //进入这个方法就会查询到书籍并且返回到前端页面 （allBook页面）
    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> list = bookService.queryAllBook();
        model.addAttribute("list",list);
        return "allBook";
    }
}

image-20200726163143391

2.前端页面

image-20200726163429467

  1. 先进入index.jsp

image-20200726163532336

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

  1. 通过index.jsp进入allBook.jsp

    image-20200726163725917

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

                <%--书籍从数据库中查询出来，从这个list中遍历出来：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>

SSM整合：增加书籍的功能

image-20200728153516662

image-20200726172845586

  1. 业务层

     //跳转到增加书籍页面
    @RequestMapping("/toAddBook")
    public String toAddPager(){
        return "addBook";
    }

    //添加书籍的请求
    @RequestMapping("/addBook")
    public String addBook(Books books){
        System.out.println("addBook=>"+books);
        bookService.addBook(books);
        return "redirect:/book/allBook";
    }

  2. addBook.jsp

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

    <form action="${pageContext.request.contextPath}/book/addBook" method="post">
        <div class="form-group">
            <label >书籍名称</label>
            <input type="text" name="bookName" class="form-control">
        </div>
        <div class="form-group">
            <label >书籍数量</label>
            <input type="text" name="bookCounts" class="form-control">
        </div>
        <div class="form-group">
            <label >书籍描述</label>
            <input type="text" name="detail" class="form-control">
        </div>
        <div class="form-group">
            <input type="submit" class="form-control" value="添加">
        </div>
    </form>

</div>

</body>
</html>

SSM整合：修改书籍的功能

**注意：**整体思路同增加书籍

image-20200728161945391

image-20200728161713399

  1. allBook.jsp页面

    <%--书籍从数据库中查询出来，从这个list中遍历出来：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>
                            <td>
                                <a href="${pageContext.request.contextPath}/book/toUpdate?id=${book.bookID}">修改</a>
                                &nbsp; | &nbsp;
                                <a href="">删除</a>
                            </td>
                        </tr>
                    </c:forEach>
                </tbody>

  2. BookController.java

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

    //修改书籍
    @RequestMapping("/updateBook")
    public String updateBook(Books books){
        bookService.updateBook(books);
        return "redirect:/book/allBook";
    }
  1. pdate.jsp页面
<%@ 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>

    <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="form-group">
            <input type="submit" class="form-control" value="修改">
        </div>
    </form>

</div>

</body>
</html>
我很好请走开谢谢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ssm-BookAppointment-master:优雅整合SSM框架：SpringMVC + Spring + MyBatis（图书预约系统）
03-11
ssm-BookAppointment优雅整合SSM框架：SpringMVC + Spring + MyBatis（图书预约系统）话不多说先让我们看看此项目运行起来的效果，方便大家有个直观了解，好在预先估计要用到那些技术，方便大家有针对性的学习。...
SSM实现增加，修改，删除，分页功能的实现
有时间可以指导毕业设计，可以私聊我。一个热爱编程的smallCuteMonkey，可以私信我
05-24 1540
相关的包结构： StudentController类： package com.zjj.controller; import com.github.pagehelper.PageInfo; import com.zjj.pojo.Student; import com.zjj.service.StudentService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.
SSM框架的新增的操作
weixin_44573738的博客
05-09 1898
SSM框架的新增的操作 开发工具与关键技术：Eclipse 与 Java 作者：梁英豪 撰写时间：2021年05月08日 SSM框架怎么实现新增呢？ 跟上面的查询差不多，也是分几步完成。由于上面查询已经添加了po层、Dao层、Mapping层、Service层、ServiceImpl层、controller层。所以这里新增就不要添加了就直接进入。 第一步进入Dao层。 编写上新增代码。 第二步进入Mapping层。 然后编写SQL语句。因为是新增数据所以是insert。id要跟Dao层的命名要一致。语句
ssm增加（包含日期格式）
weixin_44887331的博客
12-29 755
ssm增加（包含日期格式）新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 pojo定义，导入日期选择util pojo修正日期型字段 public void setTime(String time) { Simple
利用Vue+SSM框架完成用户的查询、修改、增加和批量删除操作。
飞奔的嗨少
06-01 2919
创建项目的目录结构 2.在pom.xml中导入依赖 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target>
手写 SSM 增删改查框架集合
weixin_45559373的博客
09-05 250
创建实体类 lombok-1.18.4.jar：（导包，简称：小辣椒） 用于简化代码用注解代替get set 访问器，带参和无参方法，toString方法。 @Data @AllArgsConstructor @NoArgsConstructor public class Emp { private int eid; private String ename; private String...
springboot框架整合SSM案例-图书管理系统 源码分享
03-29
SpringBoot整合Spring+SpringMVC+MyBatisPlus案例：图书管理系统 内容包含 ： - 实体类开发 —— 使用Lombok快速制作实体类（`Lombok`:一个Java类库，提供了一组注解，简化了POJO实体类开发） - Dao开发 —— 整合...
java-ssm框架图书管理系统（附sql）
04-01
java-ssm框架图书管理系统（附sql），集成maven，方便学习和修改为其他项目，一套完美的ssm项目模板。
SSM+Maven+Mysql三大框架整合的图书管理系统
03-14
SSM+Maven+Mysql三大框架整合--简单的图书管理系统 呕心沥血一整天，真的可以用。能运行 数据库已给出 注意： 1.在配置文件中记得修改数据库密码、数据库信息 2.jdbc版本5.1.16是能用的，添加环境，另一个5.3.0的是...
ssm数据修改的实现
偶尔想看云飞的博客
04-13 3663
修改门店信息0.修改功能概述1.创建控制层创建doorInfo方法,根据id查询,2.如何在door_update.jsp中接收到服务器传过来的参数? ${door.xxx}3.在door_update.jsp的form表单点击提交后,跳转到真正的修改方法里,4.在控制类写根据id修改门店的方法,此时获取的door对象,为查询时封装好返回的door.5.点击dao.updateById( door...
SSM框架写的一个增删改查，适合初学者看看，
04-16
SSM框架写的一个增删改查，适合初学者看看，SSM框架写的一个增删改查，适合初学者看看，SSM框架写的一个增删改查，适合初学者看看，SSM框架写的一个增删改查，适合初学者看看，
ssm项目删除修改功能
10-21
ssm项目删除修改功能
基于SSM框架实现增删改查功能的一个小小系统
07-24
基于SSM框架实现增删改查功能的一个小小系统，你可以下载。如果你没有积分的话，你可以关注码上Java公众号 ，后台回复：crud 即可获取源码文件
SSM项目+HTML页面的修改功能
KaiFa_XiaoYang的博客
03-17 1667
1.首先是接口包 2.然后是实体类，get，set，有参，无参会用吧 3.在次是mapper包，写sql语句的 4.然后是Service层，实现dao包接口 5.最后是Controller功能层 6.要跳转到修改页面的主html页面，使用弹出层拿到要修改的id 7.最后再跳转到修改的弹出层html页面进行修改 <!DOCTYPE html> <html lang="en"> <head> <meta charset...
初次使用SSM框架编写列表的增删改查以及分页
laodaye_xiaolizi的博客
07-08 1621
实现SSM框架下的学生信息表的增删改查以及分页功能的介绍
SSM架构下的增删改操作
qq2474842866的博客
12-31 1430
1.首先前端需使用ajax传递参数，使之序列化传递到后台 <script> $(function () { //提交按钮的单击事件 $("#btnAdd").click(function () { $.ajax({ type: "POST", url: "/team/add.do", data: $("#myForm").serialize(), dataType:"json", success: function(vo){ .
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）
m0_61961937的博客
07-03 1047
SSM整合-前后台协议联调（列表功能、添加功能、添加功能状态处理、修改功能、删除功能）示例
ssm练手（CRUD） 8、实现修改功能
zyf的博客
09-07 863
在实现之前，先声明下请求时候代表的意义URI含义： /emp/{id} GET查询员工 /emp POST保存员工 /emp/{id} PUT修改员工 /emp/{id} DELETE 删除员工 其逻辑如下： 1、 点击编辑 2、 弹出用户修改的模态框（显示用户信息） 3、 用户更新1）EmployeeController.java添加内容： //处理查询员工请求的方法:
SSM框架的修改的操作
weixin_44573738的博客
05-18 2119
SSM框架的修改的操作 开发工具与关键技术：Eclipse 与 Java 作者：梁英豪 撰写时间：2021年05月18日 SSM框架怎么实现修改呢？ 然后就到了修改部分。那SSM框架的修改又怎么实现的呢？ 其实也不是很难。跟新增差别不大。也是分几步完成。 第一步回到Dao层。 进入Dao层，首先是先查询一条要修改的数据，然后再通过更新把数据改变。这就是所谓的修改。Books是po层 命名是queryBookById (@Param:参数(” bookID是ID”) int id); //查询一本书 Pa
ssm整合 多对多查询
最新发布
05-30
下面是一个基于SSM整合的多对多查询的例子： 假设我们有两个表：学生表（student）和课程表（course），它们之间存在多对多的关系，需要通过中间表（student_course）来建立关联。我们可以通过以下步骤实现多对多...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值