day118-商城业务-检索服务-页面基本数据渲染

上一节已经测试好检索与返回商品数据了

1.右侧商品数据渲染

可以看到如下图,我们当前右侧商品部分数据都是页面写死的

day118-商城业务-检索服务-页面基本数据渲染_第1张图片

右键检查元素,在list.html中找到前端代码位置

一个rig_tab为一行的内容

 day118-商城业务-检索服务-页面基本数据渲染_第2张图片

保留一个其它都删了,我们开始改

保留的那部分有一样的内容,我们再删掉其他三份

改完后内容如下

                    

5199.00

Apple iPhone 7 Plus (A1661) 32G 黑色 移动联通电信4G手机

已有11万+热门评价 二手有售

谷粒商城Apple产品...

自营 谷粒商城自营,品质保证

满赠 该商品参加满赠活动

重新编译后页面刷新后如下,这就是我之前自己上架的商品了不是假数据了

day118-商城业务-检索服务-页面基本数据渲染_第3张图片

 2.品牌及分类及属性啥的渲染

由于当初我上架时的数据不严谨,华为品牌的图片整的一个闪电,品牌图片整的下面这样,然后相关的属性也展示出来了

day118-商城业务-检索服务-页面基本数据渲染_第4张图片

 

前端代码如下



 

你可能感兴趣的:(谷粒商城,商城业务-检索服务,页面基本数据渲染,thymeleaf)