SSM框架整合

环境

  • IDEA2018
  • Tomcat8
  • Maven3.5.2
  • Mysql5.5.40

1.新建数据库

CREATE DATABASE `ssmbuild`;

USE ssmbuild;

DROP TABLE IF EXISTS `books`;

CREATE TABLE `books`(

	`bookID` INT(10) NOT NULL AUTO_INCREMENT COMMENT '书ID',
	`bookName` VARCHAR(100) NOT NULL COMMENT '书名字',
	`bookCounts` INT(11) NOT NULL COMMENT '书数量',
	`detail` VARCHAR(20) NOT NULL COMMENT '描述',
	KEY `bookID`(`bookID`)


)ENGINE= INNODB CHARSET=utf8;

INSERT INTO books(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'Java',1,'从入门到放弃'),
(2,'Mysql',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');

2.搭建基本环境

  • 新建一个Maven项目(解决依赖,和项目导出问题)

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
         http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.rm</groupId>
    <artifactId>ssmbuild</artifactId>
    <version>1.0-SNAPSHOT</version>

    <!--依赖 junit,数据库驱动,连接池,servlet,jsp,
    jstl,mybatis,mybatis-spring,spring,lombok-->
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.32</version>
        </dependency>

        <dependency>
        <groupId>com.mchange</groupId>
           <artifactId>c3p0</artifactId>
           <version>0.9.5.2</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.0</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.4</version>
        </dependency>

        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.2.5.RELEASE</version>
        </dependency>

        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>2.0.3</version>
        </dependency>

        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>5.2.5.RELEASE</version>
        </dependency>
        
		<dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.12</version>
    </dependency>
    </dependencies>


    <!--静态资源导出问题-->
    <build>
    <resources>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
            <filtering>false</filtering>
        </resource>
        <resource>
            <directory>src/main/resources</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
            </includes>
            <filtering>false</filtering>
        </resource>
    </resources>
</build>

</project>
  • 连接数据库

在这里插入图片描述

在这里插入图片描述

  • mybatis-config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

</configuration>
  • applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd">

</beans>
  • database.properties
jdbc.driver=com.mysql.jdbc.Driver
 #如果使用的是MysQL8.0+,增加一个时区的配置;&serverTimezone=Asia/Shanghai
jdbc.ur1=jdbc:mysql://localhost:3306/ssmbuild?
useSSL=false&useUnicode=true&characterEncoding=utf8
jdbc.username=root
jdbc.password=root
  • 项目结构

在这里插入图片描述

3.SSM整合(Mybatis层)

  • mybatis-config.xml
  • mybatis配置文件只负责别名和设置
  • 其他交给spring
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

  <!--开启默认日志-->
    <settings>
        <setting name="logImpl" value="STDOUT_LOGGING"/>
    </settings>
    
    <!--配置数据源,交给spring去做-->
    <typeAliases>
        <package name="com.rm.pojo"/>
    </typeAliases>

</configuration>

3.1编写实体类和业务接口(Dao层)

  • Books
  • 属性和数据库字段保持一致
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Books {

    private int bookID;
    private String bookName;
    private int bookCounts;
    private String detail;
}
  • BookMapper
  • 业务接口
public interface BookMapper {
    //增删改查

    //增加一本书
    int addBook(Books books);

    //删除一本书
    int deleteBookById(@Param("BookID") int id);

    //更新一本书
    int updateBook(Books books);

    //查询一本书
    Books queryBookById(@Param("BookID")int id);

    //查询全部的书
    List<Books> queryAllBook();
}
  • BookMapper.xml
  • 该配置文件相当于过去的接口实现类,编写具体的业务代码
  • 注意:在namespace绑定具体的Mapper接口
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.rm.mapper.BookMapper">

    <!--增加一本书-->
    <insert id="addBook" parameterType="Books">
      insert into ssmbuild.books (bookName,bookCounts,detail)
      values (#{bookName},#{bookCounts},#{detail});
    </insert>

    <!--删除一本书-->
    <delete id="deleteBookById" parameterType="_int">
        delete from ssmbuild.books
        where bookID=#{bookID};
    </delete>

    <!--更新一本书-->
    <update id="updateBook" parameterType="Books">
        update ssmbuild.books
        set bookName=#{bookName},bookCounts=#{bookCounts},detail=#{detail}
        where bookID=#{bookID};
    </update>

    <!--查询一本书-->
    <select id="queryBookById" parameterType="_int" resultType="Books">
        select * from ssmbuild.books
        where bookID=#{bookID};
    </select>

    <!--查询所有书-->
    <select id="queryAllBook" resultType="Books">
        select * from ssmbuild.books;
    </select>
    
</mapper>

3.2编写具体的业务代码(Service层)

  • BookService
  • 调用Dao层

public interface BookService {
    //增删改查

    //增加一本书
    int addBook(Books books);

    //删除一本书
    int deleteBookById(int id);

    //更新一本书
    int updateBook(Books books);

    //查询一本书
    Books queryBookById(int id);

    //查询全部的书
    List<Books> queryAllBook();
}
  • BookServiceImpl
  • 业务层实现类
  • 具体的业务实现代码
public class BookServiceImpl implements BookService {

    //service调dao层就对了,需要将dao组合进来,有set方法,spring直接托管
    private BookMapper bookMapper;

    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

    public int addBook(Books books) {
        return bookMapper.addBook(books);
    }

    public int deleteBookById(int id) {
        return bookMapper.deleteBookById(id);
    }

    public int updateBook(Books books) {
        return bookMapper.updateBook(books);
    }

    public Books queryBookById(int id) {
        return bookMapper.queryBookById(id);
    }

    public List<Books> queryAllBook() {
        return bookMapper.queryAllBook();
    }
}

4.SSM整合(Spring层)

  • spring-dao.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd">

    <!--1.关联数据库配置文件-->
    <context:property-placeholder location="classpath:database.properties"/>

    <!--2.连接池
        dbcp:半自动化操作,不能自动连接
        c3p0:自动化操作(自动化的加载配置文件,并且可以自动设置到对象中)
        druid:
        hikari
    -->

    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"/>
        <property name="jdbcUrl" value="${jdbc.ur1}"/>
        <property name="user" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>

        <!-- c3p0接池的私有属性-->
        <property name="maxPoolSize" value="30"/>
        <property name="minPoolSize" value="10"/>
        <!--关闭连接后不自动commit -->
        <property name="autoCommitOnClose" value="false"/>
        <!--获取连接超时时间-->
        <property name="checkoutTimeout" value="10880" />
        <!--当获取连接失败重试次数-->
        <property name="acquireRetryAttempts" value="2"/>

    </bean>

    <!--3.sqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!--绑定数据源-->
        <property name="dataSource" ref="dataSource"/>
        <!--绑定mybatis的配置文件-->
        <property name="configLocation" value="classpath:mybatis-config.xml"/>
        <!--注册映射器,mybatis-config可以省略-->
        <property name="mapperLocations" value="classpath:com/rm/mapper/*.xml"/>
    </bean>


    <!--原来使用接口实现类。是因为接口无法注入到Spring,而这个配置文件就是注入接口a!-->
    <!--配置dao接口扫描包,动态的实现了Dao接口可以注入到Spring容器中-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!--注入sqlSessionFactory-->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!--要扫描的dao包-->
        <property name="basePackage" value="com.rm.mapper"/>
    </bean>

</beans>
  • spring-service.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd">

    <!--1.扫描service下的包-->
    <context:component-scan base-package="com.rm.service"/>

    <!--2.将所有业务类,注入到spring中,可以通过配置或者注解实现-->
    <bean id="BookServiceImpl" class="com.rm.service.BookServiceImpl">
        <property name="bookMapper" ref="bookMapper"/>
    </bean>

    <!--3.声明式事务配置-->
    <bean id="DataSourceTransactionManager" 
    class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!--注入数据源-->
        <property name="dataSource" ref="dataSource"/>
    </bean>

    <!--4.aop横切事务-->
</beans>

5.SSM整合(SpringMVC层)

  • web.xml
  • 注册dispatchServlet及乱码过滤
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
         http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--dispatchServlet-->
    <servlet>
        <servlet-name>dispatchServlet</servlet-name>
        <servlet-class>
       		 org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>dispatchServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--乱码过滤-->
    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>
       		 org.springframework.web.filter.CharacterEncodingFilter
        </filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--session超时时间-->
    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>
</web-app>
  • spring-webmvc.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd
         http://www.springframework.org/schema/context
         https://www.springframework.org/schema/context/spring-context.xsd">

    <!--1.注解驱动-->
    <mvc:annotation-driven/>
    <!--2.静态资源过滤-->
    <mvc:default-servlet-handler/>
    <!--3.扫描包controller-->
    <context:component-scan base-package="com.rm.controller"/>
    <!--4。视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" 
    id="internalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

将这三个配置文件合为一个

  • applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        https://www.springframework.org/schema/beans/spring-beans.xsd">

    <!--整合其他配置文件-->
    <import resource="classpath:spring-dao.xml"/>
    <import resource="classpath:spring-service.xml"/>
    <import resource="classpath:spring-mvc.xml"/>

</beans>

5.1三层架构(Controller层)

  • BookController
@Controller
@RequestMapping("/book")
public class BookController {

    //controller层调service层
    @Autowired//可以忽略set方法,根据Type自动装配
    @Qualifier("BookServiceImpl")//根据bean的id自动装配
    private BookService bookService;


    //查询所有的书籍,并且返回到一个书籍展示页面
    @RequestMapping("/all")
    public String all(Model model){
        List<Books> books = bookService.queryAllBook();

        model.addAttribute("all",books);
        return "allBook";

    }
}
  • 前端页面allBook.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
${all}
</body>
</html>

6.测试代码

问题:bean不存在

步骤:
1.查看这个bean注入是否成功!ok
2. Junit单元测试,看我们的代码是否能够查询出来结果!ok
3.问题,一定不在我们的底层,是spring出了问题!
4. springMVc,整合的时候没调用到我们的service层的bean;
5. applicationcontext.xml没有注入bean
6. web.xml中,我们也绑定过配置文件!,发现问题,我们配置的是spring-mvc.xml
这里面确实没有service bean,所以报空指针
7. 将spring-mvc.xml改为applicationcontext.xml

7.业务实现

7.1 SSM整合:查询书籍功能

  • BookController

 //查询所有的书籍,并且返回到一个书籍展示页面
 @RequestMapping("/all")
 public String all(Model model){
     List<Books> books = bookService.queryAllBook();

     model.addAttribute("all",books);
     return "allBook";

 }

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

<%--BootStrap美化页面--%>

<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/
css/bootstrap.min.css" rel="stylesheet">

<body>

<div class="container">
    <%--清除浮动--%>
    <div class="row clearfix">
        <%--栅格系统,把一个屏幕分成12份--%>
        <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>
                <%--数据被model封装在了list中,从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>

效果

在这里插入图片描述

7.2 SSM整合:添加书籍功能

  • 在展示所有书籍页面添加一个新增书籍的按钮
  <div class="row">
            <div class="col-md-4 column">
                <%--toAddBook--%>
                <a  class="btn btn-primary" 
                href="${pageContext.request.contextPath}/book/toAddBook">新增书籍</a>
            </div>
        </div>

在这里插入图片描述

  • 在Controller中控制页面的跳转,点击a标签会跳转到addBook.jsp页面

BookController

 //点击超链接跳转到增加书籍页面
    @RequestMapping("toAddBook")
    public String addBookPage(){
        return "addBook";
    }

addBook.jsp

  • 将该表单提交到/book/addBook请求
  • bookID自增列,不用手动添加。
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加书籍</title>
</head>

<%--BootStrap美化页面--%>

<link href="https://cdn.staticfile.org/twitter-bootstrap/
3.3.7/css/bootstrap.min.css" rel="stylesheet">

<body>

<div class="container">
    <%--清除浮动--%>
    <div class="row clearfix">
        <%--栅格系统,把一个屏幕分成12份--%>
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>书籍列表 ---- 新增书籍</small>
                </h1>
            </div>
        </div>
    </div>

        <%--name属性必须和实体类属性保持一致
            required属性:必须在输入框输入值才能提交
        --%>
        <form action="${pageContext.request.contextPath}/book/addBook" method="get">
            <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>

BookController

    //添加书籍的请求
    @RequestMapping("addBook")
    public String addBook(Books books){

        System.out.println("addBook-->"+books);
        bookService.addBook(books);
        //添加完成后,重定向到首页
        //重定向防止f5刷新重新提交表单
        return "redirect:/book/all";
    }
  • 提交表单的时候bookID为0,数据库字段自增

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

7.3 SSM整合:修改删除书籍功能

  • 前端展示页面实现,只需在展示页面加一列即可
<thead>
<tr>
    <th>书籍编号</th>
    <th>书籍名称</th>
    <th>书籍数量</th>
    <th>书籍描述</th>
    <th>操作</th>
</tr>
</thead>

<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="">修改</a>&nbsp; | &nbsp;
                <a href="">删除</a>
            </td>

        </tr>
    </c:forEach>
</tbody>

在这里插入图片描述

在这里插入图片描述

  • 解决方法:修改接口接收的前端参数名称

在这里插入图片描述

7.3.1 SSM整合:修改书籍功能
  • 在展示书籍页面添加修改书籍按钮,点击即跳转到修改书籍页面
  • 跳转页面时需要携带需要修改的书的ID,然后查询该书。将其展示到对应的框中
  • 使用隐藏域向后端发送书的ID来查询整本书的数据,用来展示

a标签

 <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.bookID}">
 修改</a>

toUpdateBook

   //点击修改按钮会携带数据跳转到修改页面
    @RequestMapping("toUpdateBook")
    public String toUpdatePage(int id,Model model){
        //会携带这本书的id
        Books books = bookService.queryBookById(id);
        //将该book存放到model中
        model.addAttribute("book",books);
        //然后跳转到修改页面
        return "updateBook";
    }

updateBook.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>
</head>

<%--BootStrap美化页面--%>

<link href="https://cdn.staticfile.org/twitter-bootstrap/
3.3.7/css/bootstrap.min.css" rel="stylesheet">

<body>

<div class="container">
    <%--清除浮动--%>
    <div class="row clearfix">
        <%--栅格系统,把一个屏幕分成12份--%>
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>书籍列表 ---- 修改书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <%--name属性必须和实体类属性保持一致
        required属性:必须在输入框输入值才能提交
    --%>
    <form action="${pageContext.request.contextPath}/book/updateBook" method="get">

		 <%--使用隐藏域,携带书ID,用来查询需要修改的书的id--%>
        <input type="hidden" name="bookID" value="${book.bookID}">
        
        <div class="form-group">
            <label>书籍名称</label>
            <input type="text" name="bookName" class="form-control"  
            value="${book.bookName}" required>
        </div>
        <div class="form-group">
            <label>书籍数量</label>
            <input type="text" name="bookCounts" class="form-control" 
            value="${book.bookCounts}" required>
        </div>
        <div class="form-group">
            <label >书籍描述</label>
            <input type="text"name="detail" class="form-control" 
            value="${book.detail}" required>
        </div>
        <div class="form-group">
            <input type="submit" class="form-control" value="修改">
        </div>
    </form>

</div>
</body>
</html>
  • 表单提交到updateBook请求
  • updateBook
  //修改书籍页面
    @RequestMapping("updateBook")
    public String updateBook(Books books){
        System.out.println("updateBook-->"+books);
        bookService.updateBook(books);
        //修改完重定向到首页,自动刷新
        return "redirect:/book/all";
    }

在这里插入图片描述

7.3.2 SSM整合:删除书籍功能
  • 点击删除按钮,会将该书数据删除
  • a标签
<a href="${pageContext.request.contextPath}/book/deleteBook?id=${book.bookID}">
删除</a>

deleteBook

   //删除书籍
    @RequestMapping("/deleteBook")
    public String deleteBook(int id){
        bookService.deleteBookById(id);
        //删除完重定向到首页,自动刷新
        return "redirect:/book/all";
    }

7.4 SSM整合:新增查询书籍功能

  • 添加前端按钮
 <div class="col-md-4 column"></div>

<div class="row">
   <div class="col-md-4 column" style="float: right">
       <%--查询功能form-inline表示该表单的所有框在一行--%>
       <form action="" method="" class="form-inline">
       
           <input name="queryBookName" class="form-control" 
           placeholder="请输入需要查询的书籍名称">
           
           <input type="submit" class="btn btn-primary" value="查询">
       </form>

   </div>
</div>

在这里插入图片描述

  • 在企业中新增一项业务,通常是由下往上开始的
  • 即从dao层到service层再到controller层

dao层
BookMapper

//根据书籍名称查询书
    Books queryBookByName(@Param("bookName") String bookName);

BookMapper.xml

<!--根据书籍名称查询书-->
    <select id="queryBookByName" resultType="book">
        select * from ssmbuild.books where bookName=#{bookName};
    </select>

service层
BookService

 //根据书籍名称查询书
 Books queryBookByName(String bookName);

BookServiceImpl

  public Books queryBookByName(String bookName) {
        return bookMapper.queryBookByName(bookName);
    }

controller层
BookController

    //根据Name查询书籍
    @RequestMapping("/queryBookByName")
    public String queryBookByName(String bookName,Model model){
        Books books = bookService.queryBookByName(bookName);
        //只显示输入name的书
        ArrayList<Books> list = new ArrayList<Books>();
        list.add(books);
        model.addAttribute("list",list);
        return "allBook";
    }

完善前端代码

  • 表单提交地址
   <%--查询功能form-inline表示该表单的所有框在一行--%>
<form action="${pageContext.request.contextPath}/book/queryBookByName
 method="post" class="form-inline">
     <input name="bookName"class="form-control"placeholder="请输入需要查询的书籍名称">
     <input type="submit" class="btn btn-primary" value="查询">
 </form>

在这里插入图片描述

代码改进

  • 在查询页面添加一个返回查看所有书籍按钮,点击按钮跳转到all页面

前端代码

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

在这里插入图片描述

posted @ 2021-11-04 15:56  初夏那片海  阅读(35)  评论(0)    收藏  举报