利用ssm框架开发的准备工作及步骤。

最新推荐文章于 2023-06-05 17:57:15 发布

邹飞鸣

最新推荐文章于 2023-06-05 17:57:15 发布

阅读量560

点赞数

文章标签： ssm

本文链接：https://blog.csdn.net/qq_43483251/article/details/110879158

版权

SSM框架整合开发步骤：

1、创建数据库

CREATE DATABASE ssmbuild;

USE ssmbuild;

CREATE TABLE `books`(
`bookID` INT NOT NULL AUTO_INCREMENT COMMENT '书id',
`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
`bookCounts` INT 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,'从进门到进牢')

2、创建maven项目，并设置为web项目

3、配置依赖,与静态资源导出问题。

 <!--依赖： junit，数据库驱动，连接池，servlet，jsp，mybatis，mybatis-spring，spring-->
    <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>
        <!--数据库连接池:c3p0-->
        <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.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>
        <!--json-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.75</version>
        </dependency>

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
        </dependency>
        <dependency>
            <groupId>net.sf.json-lib</groupId>
            <artifactId>json-lib</artifactId>
            <version>0.9</version>
        </dependency>
    </dependencies>

    <!--静态资源导出问题-->
    <!--在build中配置resources,来防止我们资源导出失败的问题-->
    <build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>

            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>

4、编写数据库对应的实体类，

有参构造，无参构造，get/set方法，tostring方法自行添加，这里先省略。

public class Books {
    private int bookID;
    private String bookName;
    private int bookCounts;
    private String detail;
}

5、数据库MyBatis部分

编写BookMapper接口和BookMapper.xml

接口中是自己写的操作数据库的方法，xml文件中就是对应的sql语句。

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();
}

BookMapper.xml

<?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.zou.dao.BookMapper">
    
    <insert id="addBook" parameterType="Books">
        insert into ssmbuild.books (bookName,bookCounts,detail)
        value (#{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>
</mapper>

编写mybatis-config.xml配置文件，用来注册写好的Mapper接口。

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

    <!--配置数据源，交给Spring去做-->

    <!--为pojo包下的类自动配置别名，格式是类名首字母小写，其他不变。
    这样就可以直接使用类名作为类型而不用去具体写包名-->
    <typeAliases>
        <package name="com.zou.pojo"/>
    </typeAliases>

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

编写 spring-dao.xml 文件

作用：

关联数据库配置文件
创建连接池
获取sqlSessionFactory，并且绑定MyBatis的配置文件（配置文件中有注册的接口），整合MyBatis到spring中
配置dao接口扫描包，动态的实现了Dao接口可以注入到Spring容器中！

（可以取消继承 SqlSessionDaoSupport 类来获得sqlSession以调用操作数据库的函数这一步。即省略了获取sqlSession这一步。直接就能调用Dao接口中的方法，注：可以利用扫描放置接口的包来实现注入多个接口的方法。）

<?xml version="1.0" encoding="UTF8"?>
<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
        https://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.连接池-->
    <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}"/>
    </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>

    <!--4.配置dao接口扫描包，动态的实现了Dao接口可以注入到Spring容器中！-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">

        <!--要扫描的dao包-->
        <property name="basePackage" value="com.zou.dao" />
        <!--注入 sqlSessionFactory-->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>

    </bean>

</beans>

编写 database.properties 数据库配置文件。

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

6、serviec层

配置 spring-service.xml 文件·

扫描service下的包，将我们的所有业务类，注入到Spring，可以通过配置，或者注解实现
可以选择性的添加声明式事务配置，即AOP切面编程

<?xml version="1.0" encoding="UTF8"?>
<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
        https://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.zou.service"/>
    
    <!--2.将我们的所有业务类，注入到Spring，可以通过配置，或者注解实现-->
    <bean id="BookServiceImpl" class="com.zou.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>

service接口与实现类

public interface BookService {
    // 增加一本书
    int addBook(Books books);

    // 删除一本书
    int deleteBookById(int id);

    // 更新一本书
    int updateBook(Books books);

    // 查询一本书
    Books queryBookById(int id);

    // 查询全部的书
    List<Books> queryAllBook();
}

实现类：

@Service等同于：@Controller

@Controller表示在tomcat启动的时候，把这个类作为一个控制器加载到Spring的Bean工厂，如果不加，就是一个普通的类
@Autowired

它可以对类成员变量、方法及构造函数进行标注，完成自动装配的工作。通过 @Autowired的使用来消除 set ，get方法。在使用@Autowired之前，我们对一个bean配置起属性时，是这用用的

// 其他操作可以使用切面编程
@Service
public class BookServiceImpl implements BookService{

    // service 调 dao层：组合 Dao
    @Autowired
    private BookMapper bookMapper;

    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

    public int addBook(Books books) {
        return bookMapper.addBook(books);
    }

    public int deleteBookById(int id) {
        return bookMapper.deleteBookById(id);
    }

    public int updateBook(Books books) {
        return bookMapper.updateBook(books);
    }

    public Books queryBookById(int id) {
        return bookMapper.queryBookById(id);
    }

    public List<Books> queryAllBook() {
        return bookMapper.queryAllBook();
    }

}

7、Controller层

先配置spring-mvc.xml文件：

<!--2.静态资源过滤：让Spring MVC不处理静态资源： .css .js .html .mp3 .mp4-->
<mvc:default-servlet-handler/>

 <!--3.扫描包:controller,让指定包下的注解生效，由IOC容器统一管理-->
 <context:component-scan base-package="com.zou.controller"/>

<mvc:annotation-driven/>
<!--
     支持mvc注解驱动
        在spring中一般采用@RequestMapping注解来完成映射关系
        要想使用@RequestMapping注解生效
        必须向上下文中注册DefaultAnnotationHandlerMapping
        和一个AnnotationMethodHandlerAdapter实例
        这两个实例分别在类级别和方法级别处理
        而annotation-driven配置帮助我们自动完成上述两个实例的注入
    -->

<?xml version="1.0" encoding="UTF8"?>
<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
        https://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.zou.controller"/>

    <!--4.视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

编写Controller层的类

@Controller // 加了注释后可以被扫描到，被Spring接管，如果类中的方法有返回值是String且有返回值对应的页面可以跳转，那么就会被视图解析器解析。
@RequestMapping("/book") // 跳转的路径
public class BookController {
    // controller 调 service 层
    @Autowired // 它可以对类成员变量、方法及构造函数进行标注，完成自动装配的工作。
    @Qualifier("BookServiceImpl") // 用来指明是使用BookService接口的哪个实现类！
    private BookService bookService;

    // 查询全部书籍，并返回到一个书籍展示页面
    @RequestMapping("/allBook")
    public String list(Model model){
        List<Books> list = bookService.queryAllBook();
        model.addAttribute("list",list);
        return "allBook";
    }

    // 跳转到添加书籍的页面
    @RequestMapping("/addBook")
    public String addBook(){
        return "addBook";
    }

    // 添加书籍
    @RequestMapping("/addBooks")
    public String addBooks(Books books,Model model){
        bookService.addBook(books);
        return "redirect:/book/allBook";
    }

    // 跳转到修改页面
    @RequestMapping("/toUpdatePaper")
    public String toUpdatePaper(int id,Model model){
        Books books = bookService.queryBookById(id);
        model.addAttribute("book",books);
        return "updateBook";
    }

    // 修改书籍信息
    @RequestMapping("/updateBook")
    public String updateBook(Books books){

        bookService.updateBook(books);
        return "redirect:/book/allBook";
    }

    // 删除书籍
    @RequestMapping("/deleteBook")
    public String deleteBookById(int id){
        bookService.deleteBookById(id);
        return "redirect:/book/allBook";
    }
}

整合三个springxml文件为一体，并传给web.xml

applicationContext.xml:

<?xml version="1.0" encoding="UTF8"?>
<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
        https://www.springframework.org/schema/beans/spring-beans.xsd">

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

</beans>

web.xml文件：

配置整合后的springmvc层文件，
启动级别为 1【启动顺序，越小越早】
映射路径为 / 【不要用 /* ，会404】
乱码过滤:过spring的，映射路径为 /* 不能是 /.
设置session超时时间，单位：分钟，超过后直接销毁session
springmvc-servlet.xml 文件第一行的UTF-8的 - 号要去掉，如果出错了

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

    <!--DispatchServlet：这是一个SpringMVC的核心；请求分发器，前端控制器-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--DispatcherServlet要绑定Spring的配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <!--这里的xml文件一定是要包含了 spring-dao.xml，spring-mvc.xml， spring-service.xml 层的总文件-->
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <!--启动级别：1-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--乱码过滤:过spring的-->
    <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-config>
        <!--设置session超时时间，单位：分钟，超过后直接销毁session-->
        <session-timeout>15</session-timeout>
    </session-config>
</web-app>

8、其他web文件

index.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="${pageContext.request.contextPath}/statics/js/jquery-3.5.1.js"></script>
<html>
  <head>
    <title>Ajax</title>
    <script>
      function a1(){
        $.post({
          url:"${pageContext.request.contextPath}/a1",
          //data:{'name':$("#txtName").val()},   //这个是获取元素的value值
          success:function (data) {
            alert(data);
          }
        });
      }
    </script>
    <style>
      .a{
        text-decoration: none;
        background: cornflowerblue;
        color: white;
        border-radius: 5px;
      }
      .div{
        margin-top: 200px;
      }
      .layui-table {
        margin: auto;
        background-color: #fff;
        color: #666;
      }
      .h3{
        text-decoration: none;
        background: cornflowerblue;
        color: white;
        border-radius: 5px;
        width: 10%;
        margin-left: 25%;
      }
      .div1{
        width: 50%;
        margin: auto;
      }
      .tr{
        margin-top: 1%;
      }
      .from{
        margin-left: 25%;


      }
      .submit{
        border: #dcd5d5 1px;
        background: cornflowerblue;
        border-radius: 5px;
        color: white;
        height: 30px;
        width: 50px;
      }
      .text{
        border:  1px solid #dcd5d5;
        border-radius: 5px;
        height: 30px;
        width: 50%;
      }
    </style>
  </head>
  <body>

    <div class="div" align="center">
  <a href="${pageContext.request.contextPath}/book/allBook" class="a">进入书籍</a>
    </div>
    <%--onblur：失去焦点触发事件--%>
    用户名:<input type="text" id="txtName" οnblur="a1()"/>
    <input type="button" id="btn" value="获取数据"/>


    <div class="div1 tr" >
      <table  cellspacing="0" class="table table-bordered layui-table">
        <thead>
        <tr class="tr">
          <th>书籍编号</th>
          <th>书籍名称</th>
          <th>书籍数量</th>
          <th>书籍详情</th>
          <th>操作</th>
        </tr>
        </thead>
        <thead id="content">

        </thead>
        <!--在Ajax的success : function(data) { }方法中，data就是就是从后端返回的数据。-->
        <script type="text/javascript">
            $("#btn").click(function () {
              $.ajax({
                url: "${pageContext.request.contextPath}/a2",
                success:function (data) {
                  var html="";
                  for (let i=0;i<data.length;i++){
                    html += "<tr>" +
                            "<td>" + data[i].bookName + "</td>" +
                            "<td>" + data[i].bookCounts + "</td>" +
                            "<td>" + data[i].detail + "</td>" +
                            "</tr>"
                  }
                  $("#content").html(html);
                },
                error:function (data){
                  alert(data);
                }
              })
            })
        </script>
      </table>
    </div>
  </body>
</html>

addBook.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加书籍</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        .layui-table {
            margin: auto;
            background-color: #fff;
            color: #666;
        }
        .h1{
            margin-top: 5%;
        }
        .div{

            margin: auto;
            width: 50%;
        }
        .div1{
            margin-top: 3%;
        }
    </style>
</head>
<body>
<h1 align="center" class="h1" >添加书籍</h1>
<div class="div">
<form class="form-horizontal div1" method="post" action="${pageContext.request.contextPath}/book/addBooks">
    <div class="form-group" >
        <label for="bookName" class="col-sm-2 control-label">书籍名称</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="bookName" name="bookName" required>
        </div>
    </div>
    <div class="form-group" >
        <label for="bookCounts" class="col-sm-2 control-label">书籍数量</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="bookCounts" name="bookCounts" required>
        </div>
    </div>
    <div class="form-group" >
        <label for="detail" class="col-sm-2 control-label">书籍详情</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="detail" name="detail" required>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default">提交</button>
        </div>
    </div>
</form>
</div>
</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>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <%--BootStrap美化页面--%>
    <style>
    .layui-table {
    margin: auto;
    background-color: #fff;
    color: #666;
    }
    .h3{
        text-decoration: none;
        background: cornflowerblue;
        color: white;
        border-radius: 5px;
        width: 10%;
        margin-left: 25%;
    }
    .div{
        width: 50%;
        margin: auto;
    }
    .tr{
        margin-top: 1%;
    }
    .from{
        margin-left: 25%;


    }
    .submit{
        border: #dcd5d5 1px;
        background: cornflowerblue;
        border-radius: 5px;
        color: white;
        height: 30px;
        width: 50px;
    }
    .text{
        border:  1px solid #dcd5d5;
        border-radius: 5px;
        height: 30px;
        width: 50%;
    }
    </style>
</head>
<body>
<h1 align="center" >书籍大全</h1>

<div >
    <div>
        <a href=${pageContext.request.contextPath}"/book/addBook"class="div" ><h3 class="h3"role="button">添加书籍</h3></a>

    </div>
    <form action=${pageContext.request.contextPath}"/book/addBook" method="post" class="from" >
        <input type="submit" value="查询" class="submit">
        <input type="text" placeholder="请输入要查询的书籍" class="text">
    </form>

</div>

<div class="div tr" >
<table  cellspacing="0" class="table table-bordered layui-table">
    <thead>
    <tr class="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}"/book/toUpdatePaper?id=${book.bookID}">修改</a>
                &nbsp;|&nbsp;
                <a href=${pageContext.request.contextPath}"/book/deleteBook?id=${book.bookID}">删除</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
</div>
</body>
</html>

updateBook.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加书籍</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        .layui-table {
            margin: auto;
            background-color: #fff;
            color: #666;
        }
        .h1{
            margin-top: 5%;
        }
        .div{

            margin: auto;
            width: 50%;
        }
        .div1{
            margin-top: 3%;
        }
    </style>
</head>
<body>
<h1 align="center" class="h1" >修改书籍信息</h1>
<div class="div">
    <form class="form-horizontal div1" method="post" action="${pageContext.request.contextPath}/book/updateBook">
        <input type="hidden" id="bookID" name="bookID" value=${book.bookID}>
        <div class="form-group" >
            <label for="bookName" class="col-sm-2 control-label">书籍名称</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="bookName" name="bookName" value=${book.bookName} required>
            </div>
        </div>
        <div class="form-group" >
            <label for="bookCounts" class="col-sm-2 control-label">书籍数量</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="bookCounts" name="bookCounts" value=${book.bookCounts} required>
            </div>
        </div>
        <div class="form-group" >
            <label for="detail" class="col-sm-2 control-label">书籍详情</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="detail" name="detail" value=${book.detail} required>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">提交</button>
            </div>
        </div>
    </form>
</div>
</body>
</html>

9、项目文件结构图

在这里插入图片描述

10、项目扩展

只需要在dao层，service，Controller层去做相应改动，Aop切面编程在spring比较中有详细讲解。

邹飞鸣

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
利用ssm框架开发的准备工作及步骤。

SSM框架整合开发步骤：1、创建数据库CREATE DATABASE ssmbuild;USE ssmbuild;CREATE TABLE `books`(`bookID` INT NOT NULL AUTO_INCREMENT COMMENT '书id',`bookName` VARCHAR(100) NOT NULL COMMENT '书名',`bookCounts` INT NOT NULL COMMENT '数量',`detail` VARCHAR(200) NOT NULL C
复制链接

扫一扫