环境要求
环境:
- IDEA
- MySQL 8.0.19
- Tomcat 9
- Maven 3.6
要求:
- 熟练掌握MySQL数据库,Spring、Java Web及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.导入相关的jar依赖
<dependencies>
<!-- junit -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
<!-- JDBC -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>8.0.11</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.2</version>
</dependency>
<!-- mybatis-spring -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.2</version>
</dependency>
<!-- spring -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
</dependencies>
3.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>
4.建立基本结构和配置框架
- com.fj.pojo
- com.fj.dao
- com.fj.service
- com.fj.controller
- 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>
</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>
Mybatis层的编写
1.数据库配置文件 database.properties
driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=false&useUnicode=false&serverTimezone=GMT&allowPublicKeyRetrieval=true
user=root
password=fj123456
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.fj.pojo"/>
</typeAliases>
<mappers>
<mapper class="com.fj.dao.BookMapper"/>
</mappers>
</configuration>
4.编写数据库对应的实体类:com.fj.pojo.Books
使用Lombok插件
package com.fj.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.fj.dao;
import com.fj.pojo.Books;
import org.apache.ibatis.annotations.Param;
import java.util.List;
public interface BookMapper {
//增加一本书
int addBooks(Books books);
//删除一本书
int deleteBooks(@Param("bookID") int id);
//查找某一本书
Books getBooksById(@Param("bookID") int id);
//修改一本书的信息
int updateBooks(Books books);
//查询所有书籍
List<Books> getAllBooks();
}
6.编写接口对应的Mapper.xml文件,导入Mybatis包
<?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="com.fj.dao.BookMapper">
<insert id="addBooks" parameterType="Books">
insert into ssmbuild.books (bookName, bookCounts, detail)
values (#{bookName}, #{bookCounts}, #{detail});
</insert>
<delete id="deleteBooks" parameterType="int">
delete from ssmbuild.books where bookID = #{bookID};
</delete>
<update id="updateBooks" parameterType="Books">
update ssmbuild.books set bookName = #{bookName},
bookCounts = #{bookCounts}, detail = #{detail}
where bookID = #{bookID};
</update>
<select id="getBooksById" resultType="Books">
select * from ssmbuild.books where bookID = #{bookID};
</select>
<select id="getAllBooks" resultType="Books">
select * from ssmbuild.books;
</select>
</mapper>
7.编写Service层的接口和实现类
接口:
package com.fj.service;
import com.fj.pojo.Books;
import org.apache.ibatis.annotations.Param;
import java.util.List;
public interface BookService {
//增加一本书
int addBooks(Books books);
//删除一本书
int deleteBooks(int id);
//查找某一本书
Books getBooksById(int id);
//修改一本书的信息
int updateBooks(Books books);
//查询所有书籍
List<Books> getAllBooks();
}
实现类:
package com.fj.service;
import com.fj.dao.BookMapper;
import com.fj.pojo.Books;
import java.util.List;
public class BookServiceImpl implements BookService {
//组合Dao
private BookMapper bookMapper;
public void setBookMapper(BookMapper bookMapper) {
this.bookMapper = bookMapper;
}
public int addBooks(Books books) {
return bookMapper.addBooks(books);
}
public int deleteBooks(int id) {
return bookMapper.deleteBooks(id);
}
public Books getBooksById(int id) {
return bookMapper.getBooksById(id);
}
public int updateBooks(Books books) {
return bookMapper.updateBooks(books);
}
public List<Books> getAllBooks() {
return bookMapper.getAllBooks();
}
}
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:database.properties"/>
<!-- 2.数据库连接池
dbcp:半自动化操作,不能自动连续
c3p0:自动化操作,自动化加载配置文件,可以自动设置到对象中
druid:
hikari:
-->
<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
<property name="driverClass" value="${driver}"/>
<property name="jdbcUrl" value="${url}"/>
<property name="user" value="${user}"/>
<property name="password" value="${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"/>
<!-- 绑定Mybatis的配置文件 -->
<property name="configLocation" value="classpath:mybatis-config.xml"/>
</bean>
<!-- 配置dao接口扫描包,动态地实现了Dao层接口可以注入到Spring容器中 -->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<!-- 注入sqlSessionFactory -->
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
<!-- 要扫描地dao包 -->
<property name="basePackage" value="com.fj.dao"/>
</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"
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.扫描Service下的包 -->
<context:component-scan base-package="com.fj.service"/>
<!-- 2.将所有的业务注入到Spring,可以通过配置或者注解实现 -->
<bean id="BookServiceImpl" class="com.fj.service.BookServiceImpl">
<property name="bookMapper" ref="bookMapper"/>
</bean>
<!-- 3.声明式事务配置 -->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<!-- 注入数据源 -->
<property name="dataSource" ref="dataSource"/>
</bean>
<!-- 4.AOP事务支持 -->
</beans>
Spring MVC层
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>springmvc</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>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 乱码过滤 -->
<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: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/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">
<!-- 1.注解驱动 -->
<mvc:annotation-driven/>
<!-- 2.静态资源过滤 -->
<mvc:default-servlet-handler/>
<!-- 3.扫描包:Controller -->
<context:component-scan base-package="com.fj.controller"/>
<!-- 4.视图解析器 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
id="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="classpath:spring/spring-dao.xml"/>
<import resource="classpath:spring/spring-service.xml"/>
<import resource="classpath:spring/spring-mvc.xml"/>
</beans>
Controller和视图层编写
查询所有书籍
1.BookController类编写
@Controller
@RequestMapping("/book")
public class BookController {
//调Service层
@Autowired
@Qualifier("BookServiceImpl")
private BookService bookService;
//查询所有的数据,并返回到一个书籍展示页面
@RequestMapping("/allbook")
public String list(Model model){
List<Books> bookList = bookService.getAllBooks();
model.addAttribute("bookList", bookList);
return "allBook";
}
}
2.编写首页 index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
<style>
a{
text-decoration: none;
color: blueviolet;
font-size: 18px;
}
h3{
width: 180px;
height: 38px;
margin: 100px auto;
text-align: center;
line-height: 38px;
}
</style>
</head>
<body>
<h3>
<a href="${pageContext.request.contextPath}/book/allbook">查看所有书籍</a>
</h3>
</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>
<%-- BootStrap --%>
<link href="https://cdn.staticfile.org/twitter-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="${bookList}">
<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>
添加书籍
1.编写BookController类
//跳转到增加书籍页面
@RequestMapping("/toAddBook")
public String toAddPage(){
return "addBook";
}
//添加书籍
@RequestMapping("/addBook")
public String addBook(Books books){
bookService.addBooks(books);
return "redirect:/book/allBook";
}
2.添加书籍页面 addBook.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>书籍添加</title>
<%-- BootStrap --%>
<link href="https://cdn.staticfile.org/twitter-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 for="bookName">书籍名称:</label>
<input type="text" class="form-control" id="bookName" name="bookName" required />
</div>
<div class="form-group">
<label for="bookCounts">书籍数量:</label>
<input type="text" class="form-control" id="bookCounts" 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-default">添加</button>
</form>
</div>
</body>
</html>
修改书籍
1.编写BookController类
//跳转到修改书籍页面
@RequestMapping("/toUpdateBook")
public String toUpdatePage(int id, Model model){
Books books = bookService.getBooksById(id);
model.addAttribute("book", books);
return "updateBook";
}
//修改书籍
@RequestMapping("/updateBook")
public String updateBook(Books books){
bookService.updateBooks(books);
return "redirect:/book/allBook";
}
2.修改书籍页面,updateBook.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>修改书籍</title>
<%-- BootStrap --%>
<link href="https://cdn.staticfile.org/twitter-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">
<div class="form-group">
<label for="bookName">书籍名称:</label>
<input type="text" class="form-control" id="bookName" name="bookName" value="${book.bookName}" required />
</div>
<div class="form-group">
<label for="bookCounts">书籍数量:</label>
<input type="text" class="form-control" id="bookCounts" 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-default">修改</button>
</form>
</div>
</body>
</html>
删除书籍
//删除书籍
@RequestMapping("/deleteBook")
public String deleteBook(int id){
bookService.deleteBooks(id);
return "redirect:/book/allBook";
}
搜索功能
1.编写dao层
根据书名查找书籍接口方法和实现类
接口方法:BookMapper
//通过书名查询书籍
Books getBookByName(@Param("bookName") String bookName);
接口实现方法:BookMapper.xml
<select id="getBookByName" resultType="Books">
select * from ssmbuild.books where bookName = #{bookName}
</select>
2.编写service层
根据书名查找书籍接口方法和实现类
接口方法:BookService
//通过书名查询书籍
Books getBookByName(String bookName);
接口实现方法:BookServiceImpl
@Override
public Books getBookByName(String bookName) {
return bookMapper.getBookByName(bookName);
}
3.编写Controller类
//按照名字查询书籍
@RequestMapping("/queryBook")
public String queryBook(String queryBookName, Model model){
List<Books> booksList = new ArrayList<>();
if (queryBookName == null || queryBookName.length() == 0){
booksList = bookService.getAllBooks();
model.addAttribute("error", "未找到相关书籍");
} else {
Books books = bookService.getBookByName(queryBookName);
booksList.add(books);
}
model.addAttribute("bookList", booksList);
return "allBook";
}
4.修改前端显示页面,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 href="https://cdn.staticfile.org/twitter-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">
<a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">添加书籍</a>
</div>
<div class="col-md-4 column"></div>
<div class="col-md-4 column">
<%-- 查询书籍 --%>
<form action="${pageContext.request.contextPath}/book/queryBook" method="post" style="float: right" class="form-inline">
<span style="color: red; font-weight: bold">${error}</span>
<input type="text" name="queryBookName" class="form-control" placeholder="请输入要查询的书籍名称">
<input type="submit" value="搜索" class="btn btn-primary">
</form>
</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>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach var="book" items="${bookList}">
<tr>
<td>${book.bookID}</td>
<td>${book.bookName}</td>
<td>${book.bookCounts}</td>
<td>${book.detail}</td>
<td>
<a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.bookID}" >修改</a>
|
<a href="${pageContext.request.contextPath}/book/deleteBook?id=${book.bookID}" >删除</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>