Web项目实战 | 购物系统v2.0 | 开发记录（三）分页显示 | 根据商品名称进行模糊查询

最新推荐文章于 2023-02-28 20:28:58 发布

「已注销」

最新推荐文章于 2023-02-28 20:28:58 发布

阅读量1.7k

点赞数

分类专栏：项目实战2: 基于SpringBoot的购物商城系统文章标签：前端 spring boot java

本文链接：https://blog.csdn.net/Unirithe/article/details/122743352

版权

本文是Web项目购物系统v2.0开发记录的第三部分，介绍了如何使用PageHelper插件实现分页显示，以及根据商品名称进行模糊查询。在前端，讲解了Thymeleaf引擎的应用，并展示了如何处理分页和模糊查询的页面。同时，文中还列举并解决了在开发过程中遇到的iframe路径问题、JS全局变量修改和Thymeleaf获取session值的问题。

摘要由CSDN通过智能技术生成

祝大家2022新年快乐!

历史记录

一、运行环境

windows10
IDEA 2021.1 专业版
JDK8
SpringBoot2
Druid 1.2.5
Bootstrap 4.6.0
MySQL 8
Navicat 11

二、PagheHelper插件插件实现分页显示

PageHelper插件是基于MyBatis框架实现的，使用原先的pageHelper插件需要有配置文件，而在SpringBoot项目中只要设置起步依赖，配置即用，十分的方便
pom.xml


<dependency>
    <groupId>org.mybatis.spring.boot</groupId>
    <artifactId>mybatis-spring-boot-starter</artifactId>
    <version>2.2.1</version>
</dependency>

<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper-spring-boot-starter</artifactId>
    <version>1.4.1</version>
</dependency>

在这里插入图片描述
前端代码：

<!-- 商品列表 -->
<div class="container">
   <ul style="list-style: none" class="row">
       <!--/*@thymesVar id="comInfo" type="java.util.List<com.uni.pojo.Commodity>"*/-->
       <li th:each="com : ${comInfo}" class="col-md-2 col-sm-4 u-card-body text-center">
           <img th:src="${com.comImgSrc}" class="u-card-img">
           <h6 class="u-text-sm text-danger">￥<span th:text="${com.comPrice}"></span></h6>
           <h6 class="u-text-sm"><span th:text="'[' + ${com.comType} + ']'"></span><span th:text="${#strings.abbreviate(com.comName, 30)}"></span>

最低0.47元/天解锁文章