(自用)Java学习-5.15(模糊搜索,收藏,购物车)

1. 模糊搜索商品功能
  • 前端实现

    • 通过解析URL参数(如search=联想)获取搜索关键字,发送AJAX GET请求到后端接口/product/searchGoodsMessage

    • 动态渲染搜索结果:若结果非空,循环遍历返回的商品数据,生成商品卡片(包含图片、价格、标题),并绑定收藏和购物车功能按钮;若结果为空,显示"无商品信息"。

    • 使用replace()方法动态替换模板中的占位符(如#{id}#{price})。

  • 后端实现

    • 控制器接收关键字info,调用服务层执行模糊查询。

    • SQL逻辑SELECT * FROM t_product WHERE title LIKE '%#{info}%' AND status=1 ORDER BY priority DESC LIMIT 0,12,限制返回前12条数据。

    • 返回JSON格式的商品列表数据。


2. 添加收藏功能
  • 前端实现

    • 点击"加入收藏"按钮触发addFavoriteUse(pid)函数,弹出确认框后发送AJAX请求到/favorite/addFavoriteUse

    • 成功回调后更新按钮状态(如图标变为"取消收藏")。

  • 后端实现

    • 控制器从会话中获取用户ID和用户名,调用服务层插入收藏记录。

    • 服务层逻辑

      1. 根据商品ID查询商品详情(Product表)。

      2. 将商品信息(标题、价格、图片)与用户ID一起存入收藏表t_favorites

    • SQL逻辑INSERT INTO t_favorites插入完整收藏记录,返回生成的自增收藏ID(fid)。


3. 添加购物车功能
  • 前端实现

    • 点击"加入购物车"按钮触发addProToCart(id, price),发送POST请求到/cart/addProToCart,参数包含商品ID、价格和数量(默认1)。

    • 根据后端返回状态码弹出成功或失败提示。

  • 后端实现

    • 核心逻辑

      1. 检查当前用户的购物车中是否已存在该商品。

      2. 若存在,更新商品数量(num = num + 1);若不存在,新增购物车记录。

    • SQL逻辑

      • 查询:SELECT * FROM t_cart WHERE pid=#{pid} AND uid=#{uid}

      • 插入:INSERT INTO t_cart记录商品、用户、数量、价格等信息。

      • 更新:UPDATE t_cart SET num=#{num}


4. 商品详情展示
  • 前端实现

    • 从URL参数中提取商品ID(pid),请求接口/product/getProDetail获取详情数据。

    • 动态渲染商品标题、价格、库存,并加载多张商品图片(如1_big.png1.jpg)。

  • 后端实现

    • SQL逻辑SELECT * FROM t_product WHERE id=#{pid},直接返回商品完整信息。

5. 购物车展示
  • 前端实现

    • 请求接口/cart/showCartInfo获取当前用户的购物车列表数据。

    • 动态生成表格,展示商品图片、标题、单价、数量(支持增减操作)、小计和删除按钮。

    • 使用模板替换占位符(如#{cid}#{image})填充数据。

  • 后端实现

    • SQL逻辑 :联表查询t_cartt_product,返回视图对象CartVo,包含购物车ID、商品信息、数量、小计等字段。

    • 查询语句

      sql 复制代码
      SELECT c.cid, c.pid, c.uid, c.num, p.price, p.image, p.title 
      FROM t_cart c LEFT JOIN t_product p ON c.pid = p.id 
      WHERE c.uid=#{uid} ORDER BY c.modified_time DESC;

6. 关键技术点
  1. 前后端交互

    • 使用AJAX异步请求,数据格式为JSON,通过RESTful风格接口通信。
  2. 数据库操作

    • MyBatis实现SQL映射,动态拼接查询条件(如模糊搜索LIKE)。

    • 联表查询优化数据展示(如购物车关联商品表)。

  3. 功能扩展性

    • 分页逻辑(LIMIT 0,12)支持后续扩展更多商品加载。

    • 收藏和购物车通过用户会话(HttpSession)隔离不同用户数据。

相关推荐
西阳未落2 小时前
C++基础(21)——内存管理
开发语言·c++·面试
whltaoin2 小时前
SpringCloud 项目阶段九:Kafka 接入实战指南 —— 从基础概念、安装配置到 Spring Boot 实战及高可用设计
spring boot·spring cloud·kafka
我的xiaodoujiao2 小时前
Windows系统Web UI自动化测试学习系列2--环境搭建--Python-PyCharm-Selenium
开发语言·python·测试工具
callJJ2 小时前
从 0 开始理解 Spring 的核心思想 —— IoC 和 DI(2)
java·开发语言·后端·spring·ioc·di
wangjialelele2 小时前
Linux中的线程
java·linux·jvm·c++
谷咕咕2 小时前
windows下python3,LLaMA-Factory部署以及微调大模型,ollama运行对话,开放api,java,springboot项目调用
java·windows·语言模型·llama
没有bug.的程序员3 小时前
MVCC(多版本并发控制):InnoDB 高并发的核心技术
java·大数据·数据库·mysql·mvcc
在下村刘湘3 小时前
maven pom文件中<dependencyManagement><dependencies><dependency> 三者的区别
java·maven
hsjkdhs4 小时前
万字详解C++之构造函数析构函数
开发语言·c++
不务专业的程序员--阿飞4 小时前
JVM无法分配内存
java·jvm·spring boot