SpringMVC 学习(八)整合SSM

10. 整合 SSM

(1) 新建数据库

在这里插入图片描述

CREATE DATABASE `SSM`;USE `SSM`;DROP TABLE IF EXISTS `BOOKS`;CREATE TABLE `BOOKS` (`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 DEFAULT CHARSET=utf8INSERT  INTO `BOOKS`(`BOOK_ID`,`BOOK_NAME`,`BOOK_COUNTS`,`DETAIL`)VALUES 
(1,'Java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');

(2) 新建 maven 项目

在这里插入图片描述

1) 导入依赖

<!--依赖-->
<dependencies><!--junit : 单元测试--><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.13.2</version><scope>test</scope></dependency><!--数据库连接驱动 : java 连接 mysql--><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.26</version></dependency><!--c3p0 : 数据库连接池,避免重复连接数据库,缓冲作用--><dependency><groupId>com.mchange</groupId><artifactId>c3p0</artifactId><version>0.9.5.5</version></dependency><!--servlet-api : servlet 编写编译支持--><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>4.0.1</version><!--仅开发时使用,不进行打包处理--><scope>provided</scope></dependency><!--jsp-api : jsp 编译支持--><dependency><groupId>javax.servlet.jsp</groupId><artifactId>javax.servlet.jsp-api</artifactId><version>2.3.3</version><scope>provided</scope></dependency><!--jstl : JSP 标准标签库--><dependency><groupId>javax.servlet</groupId><artifactId>jstl</artifactId><version>1.2</version></dependency><!--mybatis --><!--mybatis 标准库--><dependency><groupId>org.mybatis</groupId><artifactId>mybatis</artifactId><version>3.5.7</version></dependency><!--spring 整合 mybatis--><dependency><groupId>org.mybatis</groupId><artifactId>mybatis-spring</artifactId><version>2.0.6</version></dependency><!--spring--><!--Spring MVC 支持--><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.3.9</version></dependency><!--jdbc : 连接、请求数据库,处理返回结果--><dependency><groupId>org.springframework</groupId><artifactId>spring-jdbc</artifactId><version>5.3.9</version></dependency><!--lombok : 偷懒神器--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.20</version></dependency></dependencies>

2) 静态资源过滤

<!--静态资源导出问题-->
<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>

(3) IDEA 连接数据库

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

(4) Spring 整合 Mybatis

1) 新建包结构

在这里插入图片描述

2) 新建配置文件

在这里插入图片描述

● 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/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd">
</beans>
● 创建 spring 应用上下文

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

应用上下文关联了所有的 spring 配置文件,最好保证所有的配置文件都在其中。

● mybatis

配置文件名 : mybatis-config.xml

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

3) 新建实体类

● 开启驼峰命名自动映射

配置路径:resources/com/why/dao/ mybatis-config.xml

<settings><!--开启驼峰命名的自动映射--><setting name="mapUnderscoreToCamelCase" value="true"/><!--开启标准日志--><!--<setting name="logImpl" value="STDOUT_LOGGING"/>-->
</settings>
● 开启别名映射

配置路径:resources/com/why/dao/ mybatis-config.xml

<!--别名-->
<typeAliases><!--扫描包--><package name="com.why.pojo"/>
</typeAliases>
● 编写实体类
package com.why.pojo;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;/*** TODO* Books 实体类* @author why* @since 2021/9/16 10:59*/
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Books {private Integer bookId;private String bookName;private Integer bookCounts;private String detail;}

在这里插入图片描述

4) 新建映射器接口

在这里插入图片描述

package com.why.dao;import com.why.pojo.Books;
import org.apache.ibatis.annotations.Param;import java.util.List;/*** TODO* Book 映射器* @author why* @since 2021/9/16 13:20*/
public interface BookMapper {/*** 增加一本书* @param book Books 对象* @return Integer 结果*/Integer addBook(Books book);/*** 根据书 ID 删除一本书* @param id 书 ID* @return Integer 结果*/Integer deleteBookById(@Param("bookId") Integer id);/*** 更新一本书* @param book Books 对象* @return Integer 结果*/Integer updateBook(Books book);/*** 根据书 ID 查询一本书* @param id 书 ID* @return Books 结果*/Books queryBookById(@Param("bookId") Integer id);/*** 查询全部书* @return List 结果*/List<Books> queryAllBook();}

5) 新建映射器 xml

● 文件路径

在这里插入图片描述

● 文件内容
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapperPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.why.dao.BookMapper"><insert id="addBook" parameterType="Books">insert into ssm.books (BOOK_NAME, BOOK_COUNTS, DETAIL) values (#{bookName}, #{bookCounts}, #{detail});</insert><!--int 会自动转换为 Intager,_int 才是 int--><delete id="deleteBookById" parameterType="int">delete from ssm.books where BOOK_ID = #{bookId};</delete><update id="updateBook" parameterType="Books">update ssm.booksset BOOK_NAME = #{bookName}, BOOK_COUNTS = #{bookCounts}, DETAIL = #{detail}where BOOK_ID = #{bookId};</update><select id="queryBookById" resultType="Books">select * from ssm.books where BOOK_ID = #{bookId};</select><select id="queryAllBook" resultType="Books">select * from ssm.books;</select></mapper>

6) 注册映射器接口

注册路径:resources/com/why/dao/ mybatis-config.xml

<mappers><mapper class="com.why.dao.BookMapper"/>
</mappers>

7) 编写服务层

在这里插入图片描述

● 服务接口
package com.why.service;import com.why.pojo.Books;import java.util.List;/*** TODO* Book 服务接口* @author why* @since 2021/9/16 14:03*/
public interface BookService {/*** 增加一本书* @param book Books 对象* @return Integer 结果*/Integer addBook(Books book);/*** 根据书 ID 删除一本书* @param id 书 ID* @return Integer 结果*/Integer deleteBookById(Integer id);/*** 更新一本书* @param book Books 对象* @return Integer 结果*/Integer updateBook(Books book);/*** 根据书 ID 查询一本书* @param id 书 ID* @return Books 结果*/Books queryBookById(Integer id);/*** 查询全部书* @return List 结果*/List<Books> queryAllBook();}
● 服务实现类
package com.why.service.Impl;import com.why.dao.BookMapper;
import com.why.pojo.Books;
import com.why.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;/*** TODO* Book 服务实现类* @author why* @since 2021/9/16 14:05*/
public class BookServiceImpl implements BookService {private BookMapper bookMapper;public void setBookMapper(BookMapper bookMapper) {this.bookMapper = bookMapper;}public Integer addBook(Books book) {return bookMapper.addBook(book);}public Integer deleteBookById(Integer id) {return bookMapper.deleteBookById(id);}public Integer updateBook(Books book) {return bookMapper.updateBook(book);}public Books queryBookById(Integer id) {return bookMapper.queryBookById(id);}public List<Books> queryAllBook() {return bookMapper.queryAllBook();}}

8) spring 整合 dao 层

● 编写数据库配置文件

在这里插入图片描述

jdbc.driver=com.mysql.jdbc.Driver
# MySQL 8.0+ 需配置时区:&serverTimezone=Asia/Shanghai
jdbc.url=jdbc:mysql://localhost:3306/ssm?useSSL=true&useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai
jdbc.username=root
jdbc.password=981030
● 新建 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"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd"></beans>
● 加入到 spring 应用上下文

在这里插入图片描述
在这里插入图片描述

● 关联数据库配置文件
  • 引入 context 约束

    xmlns:context="http://www.springframework.org/schema/context"
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context.xsd
    

    在这里插入图片描述

  • 此处也可用 IDEA 自动引入,但引入的为 c 空间和 p 空间约束,编写代码无提示。

    在这里插入图片描述

    在这里插入图片描述

    配置数据库配置文件路径

    <!--1. 关联数据库配置文件-->
    <context:property-placeholder location="classpath:database.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>
● 创建 sqlSessionFactory
<!--3. 创建 sqlSessionFactory-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"><!--关联数据源--><property name="dataSource" ref="dataSource"/><!--关联 mybatis 配置文件--><property name="configLocation" value="classpath:mybatis-config.xml"/>
</bean>
● 配置 dao 层映射器扫描包

此处配置可理解为由 Spring 完成 Mybatis 中 getSqlSession 操作

<!--4. 配置 dao 接口扫描包,动态地将 dao 接口注册进入 spring 容器-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"><!--注入 sqlSessionFactory--><property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/><!--配置 dao 包路径--><property name="basePackage" value="com.why.dao"/>
</bean>
● 引入到 applicationContext.xml

引入路径:resources/ applicationContext.xml

<import resource="classpath:spring-dao.xml"/>

9) spring 整合 service 层

● 新建 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"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd"></beans>
● 将配置文件加入到 spring 上下文

在这里插入图片描述

● 扫描 service 包
<!--1. 扫描 service 包-->
<context:component-scan base-package="com.why.service"/>
● 将业务类注入到 spring 容器
<!--2. 将业务类注入到 spring 容器BookServiceImpl.bookMapper 必须有 set 方法BookService.bookMapper 在 spring-dao.xml 中扫描 dao 包时注入到 spring 中了
-->
<bean id="bookMapperImpl" class="com.why.service.impl.BookServiceImpl"><property name="bookMapper" ref="bookMapper"/>
</bean>
//注解实现:
@Service
public class BookServiceImpl implements BookService {@Autowiredprivate BookMapper bookMapper;...
}
● 声明式事务配置
<!--3. 声明式事务配置-->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"><!--注入数据源--><property name="dataSource" ref="dataSource"/>
</bean>
● 引入到 applicationContext.xml

引入路径:resources/ applicationContext.xml

10) 测试

<import resource="classpath:spring-service.xml"/>
● 新建测试类

在这里插入图片描述

package com.why;import com.why.pojo.Books;
import com.why.service.BookService;
import org.junit.Test;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;import java.util.List;/*** TODO* 测试类* @author why* @since 2021/9/16 20:12*/
public class MyTest {@Testpublic void testAllBooks() {ApplicationContext context = new ClassPathXmlApplicationContext("applicationContext.xml");System.out.println(context);BookService bookService = (BookService) context.getBean("bookServiceImpl");System.out.println(bookService);List<Books> books = bookService.queryAllBook();for (Books book : books) {System.out.println(book);}}
}
● 运行测试函数

在这里插入图片描述

Mybatis 整合完毕!!!

(5) 整合 Spring MVC

1) 添加 web 支持

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2) 新建 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"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd"></beans>
● 引入 mvc 约束
xmlns:mvc="http://www.springframework.org/schema/mvc"
...
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd

在这里插入图片描述

● 引入 context 约束
xmlns:context="http://www.springframework.org/schema/context"
...
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd

在这里插入图片描述

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

引入路径:resources/ `applicationContext.xml

<import resource="classpath:spring-mvc.xml"/>

3) 编写 web.xml

