商品列表展示(SpringBoot+SSM框架+Thymeleaf)

1 介绍

1.1 SpringBoot

SpringBoot是由Pivotal团队在2013年开始研发、2014年4月发布第一个版本的全新开源的轻量级框架。它基于Spring4.0设计,不仅继承了Spring框架原有的优秀特性,而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突,以及引用的不稳定性等问题得到了很好的解决。

1.2 SSM框架

SSM(Spring+SpringMVC+MyBatis)框架集由Spring、SpringMVC、MyBatis三个开源框架整合而成,常作为数据源较简单的Web项目的框架。其中Spring是一个轻量级的控制反转(IOC)和面向切面(AOP)的容器框架,Spring为企业应用的开发提供了一种轻量级的解决方案。SpringMVC分离了控制器、模型对象、分派器以及处理程序对象的角色,这种分离让它们更容易进行定制。在Web应用开发过程中,SpringMVC框架容纳了包括JSP在内的大量视图技术,可以灵活配置。MyBatis是一个支持普通SQL查询,存储过程和高级映射的优秀持久层框架。通过配置XML文件或者注解实现对象。MyBatis 让程序将主要精力放在 SQL 语句上,通过MyBatis 提供的映射方式,自由灵活生成(半自动化,大部分需要程序员编写 SQL) 满足需要的 SQL 语句,修改比较容易。

1.3 Thymeleaf

官网:https://www.thymeleaf.org/

2 案例:商品列表展示

展示
在这里插入图片描述

2.1 数据库设计

  • 表设计
    在这里插入图片描述
    在这里插入图片描述

2.2 新建项目

  • 使用IDEA
    在这里插入图片描述
  • 新建项目
    在这里插入图片描述
  • 选择Spring Initializr
    在这里插入图片描述
  • 选择JDK1.8版本,包名自定义
    在这里插入图片描述
  • 选择Web项目下的Spring Web
  • Spring Boot这里选择2.4.4
    在这里插入图片描述
  • 选择SQL下的Mybatis FrameworkMySQL Driver
    在这里插入图片描述
  • 接下来可以选择Template Engines下的Thymeleaf,也可以选择在POM文件加入依赖。
  • 因为这个工程是之前就建立好的,所以直接在POM文件加入依赖。
  • 最后自定义工程名,选择工程所在路径,即可。
    因为已经完成了一个用户列表的展示,已有目录结构如下:
    在这里插入图片描述

2.3 POM文件

  • 加入Thymeleaf依赖
    在这里插入图片描述
    因为拿之前项目的代码进行修改,商品列表展示有使用PageInfo进行分页展示,所以也加入依赖
    在这里插入图片描述
  • 静态资源
    在这里插入图片描述
    如果这些依赖有红色错误,可以是没有下载下来,可以在右边的maven点击Reload
    在这里插入图片描述

2.4 application.properties文件

在这里插入图片描述
如果tomcat默认端口被占用,也可以在这里修改
修改成8081

#修改tomcat的端口
server.port=8081
  • thymeleaf配置
##thymeleaf配置
spring.thymeleaf.cache=false
spring.thymeleaf.suffix=.html
spring.thymeleaf.prefix=classpath:/templates
spring.thymeleaf.encoding=utf-8
spring.thymeleaf.mode=LEGACYHTML5
spring.thymeleaf.content-type=text/html

2.5 entity、dao、mapper、service、sercice/impl

因为代码是使用生成器自动生成,所有直接CV过来修改

2.5.1 entity实体类

如果包名显示错误,可以使用ctrl+shift+o自动导入
在这里插入图片描述
在这里插入图片描述

2.5.2 dao层

图片解释写错了注解名
使用**@Repository或者@Mapper**
在这里插入图片描述

2.5.3 mapper(存放xml文件)——>记得测试

在这里插入图片描述

2.5.4 service接口

在这里插入图片描述

2.5.5 service/impl实现类——>记得测试

在这里插入图片描述

2.6 测试

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
测试通过,接下来写控制层

2.7 controller控制层

在这里插入图片描述

2.8 HTML界面

在这里插入图片描述

2.9 商品展示

在这里插入图片描述
源代码:
https://download.csdn.net/download/weixin_47119452/16056287

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
SpringBoot是一款以简化开发的方式来构建Java应用程序的框架,它提供了许多开箱即用的特性和便捷的配置方式。Thymeleaf是一个用于处理服务器端渲染的模板引擎,可以将动态数据注入到HTML模板中。SSM是指Spring+SpringMVC+MyBatis的组合,是一套经典的Java Web开发框架。Vue.js是一款用于构建用户界面的渐进式框架,可以实现前端的组件化开发和数据驱动视图更新。 要实现简单的增删改查功能,可以按照以下步骤进行: 1. 首先,使用SpringBoot创建一个新的项目,并引入ThymeleafSSM和Vue.js相关的依赖。 2. 创建一个数据库表,用于存储需要进行增删改查操作的数据。可以使用MySQL等关系型数据库。 3. 在SpringBoot的配置文件中配置数据库连接信息,并创建对应的数据源和事务管理器。 4. 创建实体类,在实体类中定义需要操作的属性和对应的数据字段。 5. 创建MyBatis的Mapper接口和对应的XML文件,用于定义数据库操作的SQL语句。 6. 在SpringBoot的配置类中配置MyBatis相关的扫描和注入。 7. 创建控制器类,处理前端请求。 8. 在控制器类中定义增删改查的方法,并调用对应的Mapper接口执行数据库操作。 9. 创建前端页面,使用Vue.js来实现数据的展示和交互。 10. 在前端页面中绑定相应的事件和请求,通过HTTP请求调用后端控制器的方法。 11. 在页面中显示查询的数据,并提供相应的操作按钮,通过绑定事件来实现增删改的功能。 12. 启动项目,通过浏览器访问前端页面,即可进行增删改查的操作。 以上是一个基本的步骤,具体的实现会涉及到很多细节,需要根据具体的需求和技术选型来进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值