功能介绍#

数据#

在商品详情页中除了以上数据，还包含SKU所属的SPU商品海报集合

简单总结下，商品详情页应该包含如下数据：

SKU商品基本信息，包括名称，重量，默认图片
SKU商品所属的三级类目信息
SKU商品价格
SKU所属SPU商品的销售属性以及销售属性值的组合
SKU商品的图片集合
SKU商品的平台属性，以及属性取值集合(规格参数)
SKU所属SPU的商品海报

请求链路#

实现#

在商品服务中，我们需要接收前端发送的获取商品详情的请求，我们还需要重点实现以下接口，在业务层面处理商品详情页的服务调用请求

1
    @GetMapping("goods/{skuId}")
2
    public Result<ProductDetailDTO> getItem(@PathVariable Long skuId){
3
        ProductDetailDTO itemBySkuId = productDetailService.getItemBySkuId(skuId);
4
        return Result.ok(itemBySkuId);
5
    }

1
public interface ProductDetailService {
2

3
    /**
4
     * 获取sku详情信息
5
     * @param skuId
6
     * @return
7
     */
8
    ProductDetailDTO getItemBySkuId(Long skuId);
9
}

1
/*
2
     该类封装了商品详情页所需的所有数据
3
 */
4
@Data
5
public class ProductDetailDTO {
6
    // 商品sku 信息 + sku图片集合
7
    SkuInfoDTO skuInfo;
8

9
    // 获取指定的sku完整的销售属性值
10
    List<SpuSaleAttributeInfoDTO> spuSaleAttrList;
11

12
    // 获取spu中包含的所有的不同销售属性取值的组合
13
    String valuesSkuJson;
14

15
    // 获取sku商品的价格
16
    BigDecimal price;
17

18
    // 获取完整的三级类目信息
19
    CategoryHierarchyDTO categoryHierarchy;
20
    // 获取sku所属的SPU商品的海报列表
21
    List<SpuPosterDTO> spuPosterList;
22
    // 获取sku商品对应的平台属性集合(规格参数)
23
    List<SkuSpecification> skuAttrList;
24
}

获取SKU及其图片列表#

在SkuService中，我们实现如下方法。

1
    SkuInfoDTO getSkuInfo(Long skuId);

这里，我们既需要查询，sku_info表中sku的基本信息，还需要查询出sku商品的图片列表，这里需要注意:

而在sku_image表中并没有存储sku商品图片对应的url，图片的url是存储在spu_image表中
所以要获取到sku商品的url，需要做联表查询，连接spu_image和sku_image两张表
通过联表查询，查询出sku商品图片的名称和url，封装在SkuImage对象中，得到List

1
    <resultMap id="skuImage" type="com.cskaoyan.mall.product.model.SkuImage" autoMapping="true">
2

3
    </resultMap>
4

5
    <!-- 根据spuId 获取到销售属性值Id 与skuId 组成的数据集 -->
6
    <select id="getSkuImages" resultMap="skuImage">
7
        select
8
          ski.id,
9
          ski.sku_id,
10
          ski.spu_img_id,
11
          ski.is_default,
12
          spi.img_name,
13
          spi.img_url
14
        from sku_image ski
15
        inner  join spu_image spi on ski.spu_img_id=spi.id
16
        where ski.sku_id=#{skuId}
17
    </select>

获取SKU所属的SPU销售属性集合#

在SkuService中我们实现如下方法

1
List<SpuSaleAttributeInfoDTO> getSpuSaleAttrListCheckBySku(Long skuId, Long spuId);

当点击某一个SKU商品，就会进入到商品详情页，在商品详情页中，可以显示该SKU商品对应的SPU中，所有销售属性值。这里，关于销售属性值，我们需要注意的是

我们需要获取当前SKU所属的SPU中，包含的所有销售属性和销售属性值
我们还要知道，当前浏览的这个SKU商品对应的销售属性值，并将其默认选中

如何实现呢？其实我们在查询销售属性值的时候，利用左外连接，就可以很快找到当前sku商品对应的所有销售属性值，并对其加以标记

