Advertisement

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

阅读量:

1 介绍

1.1 SpringBoot

由Pivotal团队于2013年开始研发,并于2014年4月推出首版的春雨系列软件(Sprinthe)是一款全开源的轻量级框架工具。其架构基于Spring 4.0版本,并且不仅继承了原有的诸多优势;同时通过优化配置管理使得整个应用部署与开发流程更加便捷;此外整合了众多第三方库有效地解决了版本兼容性和引用不稳定性的常见问题

1.2 SSM框架

基于Spring、SpringMVC与MyBatis这三个开源组件构建而成

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
在这里插入图片描述
  • 可选方案包括使用Thymeleaf组件 ,此外还可以选择在POM中添加相关依赖项。
  • 由于该工程已事先搭建完成 ,因此,在POM文件中添加依赖即可。
  • 最后,请为项目自定义一个工程名称,并请指定项目所在路径位置即可完成配置。
    已展示用户列表并构建好目录结构:
  • 用户列表展示位置
  • 列表排序方式
  • 每条记录显示信息
  • 详细描述部分
  • 相关链接位置
  • 是否有权限查看部分
在这里插入图片描述

2.3 POM文件

  • 加入Thymeleaf依赖
在这里插入图片描述

由于利用了前一项目代码的修改,并且该商品列表采用了PageInfo来进行分页展示,因此需要添加依赖

在这里插入图片描述
  • 静态资源
在这里插入图片描述

当这些依赖显示错误提示时,请检查是否已正确下载完成;右侧的Maven左侧是否有误?

在这里插入图片描述

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 商品展示

在这里插入图片描述

源代码:
<>

全部评论 (0)

还没有任何评论哟~