● 注册 DispatcherServlet
<!--1. DispatcherServlet-->
<servlet><servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><!--注意 : 此处需要引入 spring 的整体应用配置文件-applicationContext.xml--><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>
● 中文乱码过滤
<!--2. 中文乱码过滤-->
<filter><filter-name>encodingFilter</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>encodingFilter</filter-name><url-pattern>/*</url-pattern>
</filter-mapping>
● Session
<!--Session-->
<session-config><session-timeout>15</session-timeout>
</session-config>

4) 测试

● 编写 index.jsp
<%--User: whyDate: 2021/9/16Time: 17:03
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><title>首页</title></head><body><h3><a href="${pageContext.request.contextPath}/book/allBooks">进入书籍页面</a></h3></body>
</html>
● 新建测试页面

在这里插入图片描述

<%--User: whyDate: 2021/9/16Time: 20:02
--%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>All Books</title><!-- 最新版本的 Bootstrap 核心 CSS 文件 --><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"><div class="col-md-12 column"><div class="page-header"><h1><small>书籍列表</small></h1></div></div></div><div class="row clearfix"><div class="col-md-12 column"><table class="table table-hover table-striped"><thead><tr><th>编号</th><th>数量</th><th>数量</th><th>详情</th></tr></thead><tbody><%--items 的值是控制器中 model.addAttribute("books", books); 的关键字 "books" --%><c:forEach var="book" items="${books}"><tr><td>${book.bookId}</td><td>${book.bookName}</td><td>${book.bookCounts}</td><td>${book.detail}</td></tr></c:forEach></tbody></table></div></div></div>
</body>
</html>
● 新建控制器

在这里插入图片描述

package com.why.controller;import com.why.pojo.Books;
import com.why.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;/*** TODO* Book 控制器* @author why* @since 2021/9/16 19:51*/
@Controller
@RequestMapping("/book")
public class BookController {// 自动装配@Autowired// 指定一个 bean (bookServiceImpl)为 bookService 属性进行装配,可省略@Qualifier("bookServiceImpl")private BookService bookService;@RequestMapping("/allBooks")public String allBooks(Model model) {List<Books> books = bookService.queryAllBook();model.addAttribute("books", books);return "allBooks";}}
● 发布项目中导入依赖

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

● 添加服务器

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

● 运行服务器

在这里插入图片描述

在这里插入图片描述

Spring MVC 整合完毕!!!

(6) 整合测试

在这里插入图片描述

(7) CRUD

1) 增加

