【Spring全家桶系列之基础篇 | Spring MVC】第三章 带你一步步实现SSM(Spring+SpringMVC+MyBatis)的案例

SSM(Spring+SpringMVC+MyBatis)由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的一部分),其常作为数据源较简单的web项目的框架使用。

本篇文章带你使用SSM,一步步实现一个简单的可输入的表格的页面,输入后成功插入数据到数据库,现在来跟着我一步一步做吧_

:这里对于工具的安装不做介绍,如果您机器上还没有开发环境,请参照我博客中关于安装及配置的部分进行工具的准备,主要需要的为JDK、Tomcat、Intellij IDEA、MySQL的安装及配置。

1. 数据准备

登录mySQL
在这里插入图片描述
新建用于当前案例的数据库
在这里插入图片描述
应用数据库
在这里插入图片描述
创建表
在这里插入图片描述

2. 创建SSM项目

在Eclipse中,新建项目,并参照文章【Spring全家桶系列之基础篇 | Spring MVC】第二章 | 第一节 如何升级Eclipse中的Webapp】,对webapp进行升级
在这里插入图片描述

3. 引入需要的包

本案例需要使用Mybatis、Mysql及JSTL,所以需要引用相关的包如下:
在这里插入图片描述
在这里插入图片描述
执行Update project进行更新

4. 创建访问数据库的配置文件

在src/main/resources下,新建配置文件jdbc.properties,如果没有目录resources,请在main目录下新建一个,在jdbc.properties文件中加入下面代码:
在这里插入图片描述

5. 创建mybatis的配置文件

在src/main/resources下,新建配置文件spring-mybatis.xml
在这里插入图片描述

6. 配置对spring-mybatis.xml文件的监听

修改src/main/webapp/WEB-INF的web.xml文件
在这里插入图片描述

7. 配置context的监听及静态资源

1)修改src/main/webapp/WEB-INF的web.xml文件,加入如下内容:
在这里插入图片描述
**注意:**如果上面的监听不进行设置,则@Resource标签无法使用
2)修改springmvc-servlet.xml文件,加入下面内容:
在这里插入图片描述

8. 创建实体

新建实体类,用于承载Product数据
在这里插入图片描述
在这里插入图片描述
生成get及set方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8. DAO数据访问层

在src/main/java下,新建接口如下:
在这里插入图片描述
加入接口内需要的方法
在这里插入图片描述
在src/main/resources下新建文件夹mapper,在mapper文件夹下新建文件ProductDaoMapper.xml,用于配置对数据的操作
在这里插入图片描述
在ProductDaoMapper.xml文件中,输入下面内容
在这里插入图片描述

9. Service访问层

在src/main/java下,新建接口ProductService,如下:
在这里插入图片描述
输入接口中代码
在这里插入图片描述
新建接口ProductService的实现类
在这里插入图片描述
输入实现类代码,调用productDao,插入数据
在这里插入图片描述

10. Form对象

在src/main/java下新建Form对象ProductForm,如下:
在这里插入图片描述
输入form文件内代码,如下(与Product.class 内代码一致):
在这里插入图片描述

11. Controller层

新建控制器类ProductController
在这里插入图片描述
输入代码,用于展示页面
在这里插入图片描述

12. 页面

在src/main/webapp/WEB-INF/pages下面新建文件show.jsp
在这里插入图片描述
加入头部内容
在这里插入图片描述
加入body内容,可在页面中输入ID、Name及Description的值
在这里插入图片描述

13. 修改Controller

打开ProductController.java文件,加入对页面表格数据提交的处理内容,如下:
在这里插入图片描述

14. 新建插入信息返回页面

在src/main/webapp/WEB-INF/pages下面新建文件success.jsp
在这里插入图片描述
输入提示语句Success
在这里插入图片描述

15. 将项目加入Tomcat

在Server视图中,tomcat上右键单击,选择【Add and Remove…】,弹出框中选择当前的项目,单击【Add】,最后单击【Finish】完成
在这里插入图片描述

16. 浏览器浏览页面

在浏览器中输入url:localhost:8080/SpringMVC-SSM/p/show,回车显示页面,如下:
在这里插入图片描述
输入信息,并单击Submit提交
在这里插入图片描述
提交后,页面跳转,如下:
在这里插入图片描述
查看数据库数据,如下:
在这里插入图片描述
至此,显示并录入信息插入数据库案例成功完成。

SpringMVC的视频中有更加全面的SSM的增删改查的案例,有兴趣的可以自行查看。

推荐视频 — Spring 全家桶

轻松搞定Spring全家桶—初识篇

基础篇:Spring MVC快速开发

核心篇:SpringBoot快速入门

核心篇:深入浅出SpringCloud+SpringData

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码界领航

你的鼓励将是我最最大的创作动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值