首先，将spu_sale_attr_info与spu_sale_attr_value两张表做内连接, 其结果就包含指定了SPU所有销售属性及销售属性对应的销售属性值

1
      select
2
          ssai.id,
3
          ssai.spu_id,
4
          ssai.sale_attr_id,
5
          ssai.sale_attr_name,
6
          spsav.id  sale_attr_value_id,
7
          spsav.spu_sale_attr_id,
8
          spsav.spu_sale_attr_value_name
9
       from spu_sale_attr_info ssai
10
        inner  join  spu_sale_attr_value spsav
11
          on ssai.id = spsav.spu_sale_attr_id
12
       where ssai.spu_id=#{spuId}

紧接着，再用上一步的结果，与sku_sale_attr_value 做内连接，在这次内连接之后，我们就能SPU中包含的每个SKU商品的每个销售属性，以及销售属性值了

1
    select
2
      ssai.id,
3
          ssai.spu_id,
4
          ssai.sale_attr_id,
5
          ssai.sale_attr_name,
6
          spsav.id  sale_attr_value_id,
7
          spsav.spu_sale_attr_id,
8
          spsav.spu_sale_attr_value_name,
9
      sksav.sku_id
10
       from spu_sale_attr_info ssai
11
        inner  join  spu_sale_attr_value spsav on ssai.id = spsav.spu_sale_attr_id
12
        inner join sku_sale_attr_value sksav  on sksav.spu_sale_attr_value_id = spsav.id
13
    where ssai.spu_id=24

但是这样还不够：

因为我们不仅仅要查询SPU中的每一个SKU商品的属性值
我们还想知道哪些销售属性值，是当前SKU的，因为前端需要默认选中它们，所以我们修改以上连接的SQL，修改连接方式为左外连接，并且增加连接条件

1
select
2
      ssai.id,
3
          ssai.spu_id,
4
          ssai.sale_attr_id,
5
          ssai.sale_attr_name,
6
          spsav.id  sale_attr_value_id,
7
          spsav.spu_sale_attr_id,
8
          spsav.spu_sale_attr_value_name,
9
          sksav.sku_id
10
       from spu_sale_attr_info ssai
11
        inner  join  spu_sale_attr_value spsav on ssai.id = spsav.spu_sale_attr_id
12
         left join sku_sale_attr_value sksav on sksav.spu_sale_attr_value_id = spsav.id and sksav.sku_id=#{skuId}
13
where ssai.spu_id=#{spuId}

因为左外连接，有以下特征：

在SPU中包含的SKU属性值即使不满足连接条件，也会出现在连接结果中
不过不满足连接条件的那些SKU属性值的行，其sku_sale_attr_value表中字段值为null

所以利用这个特征，再结合第二个连接条件，我们就可以快速知道，哪些SKU属性值属于指定的SKU，因为只有指定的SKU销售属性值才会满足第二个连接条件，即sku_id这个字段值不会为null。完整的SQL如下：

1
       <resultMap id="spuSaleAttrMap" type="com.cskaoyan.mall.product.model.SpuSaleAttributeInfo" autoMapping="true">
2

3
        <id column="id" property="id"></id>
4
        <collection property="spuSaleAttrValueList" ofType="com.cskaoyan.mall.product.model.SpuSaleAttributeValue" autoMapping="true">
5
            <id column="sale_attr_value_id" property="id"></id>
6
        </collection>
7
    </resultMap>
8

9

10
   <select id="selectSpuSaleAttrListCheckedBySku" resultMap="spuSaleAttrMap">
11

12
        select
13
          ssai.id,
14
          ssai.spu_id,
15
          ssai.sale_attr_id,
16
          ssai.sale_attr_name,
17
          spsav.id  sale_attr_value_id,
18
          spsav.spu_sale_attr_id,
19
          spsav.spu_sale_attr_value_name,
20
          if(sksav.sku_id is null,0,1) is_checked
21