● 添加界面元素
<div class="col-md-1 column"><a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook"><%--添加--%><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16"><path d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z"/></svg></a>
</div>
● 添加跳转控制器
@RequestMapping("/toAddBook")
public String toAddBook() {return "addBook";
}
● 新建增加界面

在这里插入图片描述

<%--Created by IntelliJ IDEA.User: LENOVODate: 2021/9/17Time: 19:24To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Add Book</title><!-- 最新版本的 Bootstrap 核心 CSS 文件 --><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"><div class="col-md-12 column"><div class="page-header"><h1><small>添加书籍</small></h1></div></div></div><form action="${pageContext.request.contextPath}/book/addBook" method="post"><div class="form-group"><label for="name">书名</label><%--name 属性值与实体类属性同名--%><input type="text" class="form-control" id="name" name="bookName" required></div><div class="form-group"><label for="counts">数量</label><input type="text" class="form-control" id="counts" name="bookCounts" required></div><div class="form-group"><label for="detail">描述</label><input type="text" class="form-control" id="detail" name="detail" required></div><button type="submit" class="btn btn-primary">添加</button></form></div></body>
</html>

在这里插入图片描述

● 添加增加书籍控制器
@RequestMapping("/addBook")
public String addBook(Books book) {System.out.println("addBook.book => "+book);Integer addRes = bookService.addBook(book);System.out.println("addRes => " + addRes);return "redirect:/book/allBooks";
}

