ssm框架整合

标签：增删改查、分页、测试、事务、restful风格

ssm框架结构图

人生中第一个ssm框架整合ssm框架整合

1.数据库建表

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,'从进门到进牢');

2.pom文件中加入依赖

<dependencies>
    <!-- SpringMVC -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
    </dependency>

    <!-- Spring 持久化层所需依赖 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-orm</artifactId>
    </dependency>

    <!-- 日志 -->
    <dependency>
      <groupId>ch.qos.logback</groupId>
      <artifactId>logback-classic</artifactId>
    </dependency>

    <!-- ServletAPI -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <scope>provided</scope>
    </dependency>

    <!-- Spring5和Thymeleaf整合包 -->
    <dependency>
      <groupId>org.thymeleaf</groupId>
      <artifactId>thymeleaf-spring5</artifactId>
    </dependency>

    <!-- Mybatis核心 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
    </dependency>

    <!-- MySQL驱动 -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
    </dependency>

    <!-- 数据源 -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
    </dependency>

    <!-- junit5 -->
    <dependency>
      <groupId>org.junit.jupiter</groupId>
      <artifactId>junit-jupiter-api</artifactId>
      <scope>test</scope>
    </dependency>

    <!-- Spring 的测试功能 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
    </dependency>

    <!-- Mybatis 和 Spring 的整合包 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
    </dependency>

    <!-- Mybatis分页插件 -->
    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
    </dependency>
  </dependencies>

3.pojo层创建实体类

//创建实体类，实体类属性与表字段对应
public class Books {
    private int bookID;
    private String bookName;
    private int bookCounts;
    private String detail;

    public Books() {
    }

    public Books(int bookID, String bookName, int bookCounts, String detail) {
        this.bookID = bookID;
        this.bookName = bookName;
        this.bookCounts = bookCounts;
        this.detail = detail;
    }

    public int getBookID() {
        return bookID;
    }

    public void setBookID(int bookID) {
        this.bookID = bookID;
    }

    public String getBookName() {
        return bookName;
    }

    public void setBookName(String bookName) {
        this.bookName = bookName;
    }

    public int getBookCounts() {
        return bookCounts;
    }

    public void setBookCounts(int bookCounts) {
        this.bookCounts = bookCounts;
    }

    public String getDetail() {
        return detail;
    }

    public void setDetail(String detail) {
        this.detail = detail;
    }

    @Override
    public String toString() {
        return "Books{" +
                "bookID=" + bookID +
                ", bookName='" + bookName + '\'' +
                ", bookCounts=" + bookCounts +
                ", detail='" + detail + '\'' +
                '}';
    }
}

4.加入jdbc的配置文件

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql:///java0625?useUnicode=true&characterEncoding=utf8&useSSL=false
jdbc.username=root
jdbc.pwd=root

5.加入日志配置文件

<?xml version="1.0" encoding="UTF-8"?>
<configuration debug="true">
    <!-- 指定日志输出的位置 -->
    <appender name="STDOUT"
              class="ch.qos.logback.core.ConsoleAppender">
        <encoder>
            <!-- 日志输出的格式 -->
            <!-- 按照顺序分别是：时间、日志级别、线程名称、打印日志的类、日志主体内容、换行 -->
            <pattern>[%d{HH:mm:ss.SSS}] [%-5level] [%thread] [%logger] [%msg]%n</pattern>
        </encoder>
    </appender>

    <!-- 设置全局日志级别。日志级别按顺序分别是：DEBUG、INFO、WARN、ERROR -->
    <!-- 指定任何一个日志级别都只打印当前级别和后面级别的日志。 -->
    <root level="WARN">
        <!-- 指定打印日志的appender，这里通过“STDOUT”引用了前面配置的appender -->
        <appender-ref ref="STDOUT" />
    </root>
</configuration>

