SpringMVC 學習筆記 (day3 SSM 整合【這應該是最簡單的 SSM 的整合的文章了吧】 小聲BB)

所謂 SSM,就是把 Spring,SpringMVC,Mybatis 三個框架放在同一個項目中使用,此文使用了一個簡單的實例,給大家演示 ssm 的整合基本過程。文章代碼量比較多,大家可以適當選擇查閱

一、修改 Maven 鏡像源

1.1 找到 maven 的配置文件 settings.xml

我用的是 idea 自帶的maven 工具,如果用得是自己下的maven,修改鏡像配置的方式是一樣的。
在這裏插入圖片描述

1.2 修改 Maven 源

使用編輯器打開該文件,我使用 subline 打開的,找到第 146行左右,添加如下鏡像信息,把我下面的註釋塞進去,就可以解決 maven 下載慢的問題了
在這裏插入圖片描述

     <mirror>
            <id>alimaven</id>
            <name>aliyun maven</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        <mirror>
            <id>uk</id>
            <mirrorOf>central</mirrorOf>
            <name>Human Readable Name for this Mirror.</name>
            <url>http://uk.maven.org/maven2/</url>
        </mirror>
        <mirror>
            <id>CN</id>
            <name>OSChina Central</name>
            <url>http://maven.oschina.net/content/groups/public/</url>
            <mirrorOf>central</mirrorOf>
        </mirror>
        <mirror>
            <id>nexus</id>
            <name>internal nexus repository</name>
            <!-- <url>http://192.168.1.100:8081/nexus/content/groups/public/</url>-->
            <url>http://repo.maven.apache.org/maven2</url>
            <mirrorOf>central</mirrorOf>
        </mirror>

二、搭建 Maven WebApp 項目

2.1 搭建項目

一定要選擇第二個,如果你選擇第一個就要重新建一個的新的項目
在這裏插入圖片描述
大家初始化的項目是這樣的結構
在這裏插入圖片描述

2.2 配置 Maven 依賴

因爲我們要搭建 ssm 項目,所以需要加入 Spring,SpringMVC,MyBatis 的依賴,以及一些其他的配置文件

  1. 項目版本鎖定
<!--  Maven 版本鎖定-->
  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
    <spring.version>5.2.3.RELEASE</spring.version>
    <slf4j.version>1.6.6</slf4j.version>
    <log4j.version>1.2.12</log4j.version>
    <mysql.version>5.1.10</mysql.version>
    <mybatis.version>3.4.5</mybatis.version>
  </properties>
  1. 依賴配置
<!--  Spring AOP-->
  <dependencies>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.7.4</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>${spring.version}</version>
    </dependency>

<!--AOP end-->

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>${spring.version}</version>
    </dependency>

<!--    單元的測試-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>${spring.version}</version>
    </dependency>

<!--    事物-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>${spring.version}</version>

    </dependency>
<!--  jdbc 模板-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>${spring.version}</version>
    </dependency>

<!--    單元測試-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>compile</scope>
    </dependency>

<!--    mysql 驅動-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>${mysql.version}</version>
    </dependency>

<!--    servlet -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

<!--    jsp 依賴-->
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
      <scope>provided</scope>
    </dependency>

<!--    引入 jstl 1.2 庫-->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

<!--    log Start 日誌記錄-->
    <dependency>
      <groupId>log4j</groupId>
      <artifactId>log4j</artifactId>
      <version>${log4j.version}</version>
    </dependency>


    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>${slf4j.version}</version>
    </dependency>

    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-log4j12</artifactId>
      <version>${slf4j.version}</version>
    </dependency>
<!--    log end-->

<!--    Mybatis 依賴-->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>${mybatis.version}</version>
    </dependency>

<!-- MyBatis 的 Spring 依賴,有了這個,我們就不必單獨編寫 MyBatis 的配置文件了 -->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.3</version>
    </dependency>