2) 删除

● 添加界面元素
<th>操作</th>
...
<td><a class="btn btn-primary" href="${pageContext.request.contextPath}/book/deleteBook/${book.bookId}"><%--删除--%><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg></a>
</td>
● 添加删除控制器
@RequestMapping("/deleteBook/{id}")
public String deleteBook(@PathVariable("id") Integer id) {Integer deleteRes = bookService.deleteBookById(id);System.out.println("deleteRes => " + deleteRes);return "redirect:/book/allBooks";
}

3) 修改

● 添加界面元素
<a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toUpdate?id=${book.bookId}">
<%--修改--%>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
<path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
<path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
</svg>
</a>
● 添加跳转控制器
@RequestMapping("/toUpdate")
public String toUpdate(Integer id, Model model) {Books book = bookService.queryBookById(id);System.out.println("toUpdate.book => "+book);model.addAttribute("book", book);return "updateBook";
}
● 添加修改界面

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Update Book</title><!-- 最新版本的 Bootstrap 核心 CSS 文件 --><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"><div class="col-md-12 column"><div class="page-header"><h1><small>修改书籍</small></h1></div></div></div><form action="${pageContext.request.contextPath}/book/updateBook" method="post"><div class="form-group"><label for="id">编号</label><%--type 为隐藏域name 属性值与实体类属性同名从toUpdatePage 控制器取出 value 属性值--%><input type="text" class="form-control" id="id" name="bookId" value="${book.bookId}" readonly></div><div class="form-group"><label for="name">书名</label><input type="text" class="form-control" id="name" name="bookName" value="${book.bookName}" required></div><div class="form-group"><label for="counts">数量</label><input type="text" class="form-control" id="counts" name="bookCounts" value="${book.bookCounts}" required></div><div class="form-group"><label for="detail">描述</label><input type="text" class="form-control" id="detail" name="detail" value="${book.detail}" required></div><button type="submit" class="btn btn-primary">修改</button></form></div></body>
</html>

