Java复习 - SSM 整合

虽然 ssm 整合教程都烂大街了，而我这篇文章也仅仅是我今天做为复习记录一下… 怎么说也踩到坑了(真的太久没配置了)，但是我不会告诉你的，总而言之

spring boot 真香

环境要求

• IDEA（2018.3）
• MySQL 5.7
• Tomcat 9.0.31
• Maven 3.6.3

数据库环境

DROP TABLE IF EXISTS `book`;
CREATE TABLE `book` (
  `book_id` int(10) NOT NULL AUTO_INCREMENT COMMENT '书id',
  `book_name` varchar(100) NOT NULL COMMENT '书名',
  `book_counts` int(11) NOT NULL COMMENT '数量',
  `detail` varchar(200) NOT NULL COMMENT '描述',
  KEY `book_id` (`book_id`)
) ENGINE=InnoDB AUTO_INCREMENT=25 DEFAULT CHARSET=utf8mb4;

-- ----------------------------
-- Records of book
-- ----------------------------
INSERT INTO `book` VALUES ('1', 'Java', '1', '从入门到放弃');
INSERT INTO `book` VALUES ('2', 'MySQL', '10', '从删库到跑路');

基本环境搭建

新建 Maven Web 项目（注意选择，选择没有 22 的 webapp ）

导入依赖（pom.xml）

<dependencies>
    <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>4.11</version>
        <scope>test</scope>
    </dependency>

    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>5.3.2</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-jdbc</artifactId>
        <version>5.3.2</version>
    </dependency>

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

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

    <!--start Servlet JSP-->
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>servlet-api</artifactId>
        <version>2.5</version>
    </dependency>
    <dependency>
        <groupId>javax.servlet.jsp</groupId>
        <artifactId>jsp-api</artifactId>
        <version>2.2</version>
    </dependency>
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>jstl</artifactId>
        <version>1.2</version>
    </dependency>
    <!--end Servlet JSP-->

    <!--Mybatis-->
    <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis</artifactId>
        <version>3.5.6</version>
    </dependency>
    <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis-spring</artifactId>
        <version>2.0.6</version>
    </dependency>
    <!--END Mybatis-->

    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.16</version>
    </dependency>

</dependencies>

<build>
    <!--Maven资源过滤设置-->
    <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>
    <!--END Maven资源过滤设置-->
</build>