<!--    數據庫連接池-->
    <dependency>
      <groupId>c3p0</groupId>
      <artifactId>c3p0</artifactId>
      <version>0.9.1.2</version>
      <type>jar</type>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>org.junit.jupiter</groupId>
      <artifactId>junit-jupiter</artifactId>
      <version>RELEASE</version>
      <scope>compile</scope>
    </dependency>
  </dependencies>

maven 配置好了之後,這些內容就會在後臺自動下載,這裏我們就不用管了

三、配置文件編寫

  1. Spring 的配置文件
  2. SpringMVC 的配置文件
  3. MyBatis 的配置我們也可以寫(但是 Spring 整合了 MyBatis 對象,我們就不用在自己編寫)
  4. 配置日誌記錄文件

3.1 Spring 配置文件

在 Maven 的 resources 目錄裏創建一個 applicationContext.xml 的配置文件,加入 Spring的 一些配置 和 約束

這裏有些 IOC 的配置會報錯,之後會解決

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

<!--        開啓註解掃描, 希望處理 service 和 dao,controller 不需要 spring 去處理-->
    <context:component-scan base-package="cn.gorit">
        <!-- 配置哪些註解不掃描-->
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>

    <!-- Spring 整合 Mybatis 對象,有了這個就可以不用 mybatis 註解了 ======================================= -->
<!--    配置連接池-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="com.mysql.jdbc.Driver"/>
        <property name="jdbcUrl" value="jdbc:mysql://localhost:3306/ssm?characterEncoding=utf8" />
        <property name="user" value="root"/>
        <property name="password" value="root"/>
    </bean>

<!--    配置 SqlSessionFactor 工廠-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
    </bean>

<!--    配置 AccounDao 接口所在的包-->
    <bean id="mapperScanner" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="cn.gorit.dao" />
    </bean>
<!--======================================================================================-->

<!--    配置 Spring 框架聲明式事物管理-->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>

<!--    配置事物通知-->
    <tx:advice id="txAdvice" transaction-manager="transactionManager">
        <tx:attributes>
<!--            find 方法打頭的-->
            <tx:method name="find*" read-only="true"/>
            <tx:method name="*" isolation="DEFAULT" />
        </tx:attributes>
    </tx:advice>

<!--    配置 AOP 增強-->
    <aop:config>
        <aop:advisor advice-ref="txAdvice" pointcut="execution( * cn.gorit.service.impl.*ServiceImpl.*(..))"></aop:advisor>
    </aop:config>
</beans>

3.2 log4j 配置文件編寫

這是一個 日誌打印的一個配置文件

log4j.rootLogger=INFO,stdout,debug,error

#\u8F93\u51FA\u5230\u63A7\u5236\u53F0
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.target=System.out
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss,SSS} %p [%t] %C.%M(%L) | %m%n

#\u8F93\u51FADEBUG\u7EA7\u522B\u4EE5\u4E0A\u7684\u65E5\u5FD7\u5230\u6587\u4EF6
log4j.appender.debug=org.apache.log4j.DailyRollingFileAppender
log4j.appender.debug.layout=org.apache.log4j.PatternLayout
log4j.appender.debug.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss,SSS} %p [%t] %C.%M(%L) | %m%n
log4j.appender.debug.File=./logs/debug.txt
log4j.appender.debug.DatePattern=','yyyy-MM-dd
log4j.appender.debug.Threshold=DEBUG
log4j.appender.debug.Append=true
log4j.appender.debug.Encoding=UTF-8

#\u8F93\u51FADEBUG\u7EA7\u522B\u4EE5\u4E0A\u7684\u65E5\u5FD7\u5230\u6587\u4EF6
log4j.appender.error=org.apache.log4j.DailyRollingFileAppender
log4j.appender.error.layout=org.apache.log4j.PatternLayout
log4j.appender.error.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss,SSS} %p [%t] %C.%M(%L) | %m%n
log4j.appender.error.File=./logs/error.txt
log4j.appender.error.DatePattern=','yyyy-MM-dd
log4j.appender.error.Threshold=ERROR
log4j.appender.error.Append=true
log4j.appender.error.Encoding=UTF-8