在这里插入图片描述

● 添加修改控制器
@RequestMapping("/updateBook")
public String updateBook(Books book) {System.out.println("updateBook.book => "+book);Integer updateRes = bookService.updateBook(book);System.out.println("updateRes => " + updateRes);return "redirect:/book/allBooks";
}

4) 查询

● 添加界面元素
<div class="col-md-10"><form action="${pageContext.request.contextPath}/book/queryBookByName" method="post"><div class="input-group"><%--name 属性值与 Controller 参数名一致--%><input type="text" name="name" class="form-control" placeholder="请输入书籍名称" required><span class="input-group-btn"><button class="btn btn-default" type="submit" id="search"><%--搜索--%><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-search" viewBox="0 0 20 20"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg></button></span></div></form>
</div><div class="col-md-1 column"><a class="btn btn-primary" href="${pageContext.request.contextPath}/book/allBooks"><%--显示全部书籍--%><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-text-sidebar-reverse" viewBox="0 0 16 16"><path d="M12.5 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5zm0 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5zm.5 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z"/><path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2zM4 1v14H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h2zm1 0h9a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5V1z"/></svg></a>
</div>
...
<%--警告提示框--%>
<c:if test="${error!=null}"><div id="alert" class="alert alert-warning"><a href="#" class="close" data-dismiss="alert">&times;</a><strong>${error}</strong></div>
</c:if><%--关闭警告框--%>
<script>$(function(){$(".close").click(function(){$("#alert").alert();});});
</script>
● 添加查询控制器
@RequestMapping("/queryBookByName")
public String queryBookByName(String name, Model model) {System.out.println("queryBookByName.name => " + name);if (name == null || name.equals("")) {return "redirect:/book/allBooks";}List<Books> books = bookService.queryBookByName(name);System.out.println("queryBookByName.books.size => " + books.size());if (books.size() == 0) {String error = "警告!没有查询到此书籍。";model.addAttribute("error", error);books = bookService.queryAllBook();}model.addAttribute("books", books);return "allBooks";
}

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/144145.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

科技云报道:大模型的阴面:无法忽视的安全隐忧

科技云报道原创。 在AI大模型的身上&#xff0c;竟也出现了“to be or not to be”问题。 争议是伴随着大模型的能力惊艳四座而来的&#xff0c;争议的核心问题在于安全。安全有两个方面&#xff0c;一个是大模型带来的对人类伦理的思考&#xff0c;一个是大模型本身带来的隐…

私有继承和虚函数私有化能用么?

