第一个ssm整合

刚学完狂神说的ssm框架，花了两天时间把狂神的ssm整合项目写完
狂神视频

实现功能

bilibili视频地址

第一个ssm整合项目

基本骨架

1.环境

• IDEA
• MySQL 8.0
• Tomcat 7
• Maven 3.6

2.数据库环境

数据库表

CREATE DATABASE `summer01`;
USE `summer01`;
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(200) NOT NULL COMMENT '描述',
KEY `bookID` (`bookID`)
) ENGINE=INNODB DEFAULT CHARSET=utf8
INSERT INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'Java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');

3.基本环境搭建

3.1新建maven项目，添加web支持

3.2 pom.xml依赖和配置

    <!--    依赖：junit,数据库，连接池，servlet,mybatis,mybatis-spring,spring,-->
    <dependencies>

        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.19</version>
        </dependency>
        <!--     数据库连接池-->
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.5.2</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/org.mybatis/mybatis -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.3</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>2.0.3</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/javax.servlet/servlet-api -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/javax.servlet.jsp/jsp-api -->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>


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

        <!-- https://mvnrepository.com/artifact/org.springframework/spring-jdbc -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>5.2.7.RELEASE</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/org.aspectj/aspectjweaver -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.9.5</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/log4j/log4j -->
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>

    </dependencies>


    <!-- 不加的话在.xml文件中写中文会com.sun.org.apache.xerces.internal.impl.io.MalformedByteSequenceException   -->
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>


    <build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>
    </build>

4.dao层

4.1 db.properties

注意不能写username,原因在上一篇博客：ssm整合报错（一）

jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/summer01?useUnicode=true&characterEncoding=utf8&serverTimezone=UTC
jdbc.username=root
jdbc.password=18170021

4.2 IDEA关联数据库并编写mybatisConfig.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>

    <settings>
        <setting name="logImpl" value="log4j"/>
    </settings>

    <typeAliases>
        <typeAlias type="com.wang.entity.Books" alias="Books"/>
    </typeAliases>

    <mappers>
        <mapper resource="com/wang/mapper/BookMapper.xml"/>
    </mappers>


</configuration>

4.3 编写数据库对应的实体类

4.4 dao层的mapper接口

BookMapper.class

package com.wang.mapper;

import com.wang.entity.Books;
import org.apache.ibatis.annotations.Param;

import java.util.List;

public interface BookMapper {
    
    

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

    //删除一本书
    public boolean deleteBookByID(@Param("bookID") int id);

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

    //查询一本书
    public Books queryBookByID(@Param("bookID") int id);

    //查询所有书
    public List<Books> queryAllBook();

    //根据用户名查书
    public List<Books> queryBookByName(@Param("bookName") String bookName);



}

4.5 编写mapper.xml文件

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