3.3 SpringMVC 配置文件

創建 springmvc.xml 在 resources 目錄下

<?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-3.0.xsd
           http://www.springframework.org/schema/mvc
           http://www.springframework.org/schema/mvc/spring-mvc.xsd
           http://www.springframework.org/schema/context
           http://www.springframework.org/schema/context/spring-context-3.0.xsd">

    <!--開啓註解掃描,只掃描 Controller 註解-->
    <context:component-scan base-package="cn.gorit">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>
    
	<!--    配置視圖解析器-->
    <!--    視圖解析器對象 -->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>

<!--    過濾靜態資源-->
    <!-- 前端控制器 有哪些靜態資源不攔截  釋放靜態資源,否則靜態資源無法訪問 -->
    <mvc:resources mapping="/js/**" location="/js/"></mvc:resources>
    <mvc:resources mapping="/css/**" location="/csss/"></mvc:resources>
    <mvc:resources mapping="/images/**" location="/images/"></mvc:resources>

<!--    開啓SpringMvc 的註解支持-->
    <mvc:annotation-driven/>
</beans>

3.4 數據庫創建

創建一個名爲 ssm 的數據庫,並創建名爲 account 的表,表結構如下, 注意數據庫版本,我用得是 mysql 5.7 版本的

//創建數據庫
create database ssm;

// 使用數據庫
use ssm;

// 創建數據表
create table account(
	id int(11) primary key auto_increment,
	name varchar(30),
	money double 
};

在這裏插入圖片描述

3.5 編寫 web.xml

配置前端控制器
spring 監聽器
編碼監聽器

<?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">
  
  <display-name>Archetype Created Web Application</display-name>
  
<!--  配置Spring 監聽器, 默認只加載 WEB-INF 目錄下的 applicationContext.xml 配置文件-->
<listener>
  <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!--設置配置文件路徑-->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>

<!--  配置前端控制器-->
  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--    加載 springmvc.xml 配置文件-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
<!--    啓動服務器,創建該 servlet-->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

<!--  解決中文亂碼的過濾器-->
  <filter>
    <filter-name>characterEncodingFilter</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>characterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  
</web-app>

四、編寫 java 類

4.1 創建如下包結構

在這裏插入圖片描述

4.2 編寫實體類 Account

通過上面可知,我們應該要創建一個名爲 account 的實體類,並且也是包含三個字段

package cn.gorit.entity;

import java.io.Serializable;

public class Account implements Serializable {

    private Integer id;
    private String name;
    private double money;
	
	// 使用有參數的構造方法,我們使用 IOC 容器注入的時候,從表單傳過來的數據會自動封裝成 Account 對象
    public Account(Integer id, String name, double money) {
        this.id = id;
        this.name = name;
        this.money = money;
    }
	
	// getter  和  setter 省略,因爲用不到

    @Override
    public String toString() {
        return "Account{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", money=" + money +
                '}';
    }
}

4.3 編寫 dao 層方法

我們可以使用 MyBatis 的註解,直接完成數據庫的操作

package cn.gorit.dao;

import cn.gorit.entity.Account;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Select;
import org.springframework.stereotype.Repository;

import java.util.List;

/**
 * 賬戶接口
 * */
@Repository
public interface AccountDao {

    // 查詢所有賬戶信息
    @Select("select * from account")
    public List<Account> findAll();

    // 保存賬戶信息
    @Insert("insert into account(name,money) values(#{name},#{money})")
    public int saveAccount(Account account);
}

4.4 編寫 Service 方法

  1. AccountService編寫
    編寫兩個基礎的賬號操作接口
package cn.gorit.service;