编写 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">

    <!--解决乱码问题-->
    <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>

    <!--注册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:spring/spring-web.xml</param-value>
        </init-param>
        <!--启动级别-1-->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!-- /   匹配所有的请求(不包括.jsp)-->
    <!-- /*  匹配所有的请求(包括.jsp)-->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--配置spring容器，tomcat启动时，创建spring容器-->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:spring/spring-*.xml</param-value>
    </context-param>

</web-app>

在 resources 下新建 db.properties 并加入以下代码

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/ssm?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC
jdbc.username=root
jdbc.password=root

在 resources 下新建 mybatis 配置文件（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>

    <!--配置全局属性-->
    <settings>
        <!--获取数据库自动增长列-->
        <setting name="useGeneratedKeys" value="true"/>
        <!--开启列别名替换列名-->
        <!--<setting name="useColumnLabel" value="true"/>-->
        <!--开启驼峰命名-->
        <setting name="mapUnderscoreToCamelCase" value="true"/>
    </settings>

    <!--开启别名,可在这配置，也可在spring-dao.xml中配置-->
    <!--<typeAliases>-->
    <!--<package name="cn.imzjw.ssm.entity"/>-->
    <!--</typeAliases>-->

</configuration>

在 resources 下新建 spring 文件夹

接着在 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
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       https://www.springframework.org/schema/context/spring-context.xsd">

    <!-- ==============================配置整合mybatis过程============================== -->
    <!--===============================配置数据库相关参数属性=============================-->
    <!-- 1.关联数据库文件 -->
    <context:property-placeholder location="classpath:db.properties"/>

    <!-- 2.数据库连接池 -->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <!-- 配置连接池属性 -->
        <property name="driverClass" value="${jdbc.driver}"/>
        <property name="jdbcUrl" value="${jdbc.url}"/>
        <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="10000"/>
        <!-- 当获取连接失败重试次数 -->
        <property name="acquireRetryAttempts" value="2"/>
    </bean>

    <!--3、配置mybatis的sqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!--配置数据源,如果不配置数据源，它如何操作数据库呢-->
        <property name="dataSource" ref="dataSource"/>
        <!--自动扫描mapper.xml文件-->
        <property name="mapperLocations" value="classpath:mapper/*Mapper.xml"/> <!--此处填写你对应的位置-->
        <!--扫描mapper-config文件-->
        <property name="configLocation" value="classpath:mybatis-config.xml"/>
        <!--扫描entity包，使用别名，或者在mybatis-config.xml文件配置，二选一-->
        <property name="typeAliasesPackage" value="cn.imzjw.ssm.entity"/>  <!--此处填写你自己对应的包名-->
    </bean>

    <!-- 4.配置扫描Dao接口包，动态实现Dao接口注入到spring容器中 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 给出需要扫描Dao接口包 -->
        <property name="basePackage" value="cn.imzjw.ssm.mapper"/> <!--此处填写你自己对应的包名-->
        <!-- 注入sqlSessionFactory -->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
    </bean>

</beans>

编写 spring-service.xml（resources / spring / 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"
       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
       http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/tx
       http://www.springframework.org/schema/tx/spring-tx-4.0.xsd">


    <!--导入spring-dao文件，目的就是引用数据源-->
    <import resource="spring-dao.xml"/>

    <!-- 扫描service包下所有使用注解的类型 -->
    <context:component-scan base-package="cn.imzjw.ssm.service"/> <!--此处填写你自己对应的包名-->

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

    <!-- 开启声明式事物 -->
    <tx:annotation-driven transaction-manager="transactionManager"/>

</beans>

spring-web.xml（resources / spring / spring-web.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/mvc
       http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
       http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <!-- =================================配置springmvc================================= -->
    <!-- 1、开启springMvc注解模式 -->
    <mvc:annotation-driven/>

    <context:component-scan base-package="cn.imzjw.ssm.controller"> <!--此处填写你自己对应的包名-->
        <!--只扫描Controller组件-->
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>

    <!--配置视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

接着在 resources 下新建 mapper 文件夹，然后不用管他先，如此如此基本的环境就已经搭建好了

这是我的项目结构

现在开始上代码啦

实体类 Book（cn.imzjw.ssm.entity.Book.java）

/**
 * @author https://blog.imzjw.cn
 * @date 2020/12/21 17:20
 */
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Book {
    /**
     * 书籍编号
     */
    private int bookId;
    /**
     * 书籍名称
     */
    private String bookName;
    /**
     * 书籍个数
     */
    private int bookCounts;
    /**
     * 描述
     */
    private String detail;
}

mapper 层（cn.imzjw.ssm.mapper.BookMapper.java）

/**
 * @author https://blog.imzjw.cn
 * @date 2020/12/21 17:19
 */
public interface BookMapper {
    /**
     * 增加书籍
     *
     * @param book
     * @return
     */
    int addBook(Book book);

    /**
     * 删除书籍
     *
     * @param bookId
     * @return
     */
    int deleteBookById(int bookId);

    /**
     * 更新书籍
     *
     * @param book
     * @return
     */
    int updateBook(Book book);

    /**
     * 根据书籍ID查询
     *
     * @param bookId
     * @return
     */
    Book selectBookById(int bookId);

    /**
     * 查询全部
     *
     * @return
     */
    List<Book> selectAllBook();

    /**
     * 搜索
     *
     * @param bookName
     * @return
     */
    Book selectBookName(String bookName);
}

