谷粒商城-商城业务-商品详情

news/2024/11/8 1:27:44/

目录

商城业务-商品详情-环境搭建

商城业务-商品详情-模型抽取

商城业务-商品详情-规格参数

商城业务-商品详情-销售属性组合

商城业务-商品详情-详情页渲染

商城业务-商品详情-销售属性渲染

商城业务-商品详情-sku组合切换

商城业务-商品详情-异步编排优化


商城业务-商品详情-环境搭建

京东搜索页的域名为:search.jd.com

京东详情页的域名为:item.jd.com 

①为商品详情页配置域名 

 ②nginx中之前已经配置Ok

cd mydata/nginx/conf.d
cat gulimall.conf

③配置网关

④ 上传静态资源

将 shangpinxiangqing.html 复制 product 服务中的 templates,并修改名字为item.html

将静态资源上传至nginx中

点击上传按钮

 1.在nginx中的html文件夹下创建item文件夹

2. 上传静态资源

3. 修改静态资源请求路径 (CTRL+R)

选中href=",CTRL+R进行替换

⑤编写Controller

请求路径中带有skuId:skuId.html

 

⑥搜索页跳转详情页功能编写

右击检查,精确查找

 thymeleaf中的||包含的为字符串

商城业务-商品详情-模型抽取

①获取sku的基本信息,数据来自于pms_sku_info表

 ②sku的图片信息,数据来自于 pms_sku_images表

 ③spu下的sku组合信息

 ④spu的介绍,数据来源于pms_spu_info_desc表

 ⑤spu的规格参数

编写Vo

由于使用内部类,编写sql时获取不到内部类,因此,将内部类抽取出来 

商城业务-商品详情-规格参数

编写接口

获取sku的基本信息,数据来自于pms_sku_info表

sku的图片信息,数据来自于 pms_sku_images表

③ spu的介绍,数据来源于pms_spu_info_desc表

spu的规格参数

通过catalogId查询关联的属性组,通过属性组查询关联的属性,通过关联的属性查询商品规格参数

说明:数据库字段名与实体类属性名不一致时,需要通过起别名或者编写resultMap进行一一映射

进行测试:

商城业务-商品详情-销售属性组合

通过spuId获取每个skuId,通过skuId获取销售属性组合

mysql中的group_concat函数详解:mysql之group_concat函数详解_Garfield_cat_cat的博客-CSDN博客_group_concat函数详解

商城业务-商品详情-详情页渲染

加入名称空间

1.渲染标题

2.默认图片展示

3.价格显示

整数保留3位,小数保留2位

4.有货无货信息显示,默认有货

5.所有图片的展示 

6.渲染销售属性

 ${#strings.listSplit(namesStr,',')} // returns List<String>

 

7.商品描述

8.规格参数显示 

取出超链接否则跳转出错

商城业务-商品详情-销售属性渲染

下面要实现的功能就是点击商品的销售属性自动进行一个跳转:

如何确定选择skuId呢?

具有粉色属性的skuId集合与256GB内存的skuId集合作交集

sql语句如下:

改写封装的销售属性的Vo: 

改写sql语句:

改写之前写的页面 :

回显功能显示: 

①拥有该属性值的skuId集合包含当前查询的skuId时,将class设置为checked

②为被选中的属性值设置样式

未被选中样式:

被选中样式:

 

 当页面加载完成后,将所有css设置为未被选中样式,然后checked为选中样式

商城业务-商品详情-sku组合切换

1.为点击的元素添加上自定义的属性,为了识别是刚被点击的

 2.封装当前被点击元素的skuIds

3. 去掉同一行中的checked

4.封装其它被选中元素的skuIds

5. 求交集

6. 路径跳转

商城业务-商品详情-异步编排优化

1.编写业务线程池配置类

①导入编写配置文件的提示依赖

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-configuration-processor</artifactId><optional>true</optional>
</dependency>

②编写配置类

③ 配置配置文件

④ 编写线程池

⑤异步编排

3、4、5操作需要1操作完成之后才能执行 

 注入线程池对象

 


http://www.ppmy.cn/news/833609.html

相关文章

SAP MM模块简单介绍

SAP划成了几个比较大的模块,各模块虽有联系但也有某种程度的独立性.用户可能只购买其中的的某几个模块,然后再用做一些二次开发.主要是用ABAP. 一种专门用来针对SAP二次开发的语言.再配合自己的其他一些系统.就可以实现整个公司的信息化管理了. SAP的可配置性非常强,它可以应用…

【MM模块】 Goods Issue 发货

发货通常有三种方式&#xff1a; 从仓库发料&#xff1b;从寄售发料&#xff1b;从管道发料&#xff1b; 系统专门的发货事务代码&#xff1a;MB1A / MIGO 比较常用的移动类型&#xff1a; 1、发料到成本中心 从正常库位 201从寄售库存 201 K从管道材料 201 P 一般这里会…

彩绘漂亮MM集

女--韦庄 冠子 【作者简介】 韦庄:(836—910)字端己&#xff0c;长安杜陵(今西安)人乾进士&#xff0c;此前曾漫游各地。曾任校书郎、左补阙等职。后入蜀&#xff0c;为王建掌书记。王氏建立前蜀&#xff0c;他做过宰相。终于蜀。他的诗词都很著名&#xff0c;诗极富画意&am…

SAP WM与MM联系

转载自&#xff1a;https://blog.csdn.net/superying/article/details/86645028 最近集团的瑞士公司有可能要实施WM&#xff0c;而俺又很久没写技术性的BLOG了&#xff0c;因此WM的文章就这样产生了 。

【MM小贴士】SAP MM模块 序列号管理

序列号管理在离散行业 如 汽车、机械装备等行业应用较多。每生产一个产品 都有一个唯一的编号。该编号用于追踪产品质量、处理后续的质量投诉&#xff0c;判定产品保质期等。 今天我们学习序列号的基础配置&#xff1a; 一、定义序列号参数 存在的需求&#xff1a;如果勾上 表…

MM寄售业务

1.激活寄售信息记录 2.创建寄售物料主数据 3.创建信息记录 4.创建PO 5.收货 6.转仓(MB1B) 保存时报错: 解决办法&#xff1a;OMWB里面维护 KON 类型 8.查看库存(MMBE) 7.结算(MRKO) 没有税务码&#xff0c;需要在信息记录里维护(ME12) 再次执行结算&#xff1a; 至此&#xff0…

MGP游戏商城

一般网站开发基本流程&#xff1a;内容分析、结构设计、原型设计、方案设计、布局设计、视觉设计、交互设计 在MGP项目文件中的各个文件和文件夹的详细描述如下&#xff1a; 1&#xff1a;images文件夹&#xff1a;用于存放项目中用到的图片、图片和图标文件&#xff0c;如 .…

谷粒商城-支付业务

目录 商城业务-支付-支付宝沙箱&代码 商城业务-支付-RSA、加密加签、密钥等 商城业务-支付-内网穿透 商城业务-订单服务-整合支付前需要注意的问题 商城业务-订单服务-整合支付 商城业务-订单服务-支付成功同步回调 商城业务-订单服务-订单列表页渲染完成 商城业务…