源起 以前就知道private私有化声明关键字&#xff0c;和virtual虚函数关键字两者并不冲突&#xff0c;可以同时使用。 但是&#xff0c;它所表示的场景没有那么明晰&#xff0c;也觉得难以理解&#xff0c;直到近段时间遇到一个具体场景。 场景 借助ACE遇到的问题进行展示 …

(SAR)Sentinel-1影像自动下载

基于ASF网站提供的python代码&#xff0c;实现Sentinel-1影像的自动下载&#xff1b; 1、登录ASF网站 登录Sentinel-1影像ASF网站&#xff1a;https://search.asf.alaska.edu/&#xff1b; 点击网站最右侧Sign in图标&#xff0c;进行用户注册&#xff1b; 注册完用户之后&…

怒刷LeetCode的第19天(Java版)

目录 第一题 题目来源 题目内容 解决方法 方法一&#xff1a;遍历一次数组 方法二&#xff1a;贪心算法 方法三&#xff1a;双指针 第二题 题目来源 题目内容 解决方法 方法一&#xff1a;动态规划 方法二&#xff1a;贪婪算法 方法三&#xff1a;正则表达式 第…

使用不同尺寸的传感器拍照时,怎么保证拍出同样视场范围的照片?

1、问题背景 使用竞品机做图像效果对比时&#xff0c;我们通常都会要求拍摄的照片要视场范围一致&#xff0c;这样才具有可比性。之前我会考虑用同样焦距、同样分辨率的设备去拍照对比就可以了&#xff0c;觉得相机的视场范围只由镜头焦距来决定。 但如果对于不同尺寸的传感器…

基于视频技术与AI检测算法的体育场馆远程视频智能化监控方案

一、方案背景 近年来&#xff0c;随着居民体育运动意识的增强&#xff0c;体育场馆成为居民体育锻炼的重要场所。但使用场馆内的器材时&#xff0c;可能发生受伤意外&#xff0c;甚至牵扯责任赔偿纠纷问题。同时&#xff0c;物品丢失、人力巡逻成本问题突出&#xff0c;体育场…

likeadmin和fastapi的bug

以下内容写于2023年8月11日 bug 1 请求体 - 多个参数 - FastAPI (tiangolo.com)中“请求体中的单一值”处&#xff0c;选python3.6&#xff0c;接口示例代码是 from typing import Unionfrom fastapi import Body, FastAPI from pydantic import BaseModel from typing_exte…

Kubernetes组件和架构简介

目录 一.概念简介 1.含义&#xff1a; 2.主要功能&#xff1a; 3.相关概念&#xff1a; 二.组件和架构介绍 1.master&#xff1a;集群的控制平面&#xff0c;管理集群 2.node&#xff1a;集群的数据平面&#xff0c;为容器提供工作环境 3.kubernetes简单架构图解 一.概…

无线WIFI工业路由器可用于楼宇自动化

钡铼4G工业路由器支持BACnet MS/TP协议。BACnet MS/TP协议是一种用于工业自动化的开放式通信协议&#xff0c;被广泛应用于楼宇自动化、照明控制、能源管理等领域。通过钡铼4G工业路由器的支持&#xff0c;可以使设备间实现高速、可靠的数据传输&#xff0c;提高自动化水平。 钡…

SpringBoot——常用注解

Spring Web MVC与Spring Bean注解 Controller/RestController Controller是Component注解的一个延伸&#xff0c;Spring 会自动扫描并配置被该注解标注的类。此注解用于标注Spring MVC的控制器。 Controller RequestMapping("/api/v1") public class UserApiContr…

LeetCode 518.零钱兑换II 动态规划 + 完全背包 + 组合数

给你一个整数数组 coins 表示不同面额的硬币&#xff0c;另给一个整数 amount 表示总金额。请你计算并返回可以凑成总金额的硬币组合数。如果任何硬币组合都无法凑出总金额&#xff0c;返回 0 。 假设每一种面额的硬币有无限个。 题目数据保证结果符合 32 位带符号整数。 示例…