编写接口对应的 Mapper.xml，在 resources / mapper / 新建 BookMapper.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="cn.imzjw.ssm.mapper.BookMapper"> <!--此处对应你自己的包名-->

    <insert id="addBook" parameterType="Book">
        INSERT INTO book (book_name, book_counts, detail) VALUES (#{bookName}, #{bookCounts}, #{detail})
    </insert>

    <delete id="deleteBookById" parameterType="int">
        DELETE FROM book WHERE book_id = #{bookId}
    </delete>

    <update id="updateBook" parameterType="Book">
        UPDATE book SET book_name = #{bookName}, book_counts = #{bookCounts}, detail = #{detail}
        WHERE book_id = #{bookId}
    </update>

    <select id="selectBookById" resultType="Book">
        SELECT * FROM book
        WHERE book_id = #{book_id}
    </select>

    <select id="selectAllBook" resultType="Book">
      SELECT * FROM book
   </select>

    <select id="selectBookName" resultType="Book">
        SELECT * FROM book
        WHERE bookName = #{bookName}
    </select>

</mapper>

service 层（cn.imzjw.ssm.service.BookService.java）

public interface BookService {

    /**
     * 增加书籍
     *
     * @param book
     * @return
     */
    int addBook(Book book);

    /**
     * 删除书籍
     *
     * @param bookId
     * @return
     */
    int deleteBookById(int bookId);

    /**
     * 更新书籍
     *
     * @param book
     * @return
     */
    int updateBook(Book book);

    /**
     * 根据书籍ID查询
     *
     * @param bookId
     * @return
     */
    Book selectBookById(int bookId);

    /**
     * 查询全部
     *
     * @return
     */
    List<Book> selectAllBook();

    /**
     * 搜索
     *
     * @param bookName
     * @return
     */
    Book selectBookName(String bookName);
}

service 层实现类（cn.imzjw.ssm.service.impl.BookServiceImpl.java）

/**
 * @author https://blog.imzjw.cn
 * @date 2020/12/21 17:29
 */
@Service
public class BookServiceImpl implements BookService {

    @Autowired
    private BookMapper bookMapper;

    @Override
    public int addBook(Book book) {
        return bookMapper.addBook(book);
    }

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

    @Override
    public int updateBook(Book book) {
        return bookMapper.updateBook(book);
    }

    @Override
    public Book selectBookById(int bookId) {
        return bookMapper.selectBookById(bookId);
    }

    @Override
    public List<Book> selectAllBook() {
        return bookMapper.selectAllBook();
    }

    @Override
    public Book selectBookName(String bookName) {
        return bookMapper.selectBookName(bookName);
    }
}

controller 层（cn.imzjw.ssm.controller.BookController.java）

/**
 * @author https://blog.imzjw.cn
 * @date 2020/12/21 17:20
 */
@Controller
public class BookController {

    @Autowired
    private BookService bookService;

    /**
     * 启动Tomcat的时候，直接重定向到所有书籍列表
     *
     * @return
     */
    @RequestMapping("/")
    public String index() {
        return "redirect:listBook";
    }

    /**
     * 查询全部书籍，并且返回到一个书籍展示页面
     *
     * @param model
     * @return
     */
    @RequestMapping("listBook")
    public String list(Model model) {
        model.addAttribute("list", bookService.selectAllBook());
        return "allBook";
    }

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

    /**
     * 添加书籍
     *
     * @param book
     * @return
     */
    @PostMapping("/addBook")
    public String addBook(Book book) {
        bookService.addBook(book);
        return "redirect:listBook";
    }

    /**
     * 跳转到修改页面
     *
     * @param id
     * @param model
     * @return
     */
    @RequestMapping("/toUpdate")
    public String toUpdatePaper(int id, Model model) {
        model.addAttribute("toBook", bookService.selectBookById(id));
        return "updateBook";
    }

    /**
     * 修改书籍
     *
     * @param book
     * @return
     */
    @PostMapping("/updateBook")
    public String updateBook(Book book) {
        bookService.updateBook(book);
        return "redirect:listBook";
    }

    /**
     * 删除书籍
     *
     * @param id
     * @return
     */
    @RequestMapping("delBook")
    public String delBook(int id) {
        bookService.deleteBookById(id);
        return "redirect:listBook";
    }

    /**
     * 查询书籍
     *
     * @param selectBookName
     * @param model
     * @return
     */
    @RequestMapping("/selectBook")
    public String selectBook(String selectBookName, Model model) {
        Book book = bookService.selectBookName(selectBookName);
        List<Book> list = new ArrayList<>();
        list.add(book);
        if (book == null) {
            model.addAttribute("error", "*未查询到相关数据");
        }
        model.addAttribute("list", list);
        return "allBook";
    }
}

接着在 WEB-INF 下新建 jsp 文件夹，然后在 jsp 文件夹新建 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 rel="stylesheet" href="https://npm.elemecdn.com/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header text-center">
                <h1>
                    <small>书籍管理系统</small>
                </h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 column">
            <a class="btn btn-default" href="${pageContext.request.contextPath}/listBook">显示全部</a>
            <a class="btn btn-default" href="${pageContext.request.contextPath}/toAddBook">新增书籍</a>
        </div>

        <form action="${pageContext.request.contextPath}/selectBook" method="post">
            <div class="input-group col-md-3" style="float: right">
                <input type="text" class="form-control" name="selectBookName" placeholder="请输入要查询的书籍">
                <span class="input-group-btn">
                        <button class="btn btn-success btn-search">搜索</button>
                    </span>
            </div>
        </form>
    </div>
    <br>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                <th>书籍编号</th>
                <th>书籍名称</th>
                <th>书籍数量</th>
                <th>书籍描述</th>
                <th>操作</th>
                </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="${pageContext.request.contextPath}/toUpdate?id=${book.bookId}">修改</a>
                            &nbsp; | &nbsp;
                            <a href="${pageContext.request.contextPath}/delBook?id=${book.bookId}">删除</a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class=" text-right">
                <h3>
                    <small>${error}</small>
                </h3>
            </div>
        </div>
    </div>
</div>
</body>
</html>

添加书籍页面（WEB-INF / jsp / addBook.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 rel="stylesheet" href="https://npm.elemecdn.com/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header text-center">
                <h1>
                    <small>新增书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <form action="${pageContext.request.contextPath}/addBook" method="post" class="form-inline text-center">
        <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>
        &nbsp;
        <button type="submit" class="btn btn-info">点击添加</button>
    </form>
</div>
</body>
</html>

修改书籍页面（WEB-INF / jsp / 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>
    <%--引入BootStrap--%>
    <link rel="stylesheet" href="https://npm.elemecdn.com/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>

<div class="container">

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header text-center">
                <h1>
                    <small>修改书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <form action="${pageContext.request.contextPath}/updateBook" method="post" class="form-inline text-center">
        <%--隐藏域--%>
        <input type="hidden" name="bookId" value="${toBook.bookId}">

        <div class="form-group">
            <label>书籍名称:</label>
            <input type="text" name="bookName" class="form-control" value="${toBook.bookName}" required>
        </div>

        <div class="form-group">
            <label>书籍数量:</label>
            <input type="text" name="bookCounts" class="form-control" value="${toBook.bookCounts}"
                   onkeyup="this.value=this.value.replace(/\D/g,'')"
                   onafterpaste="this.value=this.value.replace(/\D/g,'')" required>
        </div>

        <div class="form-group">
            <label>书籍描述:</label>
            <input type="text" name="detail" class="form-control" value="${toBook.detail}" required>
        </div>

        <button type="submit" class="btn btn-default">点击修改</button>
    </form>
</div>
</body>
</html>

配置好 Tomcat 直接启动访问 http://localhost:8080