22
        from spu_sale_attr_info ssai
23
        inner  join  spu_sale_attr_value spsav
24
          on ssai.spu_id = spsav.spu_id and ssai.id = spsav.spu_sale_attr_id
25
        left join sku_sale_attr_value sksav
26
          on  sksav.spu_sale_attr_value_id = spsav.id and sksav.sku_id =#{skuId}
27
        where ssai.spu_id=#{spuId}
28
        order by  ssai.id ,spsav.id
29
    </select>

if(condition，true value，false value)是mysql中的一个函数，接收三个参数，第一个参数表示判断条件，在我们的SQL语句中，对应sksav.sku_id is null，第二个参数是判断条件为true时的结果，第三个参数是判断条件为false时的结果。

所以最终，我们的SQL语句执行结果中，只有指定SKU商品销售属性行的is_checked值为1，其他均为0

不同销售属性值组合#

我们需要实现定义在SpuService接口中的方法

1
Map<String, Long> getSkuValueIdsMap(Long spuId);

当点击某一个SKU商品，就会进入到商品详情页，在商品详情页中，可以显示该SKU商品对应的SPU中，所有销售属性值。这里，关于销售属性值，我们还需要注意，我们也可以在页面中，修改选中的销售属性值组合，从而跳转到不同的SKU商品详情页

所以，随之而来的问题就是，SKU商品所属的SPU销售属性值有多种不同的组合，而不同的SPU销售属性组合对应不同的SKU商品，我们如何让前端快速确定，什么销售属性组合对应那个SKU商品从而实现商品详情页的跳转呢？

首先，我们可以先获取，SPU中每一个SKU商品对应的所有销售属性值

1
       select
2
          spsav.spu_sale_attr_id,
3
          sksav.spu_sale_attr_value_id,
4
          sksav.sku_id
5
        from sku_sale_attr_value sksav
6
        inner  join spu_sale_attr_value spsav on spsav.id=sksav.spu_sale_attr_value_id
7
        where sksav.spu_id=#{spuId}

很显然，我们查询出的SKU商品属性值，应该不包含下架商品，所以还需要和sku_info表做连接查询，过滤下架商品

1
        select
2
          spsav.spu_sale_attr_id,
3
          sksav.spu_sale_attr_value_id,
4
          sksav.sku_id
5
        from sku_sale_attr_value sksav
6
        inner  join spu_sale_attr_value spsav on spsav.id=sksav.spu_sale_attr_value_id
7
        inner join sku_info on sksav.sku_id=sku_info.id and sku_info.is_sale=1
8
        where sksav.spu_id=#{spuId}

但是还不够，我们希望得到的是，SPU中销售属性组合与 SKU的对应关系，所以继续修改SQL如下：

1
        select
2
          group_concat(sksav.spu_sale_attr_value_id order by spsav.spu_sale_attr_id asc  separator '|' ) sku_sale_attr_value_permutation,
3
          sku_id
4
        from sku_sale_attr_value sksav
5
        inner  join spu_sale_attr_value spsav on spsav.id=sksav.spu_sale_attr_value_id
6
        inner join sku_info on sksav.sku_id=sku_info.id and sku_info.is_sale=1
7
        where sksav.spu_id=#{spuId}
8
        group by sksav.sku_id

在以上SQL中，我们又给大家引入了mysql中的一个函数group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator 分隔符])。

这个函数到底做什么呢，就是对指定字段的分组内，将字段值按照指定的顺序，用指定的分隔符拼接成一个字符串即可。假如有学生表student如下所示：

id	name	class
1	长风	1
2	景天	1
3	天明	2
4	空灵	2
5	远志	3
6	石头	3

如果我想查询出每个班级(class)对应的所有学生，可以定义如下SQL:

1
create table student (
2
 id bigint primary key,
3
 name varchar(20),
4
 class int
5
);
6

7
insert into student values(1, '长风', 1),(2, '景天', 1),(3, '天明', 2),(4, '空灵', 2),(5, '远志', 3),(6, '石头', 3);

