电商搭建之电商平台API接口接入|打通首页广告和商品详情

      本文介绍电商网站搭建时商品详情，会员等功能测试会出现的问题。由于有些功能还没有串起来，不方便测试。比如在首页上的商品不能点击进入商品详情页，用户登录后，首页不能判断登录状态等。

    今天准备先把首页到商品详情页这条链路打通，方便我测试商品详情页的功能。今天所涉及的代码仓库和分支如下

* 前端代码仓库：git@github.com:fudy/fudy-shop-web.git代码分支：202309_goto_item_detail* 后端代码仓库：git@github.com:fudy/fudy-shop-homepage.git代码分支：202309_goto_item_detail
代码仓库：git@github.com:fudy/fudy-shop-item-detail.git代码分支：202309_goto_item_detail
代码仓库：git@github.com:fudy/fudy-shop.git代码分支：202309_goto_item_detail

 一、商品详情页API接口问题修复

    直接打开商品详情页，发现页面出现了问题，如下图所示

不过这个问题，之前遇见过，可以参考文章解决。还是因为spring-boot打包的问题，导致类加载不正确，按之前的方法重新打包下就好了。修复的期间，还遇到了其他一些问题，比如图片不能展示、远程方法调用失败等问题，这里就不一一介绍了，都是些小问题。可以查看上面的代码分支和上次的diff下。最终商品详情页会是如下形式

二、首页广告商品打通

    首页广告由两部分组成，一个是上图茅台酒所在的主广告位，一个是上图汾酒所在的今日特价广告位。

    打开浏览器的调试工具，查看下对应后端接口返回的数据。可以看到数据中并没有返回对应的商品id。而商品详情页的url中是会包含商品id的。那么我们需要在返回的数据中添加对应的id。

    这部分的数据之前介绍过，是放在nacos中配置的，打开本地nacos控制台，可以看到如下页面。

商品详情页的id都是取自fudy-shop数据库的item_spu表。当前该表下面只有一条数据。如下图所示：

为了让广告商品点击后，可以跳转到商品详情页，并正常展示数据，需要先再表里插入对应的商品数据。在item_spu表插入数据