前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringMVC 学习笔记 (day3 SSM 整合【这应该是最简单的 SSM 的整合的文章了吧】 小声BB)

SpringMVC 学习笔记 (day3 SSM 整合【这应该是最简单的 SSM 的整合的文章了吧】 小声BB)

作者头像
Gorit
发布2021-12-08 21:44:01
3820
发布2021-12-08 21:44:01
举报

所谓 SSM,就是把 Spring,SpringMVC,Mybatis 三个框架放在同一个项目中使用,此文使用了一个简单的实例,给大家演示 ssm 的整合基本过程。文章代码量比较多,大家可以适当选择查阅

一、修改 Maven 镜像源

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

我用的是 idea 自带的maven 工具,如果用得是自己下的maven,修改镜像配置的方式是一样的。

在这里插入图片描述
在这里插入图片描述

1.2 修改 Maven 源

使用编辑器打开该文件,我使用 subline 打开的,找到第 146行左右,添加如下镜像信息,把我下面的注释塞进去,就可以解决 maven 下载慢的问题了

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
     <mirror>
            <id>alimavenid>
            <name>aliyun mavenname>
            <url>http://maven.aliyun.com/nexus/content/groups/public/url>
            <mirrorOf>centralmirrorOf>
        mirror>
        <mirror>
            <id>ukid>
            <mirrorOf>centralmirrorOf>
            <name>Human Readable Name for this Mirror.name>
            <url>http://uk.maven.org/maven2/url>
        mirror>
        <mirror>
            <id>CNid>
            <name>OSChina Centralname>
            <url>http://maven.oschina.net/content/groups/public/url>
            <mirrorOf>centralmirrorOf>
        mirror>
        <mirror>
            <id>nexusid>
            <name>internal nexus repositoryname>
            
            <url>http://repo.maven.apache.org/maven2url>
            <mirrorOf>centralmirrorOf>
        mirror>

二、搭建 Maven WebApp 项目

2.1 搭建项目

一定要选择第二个,如果你选择第一个就要重新建一个的新的项目

在这里插入图片描述
在这里插入图片描述

大家初始化的项目是这样的结构

在这里插入图片描述
在这里插入图片描述

2.2 配置 Maven 依赖

因为我们要搭建 ssm 项目,所以需要加入 Spring,SpringMVC,MyBatis 的依赖,以及一些其他的配置文件

  1. 项目版本锁定
代码语言:javascript
复制
  <properties>
    <project.build.sourceEncoding>UTF-8project.build.sourceEncoding>
    <maven.compiler.source>1.8maven.compiler.source>
    <maven.compiler.target>1.8maven.compiler.target>
    <spring.version>5.2.3.RELEASEspring.version>
    <slf4j.version>1.6.6slf4j.version>
    <log4j.version>1.2.12log4j.version>
    <mysql.version>5.1.10mysql.version>
    <mybatis.version>3.4.5mybatis.version>
  properties>
  1. 依赖配置
代码语言:javascript
复制
  <dependencies>
    <dependency>
      <groupId>org.aspectjgroupId>
      <artifactId>aspectjweaverartifactId>
      <version>1.7.4version>
    dependency>

    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-aopartifactId>
      <version>${spring.version}version>
    dependency>



    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-contextartifactId>
      <version>${spring.version}version>
    dependency>

    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-webartifactId>
      <version>${spring.version}version>
    dependency>

    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-webmvcartifactId>
      <version>${spring.version}version>
    dependency>


    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-testartifactId>
      <version>${spring.version}version>
    dependency>


    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-txartifactId>
      <version>${spring.version}version>

    dependency>

    <dependency>
      <groupId>org.springframeworkgroupId>
      <artifactId>spring-jdbcartifactId>
      <version>${spring.version}version>
    dependency>


    <dependency>
      <groupId>junitgroupId>
      <artifactId>junitartifactId>
      <version>4.11version>
      <scope>compilescope>
    dependency>


    <dependency>
      <groupId>mysqlgroupId>
      <artifactId>mysql-connector-javaartifactId>
      <version>${mysql.version}version>
    dependency>


    <dependency>
      <groupId>javax.servletgroupId>
      <artifactId>javax.servlet-apiartifactId>
      <version>3.1.0version>
      <scope>providedscope>
    dependency>


    <dependency>
      <groupId>javax.servlet.jspgroupId>
      <artifactId>jsp-apiartifactId>
      <version>2.2version>
      <scope>providedscope>
    dependency>


    <dependency>
      <groupId>jstlgroupId>
      <artifactId>jstlartifactId>
      <version>1.2version>
    dependency>


    <dependency>
      <groupId>log4jgroupId>
      <artifactId>log4jartifactId>
      <version>${log4j.version}version>
    dependency>


    <dependency>
      <groupId>org.slf4jgroupId>
      <artifactId>slf4j-apiartifactId>
      <version>${slf4j.version}version>
    dependency>

    <dependency>
      <groupId>org.slf4jgroupId>
      <artifactId>slf4j-log4j12artifactId>
      <version>${slf4j.version}version>
    dependency>



    <dependency>
      <groupId>org.mybatisgroupId>
      <artifactId>mybatisartifactId>
      <version>${mybatis.version}version>
    dependency>


    <dependency>
      <groupId>org.mybatisgroupId>
      <artifactId>mybatis-springartifactId>
      <version>1.3.3version>
    dependency>


    <dependency>
      <groupId>c3p0groupId>
      <artifactId>c3p0artifactId>
      <version>0.9.1.2version>
      <type>jartype>
      <scope>compilescope>
    dependency>
    <dependency>
      <groupId>org.junit.jupitergroupId>
      <artifactId>junit-jupiterartifactId>
      <version>RELEASEversion>
      <scope>compilescope>
    dependency>
  dependencies>