6.加入spring-mybatis配置文件

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

    <!-- 扫描service层方法一 -->
    <context:component-scan base-package="com.atguigu.service"/>
    <!-- 扫描service层方法二 -->
    <!--
    <context:component-scan base-package="com.atguigu" use-default-filters="false">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Service"/>
    </context:component-scan>
    -->

    <!-- 加载外部属性文件   -->
    <context:property-placeholder location="classpath:jdbc.properties"/>

    <!-- 配置数据源   -->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <property name="username" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.pwd}"/>
        <property name="driverClassName" value="${jdbc.driver}"/>
        <property name="url" value="${jdbc.url}"/>
    </bean>

    <!-- 配置 SqlSessionFactoryBean -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">

        <!-- 装配数据源 -->
        <property name="dataSource" ref="dataSource"/>

        <!-- 在 plugins 属性中配置 Mybatis 分页插件 -->
        <property name="plugins">
            <array>
                <bean class="com.github.pagehelper.PageInterceptor">
                    <property name="properties">
                        <props>
                            <!-- 设置 reasonable 为 true 表示将页码进行合理化修正。页码的有效范围：1~总页数 -->
                            <prop key="reasonable">true</prop>
                            <!-- 数据库方言：同样都是 SQL 语句，拿到不同数据库中，在语法上会有差异 -->
                            <prop key="helperDialect">mysql</prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>

        <!-- 指定 Mybatis 全局配置文件位置 -->
        <!--<property name="configLocation" value="classpath:/mybatis-config.xml"/> -->

        <!-- 使用 typeAliasesPackage 属性配置实体类所在包的别名 -->
        <!-- <property name="typeAliasesPackage" value="com.atguigu.pojo"/> -->

        <!-- 指定 Mapper 配置文件位置 -->
        <!-- <property name="mapperLocations" value="classpath:mapper/*Mapper.xml"/> -->

    </bean>

    <!-- 扫描dao层方式一：配置 Mapper 接口类型的bean的扫描器 -->
    <bean id="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.atguigu.dao"/>
    </bean>
    <!--扫描dao层方式二：使用 mybatis-spring 名称空间扫描dao层(可能会出异常)-->
    <!--<mybatis-spring:scan base-package="com.atguigu.dao"/>-->

    <!-- 配置事务管理器 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>

    <!-- 开启基于注解的声明式事务(也就是在service层上面使用@Transactional) -->
    <tx:annotation-driven transaction-manager="transactionManager"/>
</beans>

7.编写dao层接口

//将dao层加入到IOC容器管理
@Repository
public interface BookMapper {

//    使用@Insert等注解代替mapper.xml的映射文件
//    新增一个对象
    @Insert("insert into books(bookName,bookCounts,detail) values (#{bookName},#{bookCounts},#{detail})")
    int addBook(Books book) ;

//    根据id删除一个对象
    @Delete("delete from books where bookID=#{bookID}")
    int deleteBookById(int id);

//    修改对象信息
    @Update("update books set bookName = #{bookName},bookCounts=#{bookCounts},detail=#{detail} where bookID=#{bookID}")
    int updateBook(Books book);

//    根据id查询一个对象
    @Select("select * from books where bookID=#{bookID}")
    Books queryBookById(int id);

//    查询所有对象
    @Select("select * from books")
    List<Books> queryAll();
}

8.编写service层接口和实现类

8.1service层接口

public interface BookService {

    int addBook(Books book);

    int deleteBookById(Integer id);

    int updateBook(Books book);

    Books queryBookById(Integer id);

    PageInfo<Books> getPageInfo(Integer pageNo);
}

8.2service层接口的实现类

@Service  //将service层加入到IOC容器中管理
@Transactional  //开启事务
public class BookServiceImpl implements BookService {

    @Autowired  //自动注入bookMapper属性
    private BookMapper bookMapper;

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

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

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

    @Override
    @Transactional(readOnly = true) //表示只读
    public Books queryBookById(Integer id) {
        return bookMapper.queryBookById(id);
    }

    @Override
    @Transactional(readOnly = true)  //表示只读
    public PageInfo<Books> getPageInfo(Integer pageNo) {
        // 1、确定每页显示数据的条数
        int pageSize = 4;
        // 2、设定分页数据：开启分页功能。开启后，后面执行的 SELECT 语句会自动被附加 LIMIT 子句，
        // 而且会自动查询总记录数
        PageHelper.startPage(pageNo, pageSize);
        // 3、正常执行查询
        List<Books> bookList = bookMapper.queryAll();
        // 4、封装为 PageInfo 对象返回
        return new PageInfo<>(bookList);
    }
}

