新峰商城之购物车(二)

        购物车中列表功能,也是购物车的一个重要功能,购物车页面的商品列表是一个List对象和一些总览性字段。以下主要讲述购物车列表功能的主要实现步骤和代码。

一、数据格式的定义

        购物项列表数据中的商品标题字段、商品预览图字段、商品价格字段可以通过购物项表中的goods_id 来关联和查询,而其商品数量字段通过购物项表来查询,列表还有一个删除按钮,因此需要返回购物项的id字段。总览性数据包括加购总量字段和总价字段。返回数据的格式为购物项列表数据+加购总量字段+总价字段。购物项VO对象编码如下所示:

public class NewBeeMallShoppingCartItemVO implements Serializable {

    private Long cartItemId;

    private Long goodsId;

    private Integer goodsCount;

    private String goodsName;

    private String goodsCoverImg;

    private Integer sellingPrice;

}

二、购物车列表数据的获取

购物车列表中的字段可以分别通过查询shopping_cart_item购物项表和goods_info商品表获取。

实体层

(1)Mapper接口

首先在购物项实体Mapper接口的NewBeeMallShoppingCartItemMapper.java中增加如下方法:

//根据userId和number字段获取固定数量的购物项列表数据
  List<NewBeeMallShoppingCartItem> selectByUserId(
        @Param("newBeeMallUserId") Long newBeeMallUserId
      , @Param("number") int number);

(2)Mapper映射文件

映射文件NewBeeMallShoppingCartItemMapper.xml添加具体的SQL语句,代码如下:

<select id="selectByUserId" resultMap="BaseResultMap">
        select
        <include refid="Base_Column_List"/>
        from tb_newbee_mall_shopping_cart_item
        where user_id = #{newBeeMallUserId,jdbcType=BIGINT} and is_deleted = 0
        limit #{number}
</select>

业务层

在业务类中增加getMyShoppingCartItems方法,用以获取购物项列表数据,

在NewBeeMallShoppingCartService.java中增加方法,主要代码如下:

//获取我的购物车中的列表数据
List<NewBeeMallShoppingCartItemVO> getMyShoppingCartItems(Long newBeeMallUserId);

在NewBeeMallShoppingCartServiceImpl类中实现方法,主要代码如下:

 @Override
    public List<NewBeeMallShoppingCartItemVO> getMyShoppingCartItems(Long newBeeMallUserId) {
        List<NewBeeMallShoppingCartItemVO> newBeeMallShoppingCartItemVOS = new ArrayList<>();
        List<NewBeeMallShoppingCartItem> newBeeMallShoppingCartItems = newBeeMallShoppingCartItemMapper.selectByUserId(newBeeMallUserId, Constants.SHOPPING_CART_ITEM_TOTAL_NUMBER);
        if (!CollectionUtils.isEmpty(newBeeMallShoppingCartItems)) {
            //查询商品信息并做数据转换
            List<Long> newBeeMallGoodsIds = newBeeMallShoppingCartItems.stream().map(NewBeeMallShoppingCartItem::getGoodsId).collect(Collectors.toList());
            List<NewBeeMallGoods> newBeeMallGoods = newBeeMallGoodsMapper.selectByPrimaryKeys(newBeeMallGoodsIds);
            Map<Long, NewBeeMallGoods> newBeeMallGoodsMap = new HashMap<>();
            if (!CollectionUtils.isEmpty(newBeeMallGoods)) {
                newBeeMallGoodsMap = newBeeMallGoods.stream().collect(Collectors.toMap(NewBeeMallGoods::getGoodsId, Function.identi
### 新蜂商城的使用指南与开发文档 #### 1. 构建工具配置 构建系统的配置文件 `build.gradle` 或者 `pom.xml` 是项目的核心部分之一,用于定义项目的依赖项以及编译、打包和发布的具体指令。这些文件的存在使得开发者可以轻松管理复杂的依赖关系并自动化许多重复性的任务[^1]。 对于采用 Gradle 的项目而言,在 `build.gradle` 文件中会指定插件版本号、库依赖列表以及其他必要的设置参数;而 Maven 用户则通过编辑其对应的 XML 配置来实现相同目的——即确保所有必需组件都被正确引入到工程当中以便顺利完成整个软件生命周期内的各项操作流程。 #### 2. 应用程序属性配置 在 Spring Boot 框架下运行的新蜂商城还需要关注另一个重要方面:应用程序级别的个性化调整选项通常存储于名为 `application.properties` 或 YAML 格式的同名替代品之中。这类资源允许管理员自定义端口号、数据库连接字符串等敏感数据而不必修改源码本身即可生效[^1]。 #### 3. 客户端前端架构概述 针对基于现代 JavaScript 技术栈所打造出来的全新一代 web 应用场景解决方案—newbee-mall-vue3-app 提供了一个完整的实例演示如何利用 Vue.js 生态圈中的最新成果快速搭建起功能齐全且用户体验优秀的在线购物平台界面布局设计思路及其背后的技术细节描述如下: 该项目采用了当前流行的 Vue3 全家桶作为主要框架支持,并辅以 vue-router 路由管理和 pinia 状态管理模式共同协作完成跨组件间通信需求处理工作流的同时还集成了 vant UI 组件库从而极大简化了日常编码过程中频繁遇到的一些常见交互逻辑实现难度降低维护成本提升效率等方面均表现出色[^2]。 ```javascript // 示例代码片段展示Pinia状态管理器基本用法 import { defineStore } from 'pinia'; export const useCartStore = defineStore('cart', { state: () => ({ items: [] }), actions: { addItem(item){ this.items.push(item); } } }); ``` #### 4. Java 运行时环境准备 如果计划部署该服务至类 Unix 平台之上,则可能需要提前做好 JDK 安装及相关路径映射等工作步骤指导信息可参见下面给出的具体命令行脚本样例内容说明材料里提到过相关内容可供参考学习之用[^3]: ```bash vim /etc/profile # 添加以下几行 export JAVA_HOME=/usr/local/src/jdk1.8 export PATH=${JAVA_HOME}/bin:${PATH} export CLASSPATH=.:${JAVA_HOME}/lib/tools.jar source /etc/profile java -version ``` 以上就是关于新蜂商城后端服务器端一直到客户端表现层各个层面涉及到的主要知识点总结归纳希望能够帮助您更好地理解和掌握这个开源电商系统整体运作原理!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值