ssm框架整合（含ssm配置）实现crud

SSM-CRUD

介绍

ssm：SpringMVC+Spring+MyBatis

CRUD：Create（创建）、Retrieve（查询）、Update（更新）、Delete（删除）

功能点

1. CRUD

技术点

• 基础框架-ssm：SpringMVC+Spring+MyBatis
• 数据库-MySQL
• 前端框架-bootstrap
• 依赖管理-maven

搭建环境

项目架构图

1、创建数据库和表

# 创建ssm_crud数据库
CREATE DATABASE ssm_crud;

# 使用数据库
USE ssm_crud;

# 创建books表
CREATE TABLE books(
bookId int(10) NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT '书id',
bookName VARCHAR(100) NOT NULL COMMENT '书名',
bookCount int(11) NOT NULL COMMENT '数量',
detail VARCHAR(200) NOT NULL COMMENT '描述'
)ENGINE=INNODB DEFAULT CHARSET=utf8;

# 插入数据
INSERT INTO books(bookId,bookName,bookCount,detail) VALUES
(1,'Java',1,'从入门到超神'),
(2,'Python',2,'从入门到超神'),
(3,'C++',3,'从入门到超神');

2、创建maven工程

3、引入jar包

• spring
• springMVC
• myBatis
• 数据库连接池、数据库驱动
• 其他（jstl、servlet-api、junit）

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.myz.ssm</groupId>
    <artifactId>ssm-crud</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <!--导入依赖-->
    <!--junit，数据库驱动，数据库连接池-->
    <dependencies>
        <!--junit-->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.10</version>
            <scope>test</scope>
        </dependency>
        <!--mysql驱动-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.6</version>
        </dependency>
        <!--数据库连接池c3p0-->
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.5.5</version>
        </dependency>
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>mchange-commons-java</artifactId>
            <version>0.2.20</version>
        </dependency>
        <!--Servlet - JSP - Jstl-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
            <version>2.3.1</version>
            <scope>provided</scope>
        </dependency>
        <!--jstl-->
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <!--Mybatis mybatis-spring-->
        <!--mybatis-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.6</version>
        </dependency>
        <!--mybatis适配spring包-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>2.0.6</version>
        </dependency>

        <!--ehcache-->
        <dependency>
            <groupId>org.mybatis.caches</groupId>
            <artifactId>mybatis-ehcache</artifactId>
            <version>1.1.0</version>
        </dependency>
        <!--SpringMVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.2.6.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>5.2.6.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aspects</artifactId>
            <version>5.2.6.RELEASE</version>
        </dependency>
        <!--lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.22</version>
            <scope>provided</scope>
        </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>
    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>

</project>

4、配置web.xml

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">
    <!--1.启动Spring容器-->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!--2.配置springMVC的前端控制器-->
    <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:springMVC.xml</param-value>
        </init-param>
        <!--将SpringMVC前端控制器DispatcherServlet的初始化时间提前到服务器启动时-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <!--
        设置SpringMVC的核心控制器所能处理的请求的请求路径
        /所匹配的请求可以是/login或.html或.js或.css方式的请求路径
        但是/不能匹配.jsp请求路径的请求
        -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <!--3.字符编码过滤器一定放在最前.解决乱码过滤器-->
    <filter>
        <filter-name>CharacterEncodingFilter</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>
        <!--解决响应乱码-->
        <init-param>
            <param-name>forceResponseEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <param-name>forceRequestEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <!--配置HiddenHttpMethodFilter-->
    <filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--配置session过期时间-->
    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>
</web-app>

5、mybatis配置