9.编写测试类测试spring-mybatis整合

//通过注解来加载Spring上下文从而能够获取spring容器中的对象(Junit5用法)
@SpringJUnitConfig(locations = {"classpath:spring-mybatis.xml"})
public class SSMTest {

    @Autowired
    private DataSource dataSource;

    @Autowired
    private SqlSessionFactory sqlSessionFactory ;

    @Autowired
    private BookMapper bookMapper ;

    @Autowired
    private BookService bookService ;

    //测试数据库是否正常连接
    @Test
    public void test01DataSource() throws SQLException {
        System.out.println("dataSource = " + dataSource);
        System.out.println("dataSource.getConnection = " + dataSource.getConnection());
    }

    //测试sqlSessionFactory对象是否创建成功
    @Test
    public void test02SqlSessionFactory(){
        System.out.println("sqlSessionFactory = " + sqlSessionFactory);
    }

    //测试dao层功能是否正常
    @Test
    public void test03BookMapper(){
        List<Books> books = bookMapper.queryAll();
        System.out.println("books = " + books);
    }

    //测试service层功能是否正常
    @Test
    public void test04BookService(){
        PageInfo<Books> pageInfo = bookService.getPageInfo(1);
        System.out.println("pageInfo = " + pageInfo);
    }
}

10.加入spring-mvc的配置文件

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

    <!-- 配置thymeleaf视图前缀、后缀   -->
    <bean id="thymeleafViewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <property name="suffix" value=".html"/>
                        <property name="characterEncoding" value="UTF-8"/>
                        <property name="templateMode" value="HTML5"/>
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

    <!-- 扫描控制层方法一 -->
<!--    <context:component-scan base-package="com.atguigu.controller"/>-->
    <!-- 扫描控制层方法二 -->
    <context:component-scan base-package="com.atguigu" use-default-filters="false">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>

    <!-- 开启注解驱动   -->
    <mvc:annotation-driven/>

    <!-- 静态资源放行  -->
    <mvc:default-servlet-handler/>

    <!-- 跳转首页，不需要经过控制器方法 -->
    <mvc:view-controller path="/" view-name="index"/>

    <!-- 跳转添加图书页面，不需要经过控制器方法 -->
    <mvc:view-controller path="/add/book/page" view-name="book-add"/>

</beans>

11.编写web.xml文件

<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd" >
<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">

  <!-- web应用引入spring的配置文件方法二 -->
  <!-- 1.创建监听器读取contextConfigLocation参数的值，这样就能找到spring的配置文件，创建出spring的IOC容器 -->
  <!--
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  -->
  <!-- 2.配置全局初始化contextConfigLocation参数-->
  <!--
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:spring-mybatis.xml</param-value>
  </context-param>
  -->
  <!-- 3.在方法一中删除classpath:spring-mybatis.xml路径 -->

  <!-- 配置DispatcherServlet前端控制器 -->
  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <!-- web应用引入spring的配置文件方法一 -->
      <param-value>classpath:spring-mvc.xml,classpath:spring-mybatis.xml</param-value>
    </init-param>
    <!-- 标记容器在web应用启动的时候就加载这个servlet -->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!-- 字符集过滤器 -->
  <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>forceRequestEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>forceResponseEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>characterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <!-- restful风格转换请求方式过滤器 -->
  <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>

12.编写静态资源，引入Vue.js

vue.js

13.编写controller层控制器方法

//将控制层加入到IOC容器管理
@Controller
public class BookHandler {

    //自动注入bookService属性
    @Autowired
    private BookService bookService;

    //根据id删除一个对象,携带当前页的页码
    @DeleteMapping("/remove/book/{bookID}/{pageNo}")
    public String removeBook(
            @PathVariable("bookID") Integer bookID,
            @PathVariable("pageNo") Integer pageNo){
        bookService.deleteBookById(bookID);
        //重定向到图书列表页面
        return "redirect:/get/page/" + pageNo;
    }

