持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情完整项目会在末尾附上gitee链接

SSM 项目基础环境搭建

本实验将完成 SSM 整合的第一部分即完成 SSM 项目的基础环境搭建工作。本次实验项目采用三层架构 + MVC 设计模式进行搭建。实验中采用如下技术栈:

Spring
SpringMVC
MyBatis Plus 第三方插件
Druid 数据源
Apache IO 组件
Log4j 日志框架
JSR-303 验证框架
MySQL 数据库
JSP
jQuery

知识点

基本环境搭建流程
配置文件关联关系

第一步：新建·文件

第二步：导入依赖

按技术栈要求在 pom.xml 导入完整 SSM 的依赖，包括 mybatis plus，springmvc，jackson ，commons-io，hibernate-validator。

编写空白 applicationContext.xml

。。
    <!--引入其它配置文件到spring框架 由spring框架统一管理-->
    <import resource="spring-mybatis.xml"/>
    <import resource="spring-mvc.xml"/>
    <!--<import resource="spring-shiro.xml"/>-->
    <!--整合事务-->
    <bean id="transactionManger" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <constructor-arg ref="dataSource"/>
    </bean>
    <!--事务配置增强-->
    <tx:advice id="txAdvice" transaction-manager="transactionManger">
        <tx:attributes>
            <!--propagation事务的传播特性，required没有事务就创建一个 有就加入-->
            <!--<tx:method name="select*" read-only="true"></tx:method>-->
            <tx:method name="*" propagation="REQUIRED"/>
        </tx:attributes>
    </tx:advice>
    <!--aop配置-->
    <aop:config>
        <aop:pointcut id="txPointCut" expression="execution(* org.yamiya.mapper.*.*(..))"/>
        <aop:advisor advice-ref="txAdvice" pointcut-ref="txPointCut"/>
    </aop:config>
</beans>

编写 springmvc.xml，配置项目所需的基本配置，并在其中通过 import 引用 applicationContext.xml

。。

    <context:component-scan base-package="org.yamiya.controller"/>
    <!-- 适配器和映射器 -->
    <mvc:annotation-driven conversion-service="myconverter"/>
    <!-- 日期转换器 -->
    <bean id="myconverter" class="org.springframework.context.support.ConversionServiceFactoryBean">
        <property name="converters">
            <set>
                <bean class="org.yamiya.util.MyDateConverter"/>
            </set>
        </property>
    </bean>
    <mvc:resources mapping="/static/**" location="/static/"/>
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">

        <property name="prefix" value="/WEB-INF/jsp/"/>

        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

第六步编写日志和数据库连接信息的 properties 配置文件

driver = com.mysql.cj.jdbc.Driver
url = jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf8
username = 你的用户名
password = 你的密码

第七步编写测试类并测试（Spring 整合持久层）

这里为了方便，我们先完成全查功能。书写对应的数据库，并且照数据库字段，书写pojo里面的实体类，Book.Java，在Java下mapper里面的BookMapper书写接口方法，并且在resource同名路径的BookMapper.Xml下进行《select》配置，书写service，此处我们同样一个接口，一个类（需要使用到BookMapper。Java对象，使用对象调用方法），书写controller new一个ModeAndView对象，配置一个service对象，把service调用方法返回值传入modeandview对象。最后通过modeandview的setViewName（“路径“）跳转到我们的查询界面。书写查询界面：通过${}获取传入的值；此处需要循环，即我们var代表循环体内对象 items谁被循环 varstaus 变量状态，主要是编号

    <c:forEach var="b" items="${blist}" varStatus="vs">
<tr>
            <td>${vs.count}</td>
         ，，，，

注意：这里我们获取时间会出现问题，需要使用类型转换才能变成我们熟悉的

<td>
                <fmt:formatDate value="${b.chubantime}" pattern="yyyy-MM-dd HH:mm:ss"/>
            </td>

到这里，项目环境搭建完成

前端代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%@taglib prefix="c"% uri="http://java.sun.com/jstl/core_rt"%>--%>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<html>
<head>
    <title>Title</title>
</head>
<%--工程名 webapp--%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3.3.7/css/bootstrap.css">

<body>
<table class="table table-bordered table-hover">
    <tr>
<%--         无法访问情况 （全路径也是） web-inf受保护，不能直接访问 <a class="checkbox" href="add.jsp">添加 </a>--%>
    <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/add">添加 </a>

<%--        </td>--%>

    </tr>
    <tr>
        <td>编号： </td>
        <td>书名： </td>>
        <td>作者： </td>
        <td>出版社：</td>
        <td>时间： </td>
        <td>操作： </td>
    </tr>
    <%--    var代表循环体内对象  items谁被循环  varstaus 变量状态，主要是编号--%>
    <c:forEach var="b" items="${p.list}" varStatus="vs">
        <tr>
            <td>${vs.count}</td>
            <td>${b.uname}</td>>
            <td>${b.auther}</td>
            <td>${b.chubanshe}</td>
<%--            <td>${b.chubantime}</td>--%>
            <td>
                <fmt:formatDate value="${b.chubantime}" pattern="yyyy-MM-dd HH:mm:ss"/>
            </td>
<td>
    <a class="btn btn-success" href="bookbyid?id=${b.id}"> 修改</a>

    <a class="btn btn-info" href="deleteBook?id=${b.id}"> 删除</a>
</td>
        </tr>
    </c:forEach>
</table>
</body>
</html>

可以发现，这里我有一些样式。

关于怎么有样式：

这里我们使用 bootstrap，具体百度改关键词，然后在前端界面通过link引入样式，之后就能在元素里面通过一些关键语句添加样式。

怎么添加数据

整合的基础上，我们对mapper进行方法添加，和insert标签书写，然后在service里面通过mapper对象调用方法返回值，最后在controlle获取值，通过ifelse完成跳转。

然后书写我们add界面

在query跳转到add不能直接写

在web编程规范中，WEB-INF文件夹下面的内容不能直接通过文件的全路径进行访问，是受保护的。所以一般我们也会把我们的页面为了安全起见，放在我们的WEB-INF文件夹中。需要借助control,页面通用跳转

//    页面通用
    @RequestMapping("{page}")
    public String toPage(@PathVariable()String page){
        return page;
    }

注意：add这个时候我们不能跳转，会报错400

出现400的错误码

原因：我们从前端页面上获取的参数实质上都是String类型

我们数据库中的使用类型叫做datatime类型我在java中封装的数据模型的时间类型是java.util.Date类型。Mybatis在做数据转换的时候，是先把数据库中的datatime类型转为java.sql.Date类型，由于java.sql.Date是java.util.Date的子类，所以可以无风险的向上转型，所以我们查询的时候，不会有异常。但是添加的时候，从前端获取的数据都是字符串，没法转换成java.util.Date的类型，所以会出现400的错误码。