import cn.gorit.entity.Account;
import java.util.List;

public interface AccountService {
    // 查詢所有賬戶信息
    public List<Account> findAll();

    // 保存賬戶信息
    public void saveAccount(Account account);
}
  1. AccountServiceImpl 實現 AccountService 接口
    前面我們在 mybatis 完成了數據庫的操作,這裏直接調用 dao 層對應的方法即可
package cn.gorit.service.impl;

import cn.gorit.dao.AccountDao;
import cn.gorit.entity.Account;
import cn.gorit.service.AccountService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service("accountService")
public class AccountServiceImpl implements AccountService {

    @Autowired
    private AccountDao accountDao;

    @Override
    public List<Account> findAll() {
        System.out.println("業務層,查詢所有賬戶...");
        return accountDao.findAll();
    }

    @Override
    public void saveAccount(Account account) {
        System.out.println("業務層,存賬戶...");
        accountDao.saveAccount(account);
    }
}

4.5 編寫 controller

使用 Controller 我們就可以在頁面看到我們想要的數據了

package cn.gorit.controller;

import cn.gorit.entity.Account;
import cn.gorit.service.AccountService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

// 賬戶 web
@Controller
@RequestMapping("/account")
public class AccountController {

    @Autowired
    private AccountService accountService;

    @RequestMapping("/test")
    @ResponseBody
    public String test() {
        // 使用 RequestBody 來標識這個方法,這樣返回的就是一個字符串,不然 springmvc 就會去尋找同名的 jsp 文件
        return "Hello World";
    }

    @RequestMapping("/findAll")
    public String findAll(Model model) {
        System.out.println("表現層,查詢所有賬戶...");
//        調用 service 方法
        List<Account> list = accountService.findAll();
        model.addAttribute("list",list);
        return "list";
    }

    // 保存數據
    @RequestMapping("/save")
    public void save(Account account, HttpServletRequest request, HttpServletResponse response) throws IOException {
        System.out.println("表現層,保存賬戶...");
        System.out.println(account);
//        調用 service 方法
        accountService.saveAccount(account);
        response.sendRedirect(request.getContextPath()+"/account/findAll");
        return;
    }
}

但是你以爲就這樣結束了嗎,不,我們還沒編寫 前端頁面呢

五、編寫前端頁面

5.1 index.jsp 編寫

因爲我們要在這裏調用 controller 中的方法

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>測試</title>
</head>
<body>

    <h3>SpringMVC </h3>
    <a href="account/findAll">findAll</a>

    <h3>測試保存</h3>
    <form action="account/save" method="post">
        姓名:<input type="text" name="name"><br>
        金額:<input type="text" name="money"><br>
        <input type="submit" value="保存">
    </form>
</body>
</html>

5.2 編寫成功跳轉界面

在 WEB-INF 目錄下創建 pages 文件,再創建 list.jsp 和 success.jsp(和controller 中跳轉的頁面時對應的)
在這裏插入圖片描述
爲什麼會這樣的呢?

  1. 因爲我們在 springmvc.xml 中配置了這樣的一個視圖解析器
    在這裏插入圖片描述

  2. 因爲我們使用了 controller 來接收所有的網絡請求,這個請求會最先經過 web.xml 中配置的 前端控制器
    在這裏插入圖片描述

  3. 經過了前端控制器,再會經過 視圖解析器,然後根據返回的內容,跳轉至指定頁面,也就是 list.jsp

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" language="java" %>
<html>
<head>
    <title>list</title>
</head>
<body>
    <h3>查詢了所有的賬戶信息</h3>
    ${list.get(0)} ${list.get(0)}
</body>
</html>

六、運行效果

6.1 返回字符串

在這裏插入圖片描述

6.2 查詢所有

顯示的內容我只打印了顯示第一條數據,所以這裏只有第一條數據
在這裏插入圖片描述

6.3 表單封裝

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章