    //新增一个对象
    @PostMapping("/save/book")
    public String saveBook(Books book){
        bookService.addBook(book);
        //Integer.MAX_VALUE表示非常大的数据，结合配置PageHelper时指定的reasonable可以直接前往最后一页
        return "redirect:/get/page/" + Integer.MAX_VALUE;
    }

    //根据id获得一个对象，携带当前页的页码
    @GetMapping("/edit/book/page/{bookID}/{pageNo}")
    public String editBookPage(
            @PathVariable("bookID") Integer bookID,
            @PathVariable("pageNo") Integer pageNo,
            Model model){
        Books book = bookService.queryBookById(bookID);
        //将获得的对象放入域对象中，用于表单的回显
        model.addAttribute("book",book);
        //重定向到修改图书页面
        return "book-edit";
    }

    //修改一个用户，提交修改表单
    @PutMapping("/update/book")
    //表单隐藏域中携带当前页的页码
    public String updateBook(@RequestParam("pageNo") Integer pageNo,Books book){
        bookService.updateBook(book);
        //重定向到图书列表页面
        return "redirect:/get/page/" + pageNo;
    }

    //查询所有图书
    @RequestMapping("/get/page/{pageNo}")
        public String getPage(@PathVariable("pageNo") Integer pageNo, Model model) {
            // PageInfo 对象封装了和分页相关的所有信息
            PageInfo<Books> pageInfo = bookService.getPageInfo(pageNo);
            // 将 PageInfo 对象存入模型
            model.addAttribute("pageInfo", pageInfo);
            //跳转图书展示页面
            return "book-list-pageable";
    }
}

14.编写页面

14.1首页 index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body style="text-align: center">
    <a th:href="@{/get/page/1}">显示分页图书列表</a>
</body>
</html>

14.2显示图书列表页面 book-list-pageable.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图书列表页面</title>
    <style type="text/css">
        table {
            border-collapse: collapse;
            margin: 0px auto 0px auto;
        }
        table th,td {
            border: 1px solid black;
            text-align: center;
        }
    </style>
    <script type="text/javascript" th:src="@{/script/vue.js}"></script>
</head>
<body>

<table id="dataTable">

    <tr>
        <th>图书ID</th>
        <th>图书名称</th>
        <th>图书数量</th>
        <th>图书详情</th>
        <th>删除</th>
        <th>更新</th>
    </tr>

    <tbody th:if="${#lists.isEmpty(pageInfo)}">
    <tr>
        <td colspan="6">抱歉！没有查询到数据！</td>
    </tr>
    <tr>
        <td colspan="5">
            <a th:href="@{/add/book/page}">添加图书</a>
        </td>
    </tr>
    </tbody>

    <tbody th:if="${not #lists.isEmpty(pageInfo)}">

    <!-- 迭代循环 -->
    <tr th:each="book : ${pageInfo.list}">
        <td th:text="${book.bookID}">图书ID</td>
        <td th:text="${book.bookName}">图书名称</td>
        <td th:text="${book.bookCounts}">图书数量</td>
        <td th:text="${book.detail}">图书详情</td>
        <td><a th:href="@{/remove/book/}+${book.bookID}+'/'+${pageInfo.pageNum}" @click="doConvert">删除</a></td>
        <td><a th:href="@{/edit/book/page/}+${book.bookID}+'/'+${pageInfo.pageNum}">更新</a></td>
    </tr>

    <tr>
        <td colspan="6"><a th:href="@{/add/book/page}">添加图书</a></td>
    </tr>
    </tbody>
</table>

<div align="center">
    <span th:if="${pageInfo.hasPreviousPage}">
        <a th:href="@{/get/page/1}">首页</a>
        <a th:href="@{/get/page/}+${pageInfo.prePage}">上一页</a>
        </span>

    <span th:each="navigator : ${pageInfo.navigatepageNums}">

         <!-- 不是当前页显示为超链接 -->
        <a th:if="${navigator != pageInfo.pageNum}"
           th:href="@{/get/page/}+${navigator}"
           th:text="'['+${navigator}+']'"></a>

        <!-- 是当前页不需要显示为超链接 -->
        <span th:if="${navigator == pageInfo.pageNum}" th:text="'['+${navigator}+']'"></span>
        </span>

    <span th:if="${pageInfo.hasNextPage}">
        <a th:href="@{/get/page/}+${pageInfo.nextPage}">下一页</a>
        <a th:href="@{/get/page/}+${pageInfo.pages}">最后一页</a>
        </span>

    <span th:text="${pageInfo.pageNum}+'/'+${pageInfo.pages}"></span>