1. 配置mybatis-config.xml：mybatis核心配置文件，编写db.properties数据库配置文件

   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>
       <!--引入properties配置文件-->
       <properties resource="db.properties">
           <property name="username" value="root"/>
           <property name="password" value="123456"/>
       </properties>
   
       <!--setting设置-->
       <settings>
           <setting name="logImpl" value="STDOUT_LOGGING"/>
           <!--开启驼峰命名转换-->
           <setting name="mapUnderscoreToCamelCase" value="true"/>
           <!--显示的开启全局缓存-->
           <setting name="cacheEnabled" value="true"/>
       </settings>
   
       <!--配置数据源的工作交给Spring去做-->
   
       <!--类型别名-->
       <typeAliases>
           <package name="com.myz.ssm.pojo"/>
       </typeAliases>
       
       <environments default="development">
           <environment id="development">
               <transactionManager type="JDBC"/>
               <dataSource type="POOLED">
                   <property name="driver" value="${driver}"/>
                   <property name="url" value="${url}"/>
                   <property name="username" value="${username}"/>
                   <property name="password" value="${password}"/>
               </dataSource>
           </environment>
           <!--环境2-->
           <environment id="test">
               <transactionManager type="JDBC"/>
               <dataSource type="POOLED">
                   <property name="driver" value="com.mysql.jdbc.Driver"/>
                   <property name="url" value="jdbc:mysql://localhost:3306/mybatis?useSSL=true&amp;useUnicode=true&amp;characterEncoding=UTF-8"/>
                   <property name="username" value="root"/>
                   <property name="password" value="123456"/>
               </dataSource>
           </environment>
       </environments>
   
       <!--绑定接口-->
       <mappers>
           <mapper class="com.myz.ssm.dao.BookMapper"></mapper>
       </mappers>
   
   </configuration>
   

   db.properties

   jdbc.driver=com.mysql.jdbc.Driver
   # 如果使用的是mysql 8.0+的版本，需要额外设置一个时区参数
   jdbc.url=jdbc:mysql://localhost:3306/ssm_crud?useSSL=true&useUnicode=true&characterEncoding=UTF-8
   jdbc.username=root
   jdbc.password=123456
   

6、Spring配置

编写ssm整合的关键配置文件

1、applicationContext.xml：spring核心配置文件

<?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:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       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/aop https://www.springframework.org/schema/aop/spring-aop.xsd">


    <!--=================================spring-dao======================================-->
    <!--1.关联数据库配置文件-->
    <context:property-placeholder location="classpath:db.properties" />
    <!--Spring的配置文件，主要配置和业务逻辑有关的-->
    <!--2.连接池 dbcp:半自动化操作，不能自动连接 c3p0:自动化操作 druid;hikari -->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"></property>
        <property name="jdbcUrl" value="${jdbc.url}"></property>
        <property name="user" value="${jdbc.username}"></property>
        <property name="password" value="${jdbc.password}"></property>
        <!-- 注意，数据库版本6以上Driver中要加cj，否则报错 -->
        <!--<property name="driverClassName" value="com.mysql.cj.jdbc.Driver"></property>-->
    </bean>
    <!--3.sqlSessionFactory-->
    <!--重要：配置和mybatis的整合-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!--指定mybatis全局配置文件的位置-->
        <property name="configLocation" value="classpath:mybatis-config.xml"></property>
        <!--配置数据源-->
        <property name="dataSource" ref="dataSource"></property>
    </bean>
    <!--4.配置dao接口扫描包，动态的实现Dao接口可以注入到Spring容器中-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!--注入SqlSessionFactory-->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!--扫描所有的dao接口的实现，加入到ioc容器中-->
        <property name="basePackage" value="com.myz.ssm.dao"/>
    </bean>

    <!-- =======================================spring-service================================= -->
    <!--1.扫描service下的包-->
    <context:component-scan base-package="com.myz.ssm.service"/>
    <!--2.将所有的业务类注入到spring，可以通过配置或者注解实现-->
    <bean id="BookServiceImpl" class="com.myz.ssm.service.BookServiceImpl">
        <property name="bookMapper" ref="bookMapper"/>
    </bean>
    <!--3.声明式事务配置-->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!--注入数据源-->
        <property name="dataSource" ref="dataSource"></property>
    </bean>

</beans>

7、SpringMVC配置

1、springMVC.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:default-servlet-handler/>
    <!--2.开启mvc的注解驱动-->
    <mvc:annotation-driven></mvc:annotation-driven>
    <!--3.扫描包：controller-->
    <context:component-scan base-package="com.myz.ssm.controller">
    </context:component-scan>
    <!-- 4.视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>
    <!--视图控制器-->
    <mvc:view-controller path="/" view-name="index"></mvc:view-controller>

</beans>

8、MVC三层架构+views层+实体层

8.1 pojo（实体层）

Books.java

package com.myz.ssm.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class Books {
    private int bookId;
    private String bookName;
    private int bookCount;
    private String detail;
}

