整合 SSM
文章目录
1、环境
- IDEA
- MySQL 5.7.19
- Tomcat 9
- Maven 3.6
2、数据库环境
创建一个存放书籍数据的数据库表：
CREATE DATABASE `ssmbuild`;
USE `ssmbuild`;
DROP TABLE IF EXISTS `books`;
CREATE TABLE `books` (
`bookID` INT(10) NOT NULL AUTO_INCREMENT COMMENT '书id',
`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
`bookCounts` INT(11) NOT NULL COMMENT '数量',
`detail` VARCHAR(200) NOT NULL COMMENT '描述',
KEY `bookID` (`bookID`)
) ENGINE=INNODB DEFAULT CHARSET=utf8
INSERT INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'Java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');
3、基本环境搭建
-
新建一个 Maven 项目，添加 web 支持
-
导入相关的 pom 依赖
<dependencies> <!--Junit--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.13</version> </dependency> <!--数据库驱动--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.49</version> </dependency> <!-- 数据库连接池 --> <dependency> <groupId>com.mchange</groupId> <artifactId>c3p0</artifactId> <version>0.9.5.5</version> </dependency> <!--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> <!--Mybatis--> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.7</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.6</version> </dependency> <!--Spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.3.10</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>5.3.10</version> </dependency> <!--Lombok--> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.20</version> </dependency> </dependencies> -
配置 Maven 资源过滤
<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> -
建立基本结构
- pojo 包
- dao 包
- service 包
- controller 包
-
建立配置框架
-
mybatis-config.xml：MyBatis的核心配置文件
<?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> -
applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd"> </beans>
-
4、MyBatis 层编写
-
编写数据库配置文件 database.properties（db.properties）
- 如果 MySQL 是 8.0 以上的版本，需要在 url 中添加一个时区的设置，否则会报错
jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8 jdbc.username=root jdbc.password=root -
IDEA 关联数据库
-
编写 MyBatis 的核心配置文件
<!--别名--> <typeAliases> <package name="com.aze.pojo"/> </typeAliases> <!--注册 Mapper--> <mappers> <mapper resource="com/aze/dao/BookMapper.xml"/> </mappers> -
使用 lombok 编写数据库对应的实体类 Books
@Data @AllArgsConstructor @NoArgsConstructor public class Books { private int bookID; private String bookName; private int bookCounts; private String detail; } -
编写 dao 层的 Mapper 接口
public interface BooksMapper { // 增加一个 book int addBook(Books books); // 根据 id 删除一个 book int deleteBookById(int id); // 修改一个book int updateBook(Books books); // 根据 id 查询一个 book Books queryBookById(int id); // 查询所有 book List<Books> queryAllBook(); } -
编写 Mapper 接口对应的 Mapper.xml 文件（这里需要导入了 mybatis 的包）
<?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> <!--增加一个 book--> <insert id="addBook" parameterType="books"> insert into ssmbuild.books (bookName, bookCounts, detail) values (#{bookName},#{bookCounts},#{detail}); </insert> <!--根据 id 删除一个 book--> <delete id="deleteBookById" parameterType="int"> delete from ssmbuild.books where bookID=#{bookID} </delete> <!--修改一个book--> <update id="updateBook" parameterType="books"> update ssmbuild.books set bookName=#{bookName},bookCounts=#{bookCounts},detail=#{detail} where bookID=#{bookID}; </update> <!--根据 id 查询一个 book--> <select id="queryBookById" resultType="books"> select * from ssmbuild.books where bookID=#{bookID}; </select> <!--查询所有 book--> <select id="queryAllBook" resultType="books"> select * from ssmbuild.books; </select> </mapper> -
编写 Service 层的接口
//BookService:底下需要去实现,调用dao层 public interface BooksService { //增加一个Book int addBook(Books book); //根据id删除一个Book int deleteBookById(int id); //更新Book int updateBook(Books books); //根据id查询,返回一个Book Books queryBookById(int id); //查询全部Book,返回list集合 List<Books> queryAllBook(); } -
编写 Service 层接口的实现类
public class BookServiceImpl implements BooksService { // 调用 dao 层的操作 private BooksMapper booksMapper; // 设置一个 set 接口，方便 Spring 管理 public void setBooksMapper(BooksMapper booksMapper) { this.booksMapper = booksMapper; } public int addBook(Books book) { return booksMapper.addBook(book); } public int deleteBookById(int id) { return booksMapper.deleteBookById(id); } public int updateBook(Books books) { return booksMapper.updateBook(books); } public Books queryBookById(int id) { return booksMapper.queryBookById(id); } public List<Books> queryAllBook() { return booksMapper.queryAllBook(); } }
5、Spring 层编写
-
配置 Spring 整合 Mybatis（重要）
- 这里使用的数据源是 c3p0 连接池
jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8 jdbc.username=root jdbc.password=root -
编写 Spring 整合 MyBatis 的相关配置文件（spring-dao.xml）
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xsi:schemaLocation="http://www.springframework.org/schema/beans 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:database.properties"/> <!-- 2.数据库连接池 --> <!--数据库连接池 dbcp 半自动化操作 不能自动连接 c3p0 自动化操作（自动的加载配置文件 并且设置到对象里面） --> <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.配置 SqlSessionFactory 对象 --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <!-- 注入数据库连接池 --> <property name="dataSource" ref="dataSource"/> <!-- 配置MyBaties全局配置文件:mybatis-config.xml --> <property name="configLocation" value="classpath:mybatis-config.xml"/> </bean> <!-- 4.配置扫描 Dao 接口包，动态实现 Dao 接口注入到 spring 容器中 --> <!--解释 ：https://www.cnblogs.com/jpfss/p/7799806.html--> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <!-- 注入sqlSessionFactory --> <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/> <!-- 给出需要扫描Dao接口包 --> <property name="basePackage" value="com.aze.dao"/> </bean> </beans> -
spring 整合 service 层
<?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 http://www.springframework.org/schema/context/spring-context.xsd"> <!-- 扫描 service 相关的 bean --> <context:component-scan base-package="com.aze.service"/> <!--BookServiceImpl 注入到 IOC 容器中--> <bean id="BooksServiceImpl" class="com.aze.service.BooksServiceImpl"> <property name="booksMapper" ref="booksMapper"/> </bean> <!-- 配置事务管理器 --> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <!-- 注入数据库连接池 --> <property name="dataSource" ref="dataSource"/> </bean> </beans> -
在 applicationContext.xml 配置文件导入 以上两个配置文件，关联起来
<import resource="classpath:spring-dao.xml"/> <import resource="classpath:spring-service.xml"/>
6、SpringMVC 层编写
-
编写 web.xml
<!--DispatcherServlet--> <servlet> <servlet-name>DispatcherServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <!--一定要注意:我们这里加载的是总的配置文件，之前被这里坑了！--> <param-value>classpath:applicationContext.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>DispatcherServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <!--encodingFilter--> <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-config> <session-timeout>15</session-timeout> </session-config> -
编写 spring-mvc.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!-- 配置SpringMVC --> <!-- 1.开启SpringMVC注解驱动 --> <mvc:annotation-driven /> <!-- 2.静态资源默认servlet配置--> <mvc:default-servlet-handler/> <!-- 3.配置jsp 显示ViewResolver视图解析器 --> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" /> <property name="prefix" value="/WEB-INF/jsp/" /> <property name="suffix" value=".jsp" /> </bean> <!-- 4.扫描web相关的bean --> <context:component-scan base-package="com.aze.controller" /> </beans> -
将 spring-mvc.xml 文件整合（applicationContext.xml）
<import resource="classpath:spring-dao.xml"/> <import resource="classpath:spring-service.xml"/> <import resource="classpath:spring-mvc.xml"/>
7、测试
7.1 书籍列表
-
编写 BooksController 类
@Controller @RequestMapping("/books") public class BooksController { @Autowired @Qualifier("BooksServiceImpl") private BooksService booksService; @RequestMapping("allBook") public String queryAllBook(Model model){ List<Books> booksList = booksService.queryAllBook(); model.addAttribute("booksList",booksList); return "allBook"; } } -
编写首页（index.jsp）
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>首页</title> <style type="text/css"> h3 { width: 200px; height: 50px; margin: 100px auto; text-align: center; line-height: 50px; background-color: gainsboro; border-radius: 8px; } a { text-decoration: none; color: black; font-size: 25px; } </style> </head> <body> <h3> <a href="${pageContext.request.contextPath}/books/allBook">查询所有书籍</a> </h3> </body> </html> -
书籍列表页面（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> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="page-header"> <h1> <small>书籍列表 —— 显示所有书籍</small> </h1> </div> </div> </div> <div class="row 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> <c:forEach var="book" items="${list}"> <tr> <td>${book.bookID}</td> <td>${book.bookName}</td> <td>${book.bookCounts}</td> <td>${book.detail}</td> </c:forEach> </tbody> </table> </div> </div> </div> </body> </html> -
配置 Tomcat
-
测试
7.2 添加书籍
-
编写 BooksController 类
@RequestMapping("/toAddBookPaper") public String toAddBookPaper(){ return "addBook"; } @RequestMapping("/addBook") public String addBook(Books books){ booksService.addBook(books); return "redirect:/books/allBook"; } -
添加书籍页面（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> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row clearfix"> <div class="page-header"> <h1> <span>新增书籍</span> </h1> </div> </div> <form action="${pageContext.request.contextPath}/books/addBook" method="post"> <div class="form-group"> <label>书籍名称</label> <input class="form-control" type="text" name="bookName" required/><br> </div> <div class="form-group"> <label>书籍数量</label> <input class="form-control" type="text" name="bookCounts" required/><br> </div> <div class="form-group"> <label>书籍详情</label> <input class="form-control" type="text" name="detail" required/><br> </div> <div class="form-group"> <input class="form-control" type="submit" value="提交"> </div> </form> </div> </body> </html> -
修改书籍列表页面，在书籍列表页面中增加新增书籍按钮
<div class="row"> <div class="col-md-4 column"> <a class="btn btn-primary" href="${pageContext.request.contextPath}/books/toAddBookPaper">新增书籍</a> </div> </div> -
测试
7.3 修改、删除书籍
-
编写 BooksController 类
-
修改
@RequestMapping("/toUpdateBookPaper") public String toUpdateBookPaper(int id,Model model){ Books books = booksService.queryBookById(id); model.addAttribute("book",books); return "updateBook"; } @RequestMapping("/updateBook") public String updateBook(Books books,Model model){ booksService.updateBook(books); Books bookById = booksService.queryBookById(books.getBookID()); model.addAttribute("bookById",bookById); return "redirect:/books/allBook"; } -
删除
@RequestMapping("/deleteBook/{bookID}") public String deleteBook(@PathVariable("bookID") int id){ booksService.deleteBookById(id); return "redirect:/books/allBook"; }
-
-
添加修改页面
- 就是拿增添的页面进行修改一下
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>修改信息</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div class="page-header"> <h1> <small>修改书籍信息</small> </h1> </div> </div> </div> <form action="${pageContext.request.contextPath}/books/updateBook" method="post"> <input type="hidden" name="bookID" value="${book.bookID}"/> <div class="form-group"> <label>书籍名称</label> <input class="form-control" type="text" name="bookName" value="${book.bookName}" required/><br> </div> <div class="form-group"> <label>书籍数量</label> <input class="form-control" type="text" name="bookCounts" value="${book.bookCounts}" required/><br> </div> <div class="form-group"> <label>书籍详情</label> <input class="form-control" type="text" name="detail" value="${book.detail}" required/><br> </div> <div class="form-group"> <input class="form-control" type="submit" value="修改"> </div> </form> </div> -
修改书籍列表页面，在书籍列表页面中增加操作一列，操作一列中有修改和删除功能
<div class="row clearfix"> <div class="col-md-12 column"> <table class="table table-hover table-striped"> <thead> <tr> <th>书籍编号</th> <th>书籍名字</th> <th>书籍数量</th> <th>书籍详情</th> <th>操作</th> </tr> </thead> <tbody> <c:forEach 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}/books/toUpdateBookPaper?id=${book.bookID}">修改</a>| <a href="${pageContext.request.contextPath}/books/deleteBook/${book.bookID}">删除</a> </td> </c:forEach> </tbody> </table> </div> </div>
7.4 搜索书籍
-
编写 Mapper 以及 Mapper 接口
// 根据书名搜素 book Books queryBookByName(@Param("bookName") String name);<!--根据书名搜素 book--> <select id="queryBookByName" resultType="books"> select * from ssmbuild.books where bookName=#{bookName}; </select> -
编写 Service 以及 Service 接口
// 根据书名搜素 book Books queryBookByName(String name);public Books queryBookByName(String name){ return booksMapper.queryBookByName(name); } -
编写 Controller 类
@RequestMapping("/queryBookByName") public String queryBookByName(String bookName,Model model){ Books books = booksService.queryBookByName(bookName); List<Books> booksList = new ArrayList<Books>(); booksList.add(books); if (books==null){ booksList = booksService.queryAllBook(); model.addAttribute("error","查找不到"); } model.addAttribute("list",booksList); return "allBook"; } -
修改 书籍列表页面，在新增书籍功能同一行增添搜索框
<div class="row"> <div class="col-md-4 column"> <a class="btn btn-primary" href="${pageContext.request.contextPath}/books/toAddBookPaper">新增书籍</a> </div> <div class="col-md-4 column"> <form class="form-inline" action="${pageContext.request.contextPath}/books/queryBookByName" method="post" style="float: right"> <span style="color: red;">${error}</span> <input class="form-control" type="text" name="bookName" placeholder="请输入书名"/> <input class="btn btn-primary" type="submit" value="查询"> </form> </div> </div> -
测试
扫一扫
11万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
