环境要求 IDEA MySQL 5.7.19 Tomcat 9 Maven 3.6 要求： 需要熟练掌握MySQL数据库，Spring，JavaWeb及MyBatis知识，简单的前端知识；数据库环境 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,'从进门到进牢'); 基本环境搭建 1.新建一个Maven项目, ssmbuild ， 添加web的支持. 2.导入相关依赖 <!--依赖 --> <dependencies> <!--junit--> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency> <!--数据库驱动--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.47</version> </dependency> <!--数据库连接池--> <dependency> <groupId>com.mchange</groupId> <artifactId>c3p0</artifactId> <version>0.9.5.2</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.2</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.3</version> </dependency> <!--spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.2.0.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>5.2.0.RELEASE</version> </dependency> </dependencies>

3.静态资源过滤问题

<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>

4.建立基本结构和配置框架！

com.csdn.pojo com.csdn.dao com.csdn.service com.csdn.controller mybatis-config.xml applicationContext.xml db.properties

Mybatis层编写 1.数据库配置文件 database.properties

jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=UTF-8 jdbc.username=root jdbc.password=root

2.IDEA关联数据库 3.编写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> <!--配置数据源,交给Spring去做--> <!--设置别名--> <typeAliases> <package name="com.csdn.pojo"/> </typeAliases> <mappers> <mapper class="com.csdn.dao.BookMapper"/> </mappers> </configuration>

4.编写数据库对应的实体类 com.csdn.pojo.Books

package com.csdn.pojo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; @Data @AllArgsConstructor @NoArgsConstructor public class Books { private int bookID; private String bookName; private int bookCounts; private String detail; }

5.编写dao层的Mapper接口