8.2 DAO层（持久层）

Mapper接口：Mapper.java

package com.myz.ssm.dao;

import com.myz.ssm.pojo.Books;
import org.apache.ibatis.annotations.Param;

import java.util.List;

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> queryBooks();
    // 删除所有数据
    int deleteAll();
    // 按照书名查询
    List<Books> queryBookByName(@Param("bookName") String bookName);
}

sql操作：Mapper.xml

<?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.myz.ssm.dao.BookMapper">
    <insert id="addBook" parameterType="books">
        insert into books (bookId,bookName,bookCount,detail) values
        (#{bookId},#{bookName},#{bookCount},#{detail});
    </insert>
    <delete id="deleteBookById" parameterType="int">
        delete from books where bookId=#{bookId};
    </delete>
    <update id="updateBook" parameterType="books">
        update books set bookName=#{bookName},bookCount=#{bookCount},detail=#{detail}
        where bookId=#{bookId};
    </update>
    <select id="queryBookById" resultType="books">
        select * from books where bookId=#{bookId};
    </select>
    <select id="queryBooks" resultType="books">
        select * from books;
    </select>
    <delete id="deleteAll">
        truncate table books;
    </delete>
    <select id="queryBookByName" resultType="books">
        select * from books where bookName=#{bookName};
    </select>
</mapper>

8.3 service层（业务逻辑层）

Service接口：service.java

package com.myz.ssm.service;

import com.myz.ssm.pojo.Books;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public interface BookService {
    // 添加一本书
    int addBook(Books books);
    // 删除一本书
    int deleteBookById(int id);
    // 修改一本书
    int updateBook(Books books);
    // 查询一本书
    Books queryBookById(int id);
    // 查询所有书
    List<Books> queryBooks();
    // 删除所有数据
    int deleteAll();
    // 通过书名查询
    List<Books> queryBookByName(String bookName);
}

Service实现类：serviceImpl.java

package com.myz.ssm.service;

import com.myz.ssm.dao.BookMapper;
import com.myz.ssm.pojo.Books;

import java.util.List;

public class BookServiceImpl implements BookService {
    // service调dao层：组合dao
    private BookMapper bookMapper;
    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

    public BookServiceImpl(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

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

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

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

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

    @Override
    public List<Books> queryBooks() {
        return bookMapper.queryBooks();
    }

    @Override
    public int deleteAll() {
        return bookMapper.deleteAll();
    }

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

8.4 controller层（控制层）

controller.java

package com.myz.ssm.controller;

import com.myz.ssm.pojo.Books;
import com.myz.ssm.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;

    // 查询全部书籍，并且返回书籍展示页面
    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> list = bookService.queryBooks();
        model.addAttribute("list",list);
        return "listPage";
    }

    // 跳转到添加书籍的页面
    @RequestMapping("/toaddPage")
    public String toaddPage(){
        return "addPage";
    }

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

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

    // 修改页面实现
    @RequestMapping("/updateBook")
    public String updateBook(Books books){
        bookService.updateBook(books);
        return "redirect:/book/allBook";
    }

    // 删除
    @RequestMapping("/deleteBook")
    public String deleteBook(int id){
        bookService.deleteBookById(id);
        return "redirect:/book/allBook";
    }

    // 删除全部数据
    @RequestMapping("deleteAll")
    public String deleteAll(){
        bookService.deleteAll();
        return "redirect:/book/allBook";
    }

    // 查询书籍
    @RequestMapping("/searchBook")
    public String searchBook(String bookname,Model model){
        List<Books> list = bookService.queryBookByName(bookname);
        System.out.println(list.toString());
        if (list.isEmpty()){
            list = bookService.queryBooks();
            model.addAttribute("error","没有结果");
        }
        model.addAttribute("list",list);
        return "listPage";
    }
}

8.5 视图层

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: ccc
  Date: 2022/3/6
  Time: 13:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index</title>
    <!-- 引入jquery文件 -->
    <script src="../../static/js/jquery-3.6.0.min.js"></script>
    <!-- 引入bootstrap文件 -->
    <script src="../../static/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"></head>

</head>
<body>
<!-- Standard button -->
<div class="row">
    <div class="col-sm-4"></div>
    <div class="col-sm-4" style="margin-top:100px"><a class="btn btn-success" href="${pageContext.request.contextPath}/book/allBook" role="button"><h1>进入书籍页面</h1></a></div>
    <div class="col-sm-4"></div>
</div>

</body>
</html>

listPage.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>
    <!-- 引入jquery文件 -->
    <script src="../../static/js/jquery-3.6.0.min.js"></script>
    <!-- 引入bootstrap文件 -->
    <script type="text/javascript" src="../../static/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"></head>
<body>
<div class="container">
    <div class="row clearfix page-header">
        <div class="col-md-1"></div>
        <div class="col-md-3">
            <h1>
                书籍列表
            </h1>
        </div>
        <div class="col-md-4" style="margin:30px auto auto auto;">
            <form class="form-inline" action="${pageContext.request.contextPath}/book/searchBook">
                <div class="form-group">
                    <input type="text" name="bookname" style="width: 120px" class="form-control" id="exampleInputName2" placeholder="输入书籍名" required>
                </div>
                <button type="submit" class="btn btn-default glyphicon glyphicon-search"></button>
                <b style="color: red">${error}</b>
            </form>

        </div>
        <%--上 --%>
        <div class="col-md-4" style="margin:30px auto auto auto">
            <a class="btn btn-default" href="${pageContext.request.contextPath}/book/allBook" role="button">显示所有</a>
            <a class="btn btn-default" href="${pageContext.request.contextPath}/book/toaddPage" role="button">新增书籍</a>
            <a class="btn btn-danger" href="${pageContext.request.contextPath}/book/deleteAll" role="button">全部删除</a>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <table class="table table-bordered">
                <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.bookCount}</td>
                        <td>${book.detail}</td>
                        <td><a class="btn btn-danger" href="${pageContext.request.contextPath}/book/toUpdate?id=${book.bookId}" role="button">修改</a>
                            <a class="btn btn-default" href="${pageContext.request.contextPath}/book/deleteBook?id=${book.bookId}" role="button">删除</a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>