<mapper namespace="com.wang.mapper.BookMapper">

   <insert id="addBook" parameterType="Books">
       insert into books (bookName, bookCounts, detail)
       values (#{bookName},#{bookCounts},#{detail});
   </insert>
    
    <delete id="deleteBookByID">
        delete from books where bookID = #{bookID}
    </delete>

    <update id="updateBook" parameterType="Books">
        update books
        set bookName = #{bookName},bookCounts = #{bookCounts},detail = #{detail}
        where bookID = #{bookID}
    </update>


    <select id="queryBookByID" resultType="Books">
        select * from books where bookID = #{bookID}
    </select>

    <select id="queryAllBook" resultType="Books">
        select * from books
    </select>

    <select id="queryBookByName" resultType="Books">
        select * from books where bookName like concat('%',#{bookName},'%')
    </select>


</mapper>

5.service层

5.1 接口

package com.wang.service;

import com.wang.entity.Books;

import java.util.List;

public interface BookService {
    
    

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

    //删除一本书
    public boolean deleteBookByID(int id);

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

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

    //查询所有书
    public List<Books> queryAllBook();

    //通过书查书
    public List<Books> queryBookByName(String bookName);
}

5.2 实现类

package com.wang.service;

import com.wang.entity.Books;
import com.wang.mapper.BookMapper;

import java.util.List;


public class BookServiceImpl implements BookService {
    
    
    //业务层调dao层,要有set方法交给spring托管
    private BookMapper bookMapper;



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

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

    public boolean deleteBookByID(int id) {
    
    
        return bookMapper.deleteBookByID(id);
    }

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

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

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

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


}

到此，底层需求操作编写完毕！

6.spring层

6.1 配置Spring整合MyBatis，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:db.properties"/>

    <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="${jdbc.driver}"/>
        <property name="url" value="${jdbc.url}"/>
        <property name="username" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>
    </bean>



    <!--    3.SqlSessionFactory -->

    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource" />
        <!--  绑定mybatis配置文件      -->
        <property name="configLocation" value="classpath:mybatisConfig.xml"/>
    </bean>


    <!-- 4.配置扫描Dao接口包，动态实现Dao接口注入到spring容器中，不用写实现类了也可以注入，基于反射 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 注入sqlSessionFactory -->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!-- 给出需要扫描Dao接口包 -->
        <property name="basePackage" value="com.wang.mapper"/>
    </bean>


</beans>

6.2 spring整合service层，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相关的bean -->
    <context:component-scan base-package="com.wang.service" />

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

    <!-- 3.配置事务管理器 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource" />
    </bean>

</beans>

spring层搞定，spring层主要整合Dao和service

7.SpringMVC层

7.1 web.xml

<?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">

    <!--DispatcherServlet-->
    <servlet>
        <servlet-name>springmvc</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>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>



    <!--  配置springmvc中乱码过滤  -->
    <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>



</web-app>

7.2 spring-mvc.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"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!-- 1.注解驱动-->
    <mvc:annotation-driven />

    <!-- 2.静态资源过滤-->
    <mvc:default-servlet-handler />

    <!-- 3.自动扫描包-->
    <context:component-scan base-package="com.wang.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>

7.3 Spring配置整合文件，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="spring-dao.xml"/>
    <import resource="spring-service.xml"/>
    <import resource="spring-mvc.xml"/>


</beans>

配置文件结束，接下来是controller和视图层编写

8.controller和视图层

controller层方法

package com.wang.controller{
    
    

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

    //controller层调service层
    @Autowired
    @Qualifier("BookServiceImpl")
    private BookService bookService;
    //查询全部书籍并展示
    @GetMapping("/allBook")
    public String showAllBooks(String queryBookName,Model model){
    
    

        List<Books> books = bookService.queryAllBook();
        model.addAttribute("books",books);
        return "allBook";
    }

    //跳转到新增书籍页面
    @GetMapping("/toAddBook")
    public String toAddBook(){
    
    

        return "addBook";
    }

    //增加书籍
    @PostMapping("/addBook")
    public String addBook(Books books){
    
    

        bookService.addBook(books);
        return "redirect:/book/allBook";  //重定向到 @GetMapping("/allBook")
    }

    //跳转到修改书籍页面
    @GetMapping("/toUpdateBook")
    public String toUpdateBook(int id,Model model){
    
    


        Books books = bookService.queryBookByID(id);
        model.addAttribute("books",books);

        return "updateBook";

    }

    @GetMapping("/deleteBook")
    public String deleteBook(int id){
    
    
        bookService.deleteBookByID(id);
        return "redirect:/book/allBook";
    }

    @PostMapping("/updateBook")
    public String updateBook(Books books){
    
    

        System.out.println(books);
        bookService.updateBook(books);
        return "redirect:/book/allBook";  //重定向到 @GetMapping("/allBook")
    }

    @PostMapping("/queryBook")
    public String queryBook(String queryBookName,Model model){
    
    


        List<Books> books = bookService.queryBookByName(queryBookName);
        model.addAttribute("books",books);

        return "allBook";
    }
    
    
}

8.1 方法一查询全部书籍

8.1.1 controller层

    //查询全部书籍并展示
    @GetMapping("/allBook")
    public String showAllBooks(String queryBookName,Model model){
    
    

        List<Books> books = bookService.queryAllBook();
        model.addAttribute("books",books);
        return "allBook";
    }

8.1.2 首页index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>首页</title>

  <style type="text/css">
    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: 4px;
    }
  </style>
</head>
<body>
<h3>
  <a href="${pageContext.request.contextPath}/book/allBook">展示所有书籍</a>
</h3>

</body>
</html>

8.1.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>

    <!-- 引入在线 Bootstrap -->
    <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">

            <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/allBook">显示所有书籍</a>
            </div>

            <div class="col-md-4 column">
                <form class="navbar-form navbar-left" role="search" method="post" action="${pageContext.request.contextPath}/book/queryBook">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="请输入要查询的书籍" name="queryBookName">
                        <button type="submit" class="btn btn-primary">查询</button>
                    </div>
                </form>
            </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>
                            <th>书籍操作</th>
                        </tr>
                    </thead>

                    <tbody>
                        <c:forEach items="${books}" var="book">
                            <tr>
                                <td>${book.getBookID()}</td>
                                <td>${book.getBookName()}</td>
                                <td>${book.getBookCounts()}</td>
                                <td>${book.getDetail()}</td>
                                <td>
                                    <a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.getBookID()}">修改</a>
                                        &nbsp;|&nbsp;
                                    <a href="${pageContext.request.contextPath}/book/deleteBook?id=${book.getBookID()}">删除</a>
                                </td>
                            </tr>
                        </c:forEach>
                    </tbody>
                </table>
            </div>
        </div>
    </div>