1
select  group_concat(student.name order by id asc separator '|') names,class from student group by class;

相似的道理，如果我们能查询出一张类似的表，就可以清楚的知道销售属性值组合与sku的对应关系了

销售属性值组合	sku_id
销售属性值1\|销售属性值2\|…	1
销售属性值1\|销售属性值2\|…	2
…	…

所以，我们查询出的结果如下：

![](/assets/firefly-docs/microservice/microservice-13-product-detail/group_concat sku查询示例.png)

完整的sql定义以及结果映射如下：

1
    <resultMap id="skuSaleAttrValuePermutation" type="com.cskaoyan.mall.product.model.SkuSaleAttributeValuePermutation" autoMapping="true">
2

3
    </resultMap>
4

5
    <!-- 根据spuId 获取到销售属性值Id 与skuId 组成的数据集 -->
6
    <select id="selectSaleAttrValuesBySpu" resultMap="skuSaleAttrValuePermutation">
7
        select
8
          group_concat(sksav.spu_sale_attr_value_id order by spsav.spu_sale_attr_id asc  separator '|' ) sku_sale_attr_value_permutation,
9
          sku_id
10
        from sku_sale_attr_value sksav
11
        inner  join spu_sale_attr_value spsav on spsav.id=sksav.spu_sale_attr_value_id
12
        inner join sku_info on sksav.sku_id=sku_info.id and sku_info.is_sale=1
13
        where sksav.spu_id=#{spuId}
14
        group by sksav.sku_id
15
    </select>

获取SKU平台属性集合#

在SkuService中实现如下方法

1
 List<PlatformAttributeInfoDTO> getPlatformAttrInfoBySku(Long skuId);

1
    <resultMap id="platformAttrInfoMap" type="com.cskaoyan.mall.product.model.PlatformAttributeInfo" autoMapping="true">
2
        <id column="id" property="id"></id>
3
        <!--
4
        property: 实体类属性名
5
        ofType: 实体类属性名对应的类型
6
        -->
7
        <collection property="attrValueList" ofType="com.cskaoyan.mall.product.model.PlatformAttributeValue" autoMapping="true">
8
            <id column="attr_value_id" property="id"></id>
9
        </collection>
10

11
    </resultMap>
12

13

14
   <select id="selectPlatformAttrInfoListBySkuId" resultMap="platformAttrInfoMap">
15

16
        select   pai.id,
17
                 pai.attr_name,
18
                 pai.category_id,
19
                 pai.category_level,
20
                 pav.id attr_value_id,
21
                 pav.value_name,
22
                 pav.attr_id
23

24
        from platform_attr_info pai
25
               inner join  platform_attr_value pav  on pai.id=pav.attr_id
26
               inner join  sku_platform_attr_value spav on spav.value_id=pav.id
27
        where spav.sku_id=#{skuId}
28

29
    </select>

三级类目#

在skuinfo表中，针对每一个SKU商品，我们都记录了其对应的第三级类目的id，所以我们就可以顺藤摸瓜，查询出该SKU商品所属的第一，二级目录，这样我们就可以查询出，包含该SKU商品的三级目录信息了。为此，我们需要实现CategoryService中以下接口方法

1
    /*
2
        获取和该三级类目相关完整信息(包括它所属的一级类目和二级类目）
3
     */
4
    CategoryHierarchyDTO getCategoryViewByCategoryId(Long thirdLevelCategoryId);

1
@Data
2
public class CategoryHierarchyDTO {
3
    // 一级类目id
4
    private Long firstLevelCategoryId;
5
    // 一级类目名称
6
    private String firstLevelCategoryName;
7
    // 二级类目id
8
    private Long secondLevelCategoryId;
9
   // 二级类目名称
10
    private String secondLevelCategoryName;
11
  // 三级类目id
12
    private Long thirdLevelCategoryId;
13
    // 三级类目名称
14
    private String thirdLevelCategoryName;
15
}

这里我们可以定义定义多表查询