maven 配置好了之后,这些内容就会在后台自动下载,这里我们就不用管了

三、配置文件编写

  1. Spring 的配置文件
  2. SpringMVC 的配置文件
  3. MyBatis 的配置我们也可以写(但是 Spring 整合了 MyBatis 对象,我们就不用在自己编写)
  4. 配置日志记录文件

3.1 Spring 配置文件

在 Maven 的 resources 目录里创建一个 applicationContext.xml 的配置文件,加入 Spring的 一些配置 和 约束

这里有些 IOC 的配置会报错,之后会解决

代码语言:javascript
复制
<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="cn.gorit">
        
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    context:component-scan>

    

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


    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
    bean>


    <bean id="mapperScanner" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="cn.gorit.dao" />
    bean>



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

            <tx:method name="find*" read-only="true"/>
            <tx:method name="*" isolation="DEFAULT" />
        tx:attributes>
    tx:advice>


    <aop:config>
        <aop:advisor advice-ref="txAdvice" pointcut="execution( * cn.gorit.service.impl.*ServiceImpl.*(..))">aop:advisor>
    aop:config>
beans>

3.2 log4j 配置文件编写

这是一个 日志打印的一个配置文件

代码语言:javascript
复制
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 目录下

代码语言:javascript
复制
<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">

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


    <mvc:annotation-driven/>
beans>

3.4 数据库创建

创建一个名为 ssm 的数据库,并创建名为 account 的表,表结构如下, 注意数据库版本,我用得是 mysql 5.7 版本的

代码语言:javascript
复制
//创建数据库
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 监听器 编码监听器

代码语言:javascript
复制
<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 Applicationdisplay-name>
  

<listener>
  <listener-class>org.springframework.web.context.ContextLoaderListenerlistener-class>
listener>

  <context-param>
    <param-name>contextConfigLocationparam-name>
    <param-value>classpath:applicationContext.xmlparam-value>
  context-param>


  <servlet>
    <servlet-name>dispatcherServletservlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>

    <init-param>
      <param-name>contextConfigLocationparam-name>
      <param-value>classpath:springmvc.xmlparam-value>
    init-param>

    <load-on-startup>1load-on-startup>
  servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServletservlet-name>
    <url-pattern>/url-pattern>
  servlet-mapping>


  <filter>
    <filter-name>characterEncodingFilterfilter-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>characterEncodingFilterfilter-name>
    <url-pattern>/*url-pattern>
  filter-mapping>
  
web-app>

四、编写 java 类

4.1 创建如下包结构

在这里插入图片描述
在这里插入图片描述

4.2 编写实体类 Account

通过上面可知,我们应该要创建一个名为 account 的实体类,并且也是包含三个字段

代码语言:javascript
复制
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 的注解,直接完成数据库的操作

代码语言:javascript
复制
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编写 编写两个基础的账号操作接口
代码语言:javascript
复制
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 层对应的方法即可
代码语言:javascript
复制
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 我们就可以在页面看到我们想要的数据了

代码语言:javascript
复制
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 中的方法

代码语言:javascript
复制
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试title>
head>
<body>

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

    <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 中配置了这样的一个视图解析器
在这里插入图片描述
在这里插入图片描述
  1. 因为我们使用了 controller 来接收所有的网络请求,这个请求会最先经过 web.xml 中配置的 前端控制器
在这里插入图片描述
在这里插入图片描述
  1. 经过了前端控制器,再会经过 视图解析器,然后根据返回的内容,跳转至指定页面,也就是 list.js
代码语言:javascript
复制
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" language="java" %>
<html>
<head>
    <title>listtitle>
head>
<body>
    <h3>查询了所有的账户信息h3>
    ${list.get(0)} ${list.get(0)}
body>
html>

六、运行效果

6.1 返回字符串

在这里插入图片描述
在这里插入图片描述

6.2 查询所有

显示的内容我只打印了显示第一条数据,所以这里只有第一条数据

在这里插入图片描述
在这里插入图片描述

6.3 表单封装

在这里插入图片描述
在这里插入图片描述
本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 所谓 SSM,就是把 Spring,SpringMVC,Mybatis 三个框架放在同一个项目中使用,此文使用了一个简单的实例,给大家演示 ssm 的整合基本过程。文章代码量比较多,大家可以适当选择查阅
  • 一、修改 Maven 镜像源
    • 1.1 找到 maven 的配置文件 settings.xml
      • 1.2 修改 Maven 源
      • 二、搭建 Maven WebApp 项目
        • 2.1 搭建项目
          • 2.2 配置 Maven 依赖
          • 三、配置文件编写
            • 3.1 Spring 配置文件
              • 3.2 log4j 配置文件编写
                • 3.3 SpringMVC 配置文件
                  • 3.4 数据库创建
                    • 3.5 编写 web.xml
                    • 四、编写 java 类
                      • 4.1 创建如下包结构
                        • 4.2 编写实体类 Account
                          • 4.3 编写 dao 层方法
                            • 4.4 编写 Service 方法
                              • 4.5 编写 controller
                              • 五、编写前端页面
                                • 5.1 index.jsp 编写
                                  • 5.2 编写成功跳转界面
                                  • 六、运行效果
                                    • 6.1 返回字符串
                                      • 6.2 查询所有
                                        • 6.3 表单封装
                                        相关产品与服务
                                        数据库
                                        云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
                                        领券
                                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
                                        http://www.vxiaotou.com