</body>
</html>

8.2 方法二 添加书籍

 //跳转到新增书籍页面
    @GetMapping("/toAddBook")
    public String toAddBook(){
    
    

        return "addBook";
    }

    //增加书籍
    @PostMapping("/addBook")
    public String addBook(Books books){
    
    

        bookService.addBook(books);
        return "redirect:/book/allBook";  //重定向到 @GetMapping("/allBook")
    }

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 method="post" action="${pageContext.request.contextPath}/book/addBook">
        <div class="form-group">
            <label for="bkname">书籍名称</label>
            <input type="text" class="form-control" id="bkname" name="bookName" required>
        </div>

        <div class="form-group">
            <label for="bkcount">书籍数量</label>
            <input type="text" class="form-control" id="bkcount" name="bookCounts" required>
        </div>

        <div class="form-group">
            <label for="bkdetail">书籍描述</label>
            <input type="text" class="form-control" id="bkdetail" name="detail" required>
        </div>

        <div class="form-group">
            <input type="submit" class="form-control" value="添加">
        </div>
    </form>
</div>

</body>
</html>

8.3 方法三 修改书籍

	 //跳转到修改书籍页面
    @GetMapping("/toUpdateBook")
    public String toUpdateBook(int id,Model model){
    
    


        Books books = bookService.queryBookByID(id);
        model.addAttribute("books",books);

        return "updateBook";
    }
    
    @PostMapping("/updateBook")
    public String updateBook(Books books){
    
    

    
        bookService.updateBook(books);
        return "redirect:/book/allBook";  //重定向到 @GetMapping("/allBook")
    }

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 method="post" action="${pageContext.request.contextPath}/book/addBook">
        <div class="form-group">
            <label for="bkname">书籍名称</label>
            <input type="text" class="form-control" id="bkname" name="bookName" required>
        </div>

        <div class="form-group">
            <label for="bkcount">书籍数量</label>
            <input type="text" class="form-control" id="bkcount" name="bookCounts" required>
        </div>

        <div class="form-group">
            <label for="bkdetail">书籍描述</label>
            <input type="text" class="form-control" id="bkdetail" name="detail" required>
        </div>

        <div class="form-group">
            <input type="submit" class="form-control" value="添加">
        </div>
    </form>
</div>

</body>
</html>

8.4 方法四 删除书籍

    @GetMapping("/deleteBook")
    public String deleteBook(int id){
    
    
        bookService.deleteBookByID(id);
        return "redirect:/book/allBook";
    }

8.5 方法五 通过书名模糊查询

    @PostMapping("/queryBook")
    public String queryBook(String queryBookName,Model model){
    
    


        List<Books> books = bookService.queryBookByName(queryBookName);
        model.addAttribute("books",books);

        return "allBook";
    }
    

9 公众号