leetCode 62.不同路径 动态规划 + 空间复杂度优化

62. 不同路径 - 力扣&#xff08;LeetCode&#xff09; 一个机器人位于一个 m x n 网格的左上角 &#xff08;起始点在下图中标记为 “Start” &#xff09;。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角&#xff08;在下图中标记为 “Finish” &#xf…

大数据之Flume

Flume概述 一个高可用&#xff08;稳定&#xff09;&#xff0c;高可靠&#xff08;稳定&#xff09;&#xff0c;分布式的海量日志采集&#xff0c;聚合和传输的系统。Flume基于流式架构&#xff0c;灵活简单。日志文件即txt文件&#xff0c;不能传输音频&#xff0c;视频&am…

194、SpringBoot -- 下载和安装 Erlang 、 RabbitMQ

本节要点&#xff1a; 一些命令&#xff1a; 小黑窗输入&#xff1a; rabbitmq-plugins enable rabbitmq_management 启动控制台插件 rabbitmq-server 启动rabbitMQ服务器 管理员启动小黑窗&#xff1a; rabbitmq-service install 添加rabbitMQ为本地服务 启动浏览器访问 ht…

stl格式-3D三角形

文章目录 什么是stl文件?格式首选stl的语法1.这是一个stl格式的文件:(ASCII码)2.下面先举个例子(难度略微提示)补充:关于\<\<我试了一下:这个法线你随便写好像也没问题\>> 3.来个立方体4.最后再写一个由三个直角形组成的立方体(直棱锥)5.amend 修正(右手定则,法线…

如何定时备份使用Docker构建的MySQL容器中的数据库

&#x1f468;&#x1f3fb;‍&#x1f4bb; 热爱摄影的程序员 &#x1f468;&#x1f3fb;‍&#x1f3a8; 喜欢编码的设计师 &#x1f9d5;&#x1f3fb; 擅长设计的剪辑师 &#x1f9d1;&#x1f3fb;‍&#x1f3eb; 一位高冷无情的编码爱好者 大家好&#xff0c;我是 DevO…

单目标应用:基于螳螂搜索算法(Mantis Search Algorithm,MSA)的微电网优化调度MATLAB

一、螳螂搜索算法 螳螂搜索算法&#xff08;Mantis Search Algorithm&#xff0c;MSA&#xff09;由Mohamed Abdel-Basset等人于2023年提出&#xff0c;该算法模拟螳螂独特的狩猎和性同类相食行为。MSA由三个优化阶段组成&#xff0c;包括寻找猎物&#xff08;探索&#xff09…

OpenHarmony自定义组件介绍

一、创建自定义组件 在ArkUI中&#xff0c;UI显示的内容均为组件&#xff0c;由框架直接提供的称为系统组件&#xff0c;由开发者定义的称为自定义组件。在进行 UI 界面开发时&#xff0c;通常不是简单的将系统组件进行组合使用&#xff0c;而是需要考虑代码可复用性、业务逻辑…

Windows 下安装和配置 Redis (详细图文)

目录 下载 Redis安装 Redis配置 Redis修改密码(可选)配置环境变量注册系统服务 Redis 桌面管理工具附&#xff1a;开源项目微服务商城项目前后端分离项目 下载 Redis 访问 Redis 下载地址&#xff1a;https://github.com/tporadowski/redis/releases 下载 Redis 时&#xff0c…

Golang的测试、基准测试和持续集成

在Golang中&#xff0c;内置的垃圾回收器处理内存管理&#xff0c;自动执行内存分配和释放。 单元测试是软件开发中至关重要的一个方面&#xff0c;它确保了代码的正确性并在开发过程中尽早发现错误。在Go中&#xff0c;编写有效的单元测试非常简单&#xff0c;并为开发人员提…