</div>

<!-- 将删除超链接的get请求方式转换为delete方式(隐藏的通用表单) -->
<form id="convertForm" method="post">
    <input type="hidden" name="_method" value="delete"/>
</form>

<script>
    new Vue({
        el:"#dataTable",
        methods:{
            doConvert:function (event) {

                // 1.根据 id 值查询到通用表单的元素对象
                var convertFormEle = document.getElementById("convertForm");

                // 2.将当前超链接的 href 属性值赋值给通用表单的元素对象的 action 属性
                convertFormEle.action = event.target.href;

                // 3.提交通用表单
                convertFormEle.submit();

                // 4.取消超链接控件的默认行为
                event.preventDefault();
            }
        }
    });
</script>

</body>
</html>

14.3添加图书页面 book-add.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加图书页面</title>
</head>
<body>
<form th:action="@{/save/book}" method="post">
    图书名称：<input type="text" name="bookName" /><br/>
    图书数量：<input type="text" name="bookCounts" /><br/>
    图书详情：<input type="text" name="detail" /><br/>
    <button type="submit">保存</button>
</form>
</body>
</html>

14.4修改图书页面 book-edit.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改图书页面</title>
</head>
<body>
    <form th:action="@{/update/book}" method="post">

        <!-- 附带表单隐藏域：将 POST 请求转换为 PUT 请求 -->
        <input type="hidden" name="_method" value="PUT" />

        <!-- 附带表单隐藏域：实体类的 id -->
        <input type="hidden" name="bookID" th:value="${book.bookID}" />

        <!-- 附带表单隐藏域：来源页的页码 -->
        <input type="hidden" name="pageNo" th:value="${pageNo}" />

        图书名称：<input type="text" name="bookName" th:value="${book.bookName}"/><br/>
        图书数量：<input type="text" name="bookCounts" th:value="${book.bookCounts}"/><br/>
        图书详情：<input type="text" name="detail" th:value="${book.detail}"/><br/>
        <button type="submit">保存</button>
    </form>
</body>
</html>

人生中第一个ssm框架整合ssm框架整合

ssm框架整合

ssm框架结构图

1.数据库建表

2.pom文件中加入依赖

3.pojo层创建实体类

4.加入jdbc的配置文件

5.加入日志配置文件

6.加入spring-mybatis配置文件

7.编写dao层接口

8.编写service层接口和实现类

8.1service层接口

8.2service层接口的实现类

9.编写测试类测试spring-mybatis整合

10.加入spring-mvc的配置文件

11.编写web.xml文件

12.编写静态资源，引入Vue.js

13.编写controller层控制器方法

14.编写页面

14.1首页 index.html

14.2显示图书列表页面 book-list-pageable.html

14.3添加图书页面 book-add.html

14.4修改图书页面 book-edit.html

继续阅读

关于Gradle配置的小结

Java小案例——随机数猜测随机数猜测

nginx location中斜线的位置的重要性

27 Best Free Eclipse Plug-ins for Java Developer to be ProductiveCode Quality PluginsText Editor PluginsDependency ManagementVersion Control Integration PluginsFramework Development Continuous Integration Related PluginsOther Utility Plugins

Java String.format方法的简单使用

neo4j之cypher使用文档

GitHub连夜封杀！这份阿里 10W 字内部 Java 字面试手册到底有多强？

spark/scala关于【资源文件】加载方法概述外部文件加载方案测试资源文件打包入jar包中小结

mybatis_入门程序Mybatis入门

AOP编程_Android优雅权限框架(1)概念基础，2021金三银四前言正文大纲正文

Effective Java 8:通用程序设计

OOM三种类型

工厂模式-三种类型

【递归】高效率求2的n次幂

win10本地scala和spark安装安装scala安装spark

scala (3) Function 和 Method