SSM框架整合+案例
SSM框架的整合步骤以及案例演示，我已经总结完了。
希望大家，除了一些特别固定的配置文件外，有一个简单的需求，都可以做到手动配置实现。这样对大家对SSM框架会有进一步的了解，多配置几遍会更加熟悉这个流程。
就这个简单的整合，我已经在Eclipse上和Idea上都配过不止一遍，每一次都会有不同的问题，都会有不同的发现，只有多练习才能知道哪里有缺陷，劝大家不要眼高手低。。
觉得对你有帮助的，希望多多支持博主，记得点赞关注哦~~
文章目录
- 一、整合SSM框架案例
- 1、环境要求：
- 2、数据库环境
- 3、基本环境搭建
- 4、Mybatis层编写
- 5、Spring层
- 5.1、 spring-dao.xml
- 5.2、spring-service.xml
- 6、SpringMVC层
- 6.1、web.xml
- 6.2、spring-mvc.xml
- 6.3、Spring配置整合文件，applicationContext.xml
- 7、Controller 和 视图层编写
- 7.1、编写过程
- 7.2、整合
- 8、项目最终结构图
一、整合SSM框架案例
1、环境要求：
环境：
- IDEA
- MySQL 5.7
- Tomcat 8.5
- Maven 3.6.1
要求：
- 需要熟练掌握MySQL数据库，Spring，JavaWeb及MyBatis知识，简单的前端知识；
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项目！ ssmbuild ， 添加web的支持
- 导入相关的pom依赖！
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0modelVersion>
<groupId>com.biubiubiugroupId>
<artifactId>ssmbuildartifactId>
<version>1.0-SNAPSHOTversion>
<dependencies>
<dependency>
<groupId>junitgroupId>
<artifactId>junitartifactId>
<version>4.12version>
dependency>
<dependency>
<groupId>mysqlgroupId>
<artifactId>mysql-connector-javaartifactId>
<version>5.1.47version>
dependency>
<dependency>
<groupId>com.mchangegroupId>
<artifactId>c3p0artifactId>
<version>0.9.5.2version>
dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>servlet-apiartifactId>
<version>2.5version>
dependency>
<dependency>
<groupId>javax.servlet.jspgroupId>
<artifactId>jsp-apiartifactId>
<version>2.2version>
dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>jstlartifactId>
<version>1.2version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatisartifactId>
<version>3.5.2version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatis-springartifactId>
<version>2.0.2version>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webmvcartifactId>
<version>5.1.9.RELEASEversion>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jdbcartifactId>
<version>5.1.9.RELEASEversion>
dependency>
<dependency>
<groupId>org.projectlombokgroupId>
<artifactId>lombokartifactId>
<version>1.18.8version>
dependency>
<dependency>
<groupId>org.aspectjgroupId>
<artifactId>aspectjweaverartifactId>
<version>1.8.7version>
dependency>
dependencies>
<build>
<resources>
<resource>
<directory>src/main/javadirectory>
<includes>
<include>**/*.propertiesinclude>
<include>**/*.xmlinclude>
includes>
<filtering>falsefiltering>
resource>
<resource>
<directory>src/main/resourcesdirectory>
<includes>
<include>**/*.propertiesinclude>
<include>**/*.xmlinclude>
includes>
<filtering>falsefiltering>
resource>
resources>
build>
project>
- Maven资源过滤设置(已在上边完整pom文件中配置，这里再贴一下)
<build>
<resources>
<resource>
<directory>src/main/javadirectory>
<includes>
<include>**/*.propertiesinclude>
<include>**/*.xmlinclude>
includes>
<filtering>falsefiltering>
resource>
<resource>
<directory>src/main/resourcesdirectory>
<includes>
<include>**/*.propertiesinclude>
<include>**/*.xmlinclude>
includes>
<filtering>falsefiltering>
resource>
resources>
build>
- 建立基本结构和配置框架！
- com.biubiubiu.pojo
- com.biubiubiu.dao
- com.biubiubiu.service
- com.biubiubiu.controller
- mybatis-config.xml
<configuration>
configuration>
- applicationContext.xml
<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层编写
- 1.数据库配置文件 database.properties
jdbc.driver=com.mysql.jdbc.Driver
#如果是mysql8.0以上的版本，需要增加时区设置&serverTimeZone=Asia/Shanghai
jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf8
jdbc.username=root
jdbc.password=123456
- 2.IDEA关联数据库
- 3.编写MyBatis的核心配置文件
<configuration>
<typeAliases>
<package name="com.biubiubiu.pojo"/>
typeAliases>
<mappers>
<mapper class="com.biubiubiu.dao.BookMapper"/>
mappers>
configuration>
- 4.编写数据库对应的实体类 com.biubiubiu.pojo.Books
使用lombok插件！
package com.biubiubiu.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
/**
* @author biubiubiu
*/
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Books {
private int bookID;
private String bookName;
private int bookCounts;
private String detail;
}
- 5.编写Dao层的 Mapper接口！
package com.biubiubiu.dao;
import com.biubiubiu.pojo.Books;
import org.apache.ibatis.annotations.Param;
import java.util.List;
/**
* @author biubiubiu
*/
public interface BookMapper {
//增加一本书
int addBook(Books books);
//删除一本书
int deleteBookById(@Param("bookID") int id);
//更新一本书
int updateBook(Books books);
//查询一本书
Books queryBookById(@Param("bookID") int id);
//查询全部书籍
List<Books> queryAllBook();
//通过书名查找书籍
Books queryBookByName(@Param("bookName") String bookName);
}
- 6.编写接口对应的 Mapper.xml 文件。需要导入MyBatis的包；
<mapper namespace="com.biubiubiu.dao.BookMapper">
<insert id="addBook" parameterType="Books">
insert into ssmbuild.books (bookName, bookCounts, detail)
values (#{bookName},#{bookCounts},#{detail});
insert>
<delete id="deleteBookById" parameterType="int">
delete from ssmbuild.books where bookID=#{bookID};
delete>
<update id="updateBook" parameterType="Books">
update ssmbuild.books
set bookName = #{bookName},bookCounts=#{bookCounts},detail=#{detail}
where bookID = #{bookID};
update>
<select id="queryBookById" resultType="Books">
select * from ssmbuild.books
where bookID=#{bookID};
select>
<select id="queryAllBook" resultType="Books">
select * from ssmbuild.books;
select>
<select id="queryBookByName" resultType="Books">
select * from books where bookName=#{bookName}
select>
mapper>
- 7.编写Service层的接口和实现类
接口：
package com.biubiubiu.service;
import com.biubiubiu.pojo.Books;
import java.util.List;
/**
* @author biubiubiu
*/
public interface BookService {
//增加一本书
int addBook(Books books);
//删除一本书
int deleteBookById(int id);
//更新一本书
int updateBook(Books books);
//查询一本书
Books queryBookById(int id);
//查询全部书籍
List<Books> queryAllBook();
//通过书名查找书籍
Books queryBookByName(String bookName);
}
实现类：
package com.biubiubiu.service;
import com.biubiubiu.dao.BookMapper;
import com.biubiubiu.pojo.Books;
import java.util.List;
/**
* @author biubiubiu
*/
public class BookServiceImpl implements BookService{
//service调用dao层：组合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 queryBookById(int id) {
return bookMapper.queryBookById(id);
}
@Override
public List<Books> queryAllBook() {
return bookMapper.queryAllBook();
}
@Override
public Books queryBookByName(String bookName) {
return bookMapper.queryBookByName(bookName);
}
}
OK，到此，底层需求操作编写完毕！
5、Spring层
配置Spring整合MyBatis，我们这里数据源使用c3p0连接池；
我们去编写Spring整合Mybatis的相关的配置文件；
5.1、 spring-dao.xml
<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">
<context:property-placeholder location="classpath:database.properties"/>
<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}"/>
<property name="maxPoolSize" value="30"/>
<property name="minPoolSize" value="10"/>
<property name="autoCommitOnClose" value="false"/>
<property name="checkoutTimeout" value="10000"/>
<property name="acquireRetryAttempts" value="2"/>
bean>
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource"/>
<property name="configLocation" value="classpath:mybatis-config.xml"/>
<property name="mapperLocations" value="classpath:com/biubiubiu/dao/*.xml"/>
bean>
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
<property name="basePackage" value="com.biubiubiu.dao"/>
bean>
beans>
Spring整合service层
5.2、spring-service.xml
<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:aop="http://www.springframework.org/schema/aop"
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
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/aop
http://www.springframework.org/schema/aop/spring-aop.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx.xsd">
<context:component-scan base-package="com.biubiubiu.service"/>
<bean id="BookServiceImpl" class="com.biubiubiu.service.BookServiceImpl">
<property name="bookMapper" ref="bookMapper"/>
bean>
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource" />
bean>
<tx:advice id="txAdvice" transaction-manager="transactionManager">
<tx:attributes>
<tx:method name="*" propagation="REQUIRED"/>
tx:attributes>
tx:advice>
<aop:config>
<aop:pointcut id="txPointCut" expression="execution(* com.biubiubiu.dao.*.*(..))"/>
<aop:advisor advice-ref="txAdvice" pointcut-ref="txPointCut"/>
aop:config>
beans>
Spring层搞定！再次理解一下，Spring就是一个大杂烩，一个容器！对吧！
6、SpringMVC层
6.1、web.xml
<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">
<servlet>
<servlet-name>springMVCservlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
<init-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath:applicationContext.xmlparam-value>
init-param>
<load-on-startup>1load-on-startup>
servlet>
<servlet-mapping>
<servlet-name>springMVCservlet-name>
<url-pattern>/url-pattern>
servlet-mapping>
<filter>
<filter-name>encodingFilterfilter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
<init-param>
<param-name>encodingparam-name>
<param-value>utf-8param-value>
init-param>
filter>
<filter-mapping>
<filter-name>encodingFilterfilter-name>
<url-pattern>/*url-pattern>
filter-mapping>
<session-config>
<session-timeout>15session-timeout>
session-config>
web-app>
6.2、spring-mvc.xml
<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
http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<mvc:annotation-driven/>
<mvc:default-servlet-handler/>
<context:component-scan base-package="com.biubiubiu.controller"/>
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/" />
<property name="suffix" value=".jsp" />
bean>
beans>
6.3、Spring配置整合文件，applicationContext.xml
<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>
配置文件，暂时结束！
7、Controller 和 视图层编写
7.1、编写过程
- BookController 类编写 ， 方法一：查询全部书籍
@Autowired
@Qualifier("BookServiceImpl")
private BookService bookService;
//查询全部的书籍，并且返回到一个书籍展示页面allBook
@RequestMapping("/allBook")
public String list(Model model) {
List<Books> list = bookService.queryAllBook();
model.addAttribute("list",list);
return "allBook";
}
- 编写首页 index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
<title>首页title>
<style type="text/css">
a {
text-decoration: none;
color: black;
font-size: 18px;
}
h3 {
width: 180px;
height: 38px;
margin: 100px auto;
text-align: center;
line-height: 38px;
background: deepskyblue;
border-radius: 4px;
}
style>
head>
<body>
<h3>
<a href="${pageContext.request.contextPath}/book/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">
<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">
<div class="col-md-4 column">
<a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增a>
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="${requestScope.get('list')}">
<tr>
<td>${book.getBookID()}td>
<td>${book.getBookName()}td>
<td>${book.getBookCounts()}td>
<td>${book.getDetail()}td>
<td>
<a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.getBookID()}">更改a> |
<a href="${pageContext.request.contextPath}/book/del/${book.getBookID()}">删除a>
td>
tr>
c:forEach>
tbody>
table>
div>
div>
div>
- BookController 类编写 ， 方法二：添加书籍
//跳转到添加书籍页面
@RequestMapping("/toAddBook")
public String toAddPaper() {
return "addBook";
}
//添加书籍的请求
@RequestMapping("/addBook")
public String addBook(Books books) {
bookService.addBook(books);
//重定向到上边的@RequestMapping("/allBook")请求，实现请求复用
return "redirect:/book/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">
<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">
书籍名称：<input type="text" name="bookName"><br><br><br>
书籍数量：<input type="text" name="bookCounts"><br><br><br>
书籍详情：<input type="text" name="detail"><br><br><br>
<input type="submit" value="添加">
form>
div>
- BookController 类编写 ， 方法三：修改书籍
//跳转到修改书籍页面
@RequestMapping("/toUpdateBook")
public String toUpdatePaper(int id, Model model) {
Books books = bookService.queryBookById(id);
model.addAttribute("books", books);
return "updateBook";
}
//修改书籍的请求
@RequestMapping("/updateBook")
public String updateBook(Model model, Books book) {
bookService.updateBook(book);
Books books = bookService.queryBookById(book.getBookID());
model.addAttribute("books", books);
return "redirect:/book/allBook";
}
- 修改书籍页面 updateBook.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">
<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">
<input type="hidden" name="bookID" value="${book.getBookID()}"/>
书籍名称：<input type="text" name="bookName" value="${book.getBookName()}"/>
书籍数量：<input type="text" name="bookCounts" value="${book.getBookCounts()}"/>
书籍详情：<input type="text" name="detail" value="${book.getDetail() }"/>
<input type="submit" value="提交"/>
form>
div>
- BookController 类编写 ， 方法四：删除书籍
//删除书籍
@RequestMapping("/deleteBook/{bookID}")
public String delete(@PathVariable("bookID")int id) {
bookService.deleteBookById(id);
return "redirect:/book/allBook";
}
- BookController 类编写 ， 方法五：搜索书籍(根据名称查)
//查询书籍
@RequestMapping("/queryBook")
public String queryBook(String queryBookName,Model model) {
Books books = bookService.queryBookByName(queryBookName);
List<Books> list = new ArrayList<Books>();
list.add(books);
if(books==null) {
list = bookService.queryAllBook();
model.addAttribute("error", "未查到您要查询的书籍~");
}
model.addAttribute("list",list);
return "allBook";
}
7.2、整合
- BookController 类
package com.biubiubiu.controller;
import java.util.ArrayList;
import java.util.List;
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.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import com.biubiubiu.pojo.Books;
import com.biubiubiu.service.BookService;
/**
* 视图控制层：面向controller编程
* @author 11142
*
*/
@Controller
@RequestMapping("/book")
public class BookController {
//controller层调service层
@Autowired
@Qualifier("BookServiceImpl")
private BookService bookService;
//查询全部的书籍，并且返回到一个书籍展示页面allBook
@RequestMapping("/allBook")
public String list(Model model) {
List<Books> list = bookService.queryAllBook();
model.addAttribute("list",list);
return "allBook";
}
//跳转到添加书籍页面
@RequestMapping("/toAddBook")
public String toAddPaper() {
return "addBook";
}
//添加书籍的请求
@RequestMapping("/addBook")
public String addBook(Books books) {
bookService.addBook(books);
//重定向到上边的@RequestMapping("/allBook")请求，实现请求复用
return "redirect:/book/allBook";
}
//跳转到修改书籍页面
@RequestMapping("/toUpdateBook")
public String toUpdatePaper(int id, Model model) {
Books books = bookService.queryBookById(id);
model.addAttribute("books", books);
return "updateBook";
}
//修改书籍的请求
@RequestMapping("/updateBook")
public String updateBook(Model model, Books book) {
bookService.updateBook(book);
Books books = bookService.queryBookById(book.getBookID());
model.addAttribute("books", books);
return "redirect:/book/allBook";
}
//删除书籍
@RequestMapping("/deleteBook/{bookID}")
public String delete(@PathVariable("bookID")int id) {
bookService.deleteBookById(id);
return "redirect:/book/allBook";
}
//查询书籍
@RequestMapping("/queryBook")
public String queryBook(String queryBookName,Model model) {
Books books = bookService.queryBookByName(queryBookName);
List<Books> list = new ArrayList<Books>();
list.add(books);
if(books==null) {
list = bookService.queryAllBook();
model.addAttribute("error", "未查到您要查询的书籍~");
}
model.addAttribute("list",list);
return "allBook";
}
}
- index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<meta charset="UTF-8">
<title>首页title>
<style type="text/css">
a {
text-decoration: none;
color: black;
font-size: 18px;
}
h3 {
width: 180px;
height: 38px;
margin: 100px auto;
text-align: center;
line-height: 38px;
background: deepskyblue;
border-radius: 4px;
}
style>
head>
<body>
<h3>
<a href="${pageContext.request.contextPath}/book/allBook">进入书籍展示页面a>
h3>
body>
html>
- allbook.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta charset="UTF-8">
<title>书籍展示页面title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
<div class="col-md-4 column">
<a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增书籍a>
<a class="btn btn-primary" href="${pageContext.request.contextPath}/book/allBook">显示全部书籍a>
div>
<div class="col-md-8 column">
<%-- 查询书籍 --%>
<form class="form-inline" action="${pageContext.request.contextPath }/book/queryBook" method="post" style="float: right">
<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 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.getBookID()}td>
<td>${book.getBookName()}td>
<td>${book.getBookCounts()}td>
<td>${book.getDetail()}td>
<td>
<a href="${pageContext.request.contextPath}/book/toUpdateBook?id=${book.bookID}">修改a>
|
<a href="${pageContext.request.contextPath}/book/deleteBook/${book.bookID}">删除a>
td>
tr>
c:forEach>
tbody>
table>
div>
div>
div>
body>
html>
- 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">
<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>
- updateBook.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">
<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执行失败，修改未完成，因为修改需要传id，我这里没有传
解决：前端传递隐藏域
--%>
<input type="hidden" name="bookID" value="${books.bookID }">
<div class="form-group">
<label>书籍名称：label>
<input type="text" name="bookName" class="form-control" value="${books.bookName }" required>
<%-- 加了required，表单项必须填写才能提交 --%>
div>
<div class="form-group">
<label>书籍数量：label>
<input type="text" name="bookCounts" class="form-control" value="${books.bookCounts }" required>
div>
<div class="form-group">
<label>书籍详情：label>
<input type="text" name="detail" class="form-control" value="${books.detail }" required>
div>
<div class="form-group">
<input type="submit" class="form-control" value="修改">
div>
form>
div>
配置Tomcat，运行！
到目前为止，这个SSM项目整合已经完全的OK了，可以直接运行进行测试！
8、项目最终结构图
完整案例，看完必会。。
请多多支持博主，点赞关注哦~~