1
<resultMap id="skuCategoryHierarchyInfo" type="com.cskaoyan.mall.product.model.CategoryHierarchy" autoMapping="true">
2

3
    </resultMap>
4

5
    <!--
6
         1. 若thirdLevelCategoryId为null，则查询所有三级类目对应的一二级目录
7
         2. 若thirdLevelCategoryId不为null，则查询指定三级类目对应的一二级类目
8
      -->
9
    <select id="selectCategoryHierarchy" resultMap="skuCategoryHierarchyInfo">
10
        select
11
        c1.id as first_level_category_id, c1.name as first_level_category_name,
12
        c2.id as second_level_category_id, c2.name as second_level_category_name,
13
        c3.id as third_level_category_id, c3.name as third_level_category_name
14
        from first_level_category c1
15
        inner join second_level_category c2 on c2.first_level_category_id = c1.id
16
        inner join third_level_category c3 on c3.second_level_category_id = c2.id
17
        <where>
18
          <if test="thirdLevelCategoryId != null">
19
              c3.id=#{thirdLevelCategoryId}
20
          </if>
21
        </where>
22
    </select>

总代码流程梳理#

1
    @Autowired
2
    SpuService spuService;
3

4
    @Autowired
5
    SkuService skuService;
6

7
    @Autowired
8
    CategoryService categoryService;
9

10
    @Override
11
    public ProductDetailDTO getItemBySkuId(Long skuId) {
12
     // 封装商品详情页中所有的数据
13
        ProductDetailDTO productDetailDTO = new ProductDetailDTO();
14

15

16
        // 通过skuId 查询skuInfo(还需要包含sku商品的图片列表)
17
        SkuInfoDTO skuInfo = ...;
18
        productDetailDTO.setSkuInfo(skuInfo);
19

20
        // 根据spuI的查询SPU所有销售属性及销售属性值，根据skuId默认选中指定的SKU商品属性值
21
        List<SpuSaleAttributeInfoDTO> spuSaleAttrListCheckBySku = ...;
22
        productDetailDTO.setSpuSaleAttrList(spuSaleAttrListCheckBySku);
23

24

25
        // 根据spuId 查询销售属性值组合与sku_id对应关系
26
        Map<String, Long> skuValueIdsMap = ...;
27
        // 将map转化为json字符串
28
        String valuesSkuJson = JSON.toJSONString(skuValueIdsMap);
29
        // 保存valuesSkuJson
30
       productDetailDTO.setValuesSkuJson(valuesSkuJson);
31

32

33
        //获取商品最新价格
34
        BigDecimal skuPrice = ...;
35
        productDetailDTO.setPrice(skuPrice);
36

37

38
        //获取sku商品的三级类目信息
39
        CategoryHierarchyDTO categoryViewByCategory = ...;
40
        //分类信息
41
        productDetailDTO.setCategoryHierarchy(categoryViewByCategory);
42

43
         //  获取spu海报数据
44
         List<SpuPosterDTO> spuPosterBySpuId = ...;
45
         productDetailDTO.setSpuPosterList(spuPosterBySpuId);
46

47
        //  获取sku平台属性
48
            List<PlatformAttributeInfoDTO> platformAttrInfoBySku = ...;
49
        // 将平台属性转化为规格数据
50
            List<SkuSpecification> skuAttrList = platformAttrInfoBySku.stream().map((baseAttrInfo) -> {
51
                // 创建封装规格数据的对象
52
                SkuSpecification skuSpecification = new SkuSpecification();
53
                // 设置属性名
54
                skuSpecification.setAttrName(baseAttrInfo.getAttrName());
55
                // 设置属性值
56
                skuSpecification.setAttrValue(baseAttrInfo.getAttrValueList().get(0).getValueName());
57

58
                return skuSpecification;
59
            }).collect(Collectors.toList());
60
            productDetailDTO.setSkuAttrList(skuAttrList);
61

62
        // 商品被浏览了一次，可以增加它的热度积分(后面实现)
63

64
        return productDetailDTO;
65
    }