</body>
</html>

addPage.jsp

<%--
  Created by IntelliJ IDEA.
  User: ccc
  Date: 2022/3/6
  Time: 21:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>新增书籍</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"></head>

</head>
<body>
<div class="container">
    <div class="row clearfix page-header">
        <div class="col-md-3"></div>
        <div class="col-md-4">
            <h1>
                新增书籍
            </h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-1"></div>
        <div class="col-md-11">
            <form action="${pageContext.request.contextPath}/book/addBook" method="post" class="form-horizontal">
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">书籍名称</label>
                    <div class="col-xs-6">
                        <input type="text" name="bookName" class="form-control" id="name" placeholder="书籍名称" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="count" class="col-sm-2 control-label">书籍库存</label>
                    <div class="col-xs-6">
                        <input type="text" name="bookCount" class="form-control" id="count" placeholder="书籍库存" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="detail" class="col-sm-2 control-label">书籍描述</label>
                    <div class="col-xs-6">
                        <textarea name="detail"  class="form-control" rows="3" id="detail" placeholder="书籍描述" required></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">添加</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
</body>
</html>

updatePage.jsp

<%--
  Created by IntelliJ IDEA.
  User: ccc
  Date: 2022/3/6
  Time: 21:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改书籍</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"></head>

</head>
<body>
<div class="container">
    <div class="row clearfix page-header">
        <div class="col-md-3"></div>
        <div class="col-md-4">
            <h1>
                修改书籍
            </h1>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-1"></div>
        <div class="col-md-11">
            <form action="${pageContext.request.contextPath}/book/updateBook" method="post" class="form-horizontal">
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">书籍名称</label>
                    <div class="col-xs-6">
                        <input type="text" name="bookName" class="form-control" id="name" value="${queryBook.bookName}" required>
                    </div>
                </div>
                <div class="form-group">
                    <input type="hidden" name="bookId"  value="${queryBook.bookId}">
                    <label for="count" class="col-sm-2 control-label">书籍库存</label>
                    <div class="col-xs-6">
                        <input type="text" name="bookCount" class="form-control" value="${queryBook.bookCount}" id="count" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="detail" class="col-sm-2 control-label">书籍描述</label>
                    <div class="col-xs-6">
                        <textarea name="detail"  class="form-control" rows="3" id="detail" required>${queryBook.detail}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">修改</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
</body>
</html>