package com.csdn.dao; import com.csdn.pojo.Books; import org.apache.ibatis.annotations.Param; import java.awt.print.Book; import java.util.List; public interface BookMapper { //增加一本书 int addBook(Books books); //删除一本书 int deleteBookById(@Param("bookID") int id); //更新一本书 int updateBook(Books books); //查询一本书 Books queryById(@Param("bookID") int id); //查询全部的书 List<Books> queryAllBook(); }

6.编写接口对应的 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 namespace="com.csdn.dao.BookMapper"> <insert id="addBook" parameterType="books"> insert into books (bookName, bookCounts, detail) values (#{bookName},#{bookCounts},#{detail}); </insert> <delete id="deleteBookById" parameterType="int"> delete from books where bookID=#{bookID} </delete> <update id="updateBook" parameterType="books"> update books set bookName =#{bookName},bookCounts=#{bookCounts},detail=#{detail}' where bookID=#{bookID}; </update> <select id="queryById" resultType="books"> select * from books where bookID=#{bookID} </select> <select id="queryAllBook" resultType="books"> select * from books; </select> </mapper>

7.编写Service层的接口和实现类

package com.csdn.service; import com.csdn.pojo.Books; import org.apache.ibatis.annotations.Param; import java.util.List; public interface BookService { //增加一本书 int addBook(Books books); //删除一本书 int deleteBookById(int id); //更新一本书 int updateBook(Books books); //查询一本书 Books queryById(int id); //查询全部的书 List<Books> queryAllBook(); } package com.csdn.service; import com.csdn.dao.BookMapper; import com.csdn.pojo.Books; import org.springframework.stereotype.Service; import java.util.List; @Service public class BookServiceImpl implements BookService { //Service调用Dao层 private BookMapper bookMapper; public void setBookMapper(BookMapper bookMapper) { this.bookMapper = bookMapper; } @Override public int addBook(Books books) { return bookMapper.addBook(books); } @Override public int deleteBookById(int id) { return bookMapper.deleteBookById(id); } @Override public int updateBook(Books books) { return bookMapper.updateBook(books); } @Override public Books queryById(int id) { return bookMapper.queryById(id); } @Override public List<Books> queryAllBook() { return bookMapper.queryAllBook(); } }

Spring层 1.配置Spring整合MyBatis，我们这里数据源使用c3p0连接池； 2.我们去编写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"> <!--1.关联数据库配置文件 --> <context:property-placeholder location="classpath:db.properties"/> <!-- 2.连接池 dbcp c3p0 druid --> <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}"/> </bean> <!--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接口扫描包,动态的实现了Dao接口可以注入到Spring容器中--> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <!--要扫描的dao包 --> <property name="basePackage" value="com.csdn.dao"/> <!--注入 sqlSessionFactory--> <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/> </bean> </beans>

3.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" xmlns:tx="http://www.springframework.org/schema/cache" 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/cache http://www.springframework.org/schema/cache/spring-cache.xsd"> <!--1.扫描Service包 --> <context:component-scan base-package="com.csdn.service"/> <!--2.将我们的所有业务类,注入到Spring,可以通过配置或者注解实现 --> <bean id="BookServiceImpl" class="com.csdn.service.BookServiceImpl"> <property name="bookMapper" ref="bookMapper"/> </bean> <!--3.声明式事务配置 --> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <!--注入数据源 --> <property name="dataSource" ref="dataSource"/> </bean> <!--aop事务支持 --> </beans>

SpringMVC层 1.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"> <!--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:spring-mvc.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> <!--乱码过滤Filter --> <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> </web-app>

2.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: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 http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd"> <!--1.注解驱动 --> <mvc:annotation-driven/> <!--2.静态资源过滤 --> <mvc:default-servlet-handler/> <!--3.扫描包 --> <context:component-scan base-package="com.csdn.controller"/> <!--4.视图解析器 --> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> </beans>

3.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/beans http://www.springframework.org/schema/beans/spring-beans.xsd"> <import resource="spring-dao.xml"/> <import resource="spring-service.xml"/> <import resource="spring-mvc.xml"/> </beans>

配置文件，暂时结束！

Controller 和 视图层编写 1.BookController 类编写 ， 方法一：查询全部书籍

@Controller @RequestMapping("/book") public class BookController { //Controller层调用Service层 @Autowired @Qualifier("BookServiceImpl") private BookService bookService; //查询全部的书籍,并且返回到一个书籍展示页面 @RequestMapping("/allBook") public String list(Model model){ List<Books> list = bookService.queryAllBook(); model.addAttribute("list",list); return "allBook"; } }

2.编写首页index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>首页</title> <style> a{ text-decoration: none; color: pink; font-size: 18px; } h2{ width: 180px ; height: 38px; margin: 100px auto; text-align: center; line-height: 38px; background:lightblue; border-radius: 5px; } </style> </head> <body> <h2> <a href="${pageContext.request.contextPath}/book/allBook">进入书籍页面</a> </h2> </body> </html>

3.书籍列表页面 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> <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 class="row"> <div class="col-md-4 column"> <%-- toAddBook--%> <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddPage">添加书籍</a> </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> <%--书籍从数据库中查询出来,从list中便利出来 --%> <tbody> <c:forEach var="book" items="${list}"> <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>

4.BookController 类编写 ， 方法二：添加书籍

// 跳转到增加书籍页面 @RequestMapping("/toAddPage") public String toAddPage(){ return "addBook"; } //添加书籍的请求 方法 @RequestMapping("/addBook") public String addBook(Books books){ System.out.println("addBook=>"+books); //控制台看打印输出结果以便调试 bookService.addBook(books); return "redirect:/book/allBook"; //重定向到我们的@RequestMapping("/allBook")请求; }

Tips:这里接收的参数是Books,所以前端的表单提交字段name要跟实体类中的字段一致 否则报错 5.添加书籍页面：addBook.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>添加书籍</title> <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}/book/addBook" method="post"> <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> <div class="form-group"> <input type="submit" class="form-control" value="添加"> </div> </form> </div> </body> </html>

6.BookController 类编写 ， 方法三：修改书籍

//跳转到修改操作页面 @RequestMapping("/toupdatePage") public String toUpdatePage(int id,Model model){ Books books = bookService.queryById(id); model.addAttribute("Qbooks",books); return "updateBook"; } //修改书籍的请求方法 @RequestMapping("/updateBook") public String updateBook(Books books){ System.out.println("updateBook=>"+books); bookService.updateBook(books); return "redirect:/book/allBook"; }

7.修改书籍页面 updateBook.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>修改书籍页面</title> <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}/book/updateBook" method="post"> <%--出现的问题:我们提交了修改的SQL请求,但是修改失败,初次考虑,是事务问题,配置完毕事务,依旧失败!--%> <%--看了一下SQL语句,能否执行成功:SQL执行失败,修改未完成--%> <%--前端传递隐藏域--%> <input type="hidden" name="bookID" value="${Qbooks.bookID}"> <div class="form-group"> <label>书籍名称</label> <input type="text" name="bookName" class="form-control" value="${Qbooks.bookName}" required> </div> <div class="form-group"> <label>书籍数量</label> <input type="text" name="bookCounts" class="form-control" value="${Qbooks.bookCounts}" required> </div> <div class="form-group"> <label>书籍描述</label> <input type="text" name="detail" class="form-control" value="${Qbooks.detail}" required> </div> <div class="form-group"> <input type="submit" class="form-control" value="修改"> </div> </form> </div> </body> </html> 遇到的问题: | 运行修改的时候,提交修改之后数据没有发生改变. 后续解决方案为:添加事务; 添加事务完成之后,依旧修改失败,发现写的方法是通过ID来更新数据,因此SQL执行失败 . 后续解决方案:在前端页面中添加一个ID的隐藏域;

在spring-service.xml中添加事务 首先得导入依赖

<dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjweaver</artifactId> <version>1.9.4</version> </dependency> <!--aop事务支持 --> <!--结合AOP实现事务的织入--> <!--配置事务通知--> <tx:advice id="txAdvice" transaction-manager="transactionManager"> <!--给哪些方法配置事务 --> <tx:attributes> <tx:method name="add" propagation="REQUIRED"/> <tx:method name="delete" propagation="REQUIRED"/> <tx:method name="update" propagation="REQUIRED"/> <tx:method name="query" read-only="true"/> <tx:method name="*" propagation="REQUIRED"/> </tx:attributes> </tx:advice> <!--配置事务切入 --> <aop:config> <aop:pointcut id="txPointCut" expression="execution(* com.csdn.dao.*.*(..))"/> <aop:advisor advice-ref="txAdvice" pointcut-ref="txPointCut"/> </aop:config>

并且为了后续的调试,决定在myabtis-config.xml添加一个日志实现

<!--日志实现 --> <settings> <setting name="logImpl" value="STDOUT_LOGGING"/> </settings>

8.BookController 类编写 ， 方法四：删除书籍

//删除书籍 //这里采用restful风格 @RequestMapping("/deleteBook/{bookid}") public String deleteBook(@PathVariable("bookid") int id){ bookService.deleteBookById(id); return "redirect:/book/allBook"; }

在allallBook.jsp中将删除的链接补充完整

<a href="${pageContext.request.contextPath}/book/deleteBook/${book.bookID}">删除</a>

8.搜索书籍功能 在如图位置添加搜索的前端代码 dao层和xml

//查询书籍 Books queryBookByName(@Param("bookName")String bookName); <select id="queryBookByName" resultType="books"> select * from books where bookName=#{bookName} </select>

Service层和实现类

//查询书籍 Books queryBookByName(String bookName); public Books queryBookByName(String bookName) { return bookMapper.queryBookByName(bookName); }

controller层

//查询书籍 @RequestMapping("/queryBook") public String queryBook(String queryBookName,Model model){ Books books = bookService.queryBookByName(queryBookName); System.err.println("queryBook=>"+books); List<Books> list=new ArrayList<>(); list.add(books); //查询优化 if(books==null){ list=bookService.queryAllBook(); model.addAttribute("error","未查到有关字条的记录"); } model.addAttribute("list",list); return "allBook"; }

完美收官~

整体结构图

本项目为SSM入门小Demo,CRUD的简单运用,配置文件的编写思路以及MVC架构的体现~