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

配置域名

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

我们自定义详情页的域名为：item.cfmall.com，

配置文件：C:\Windows\System32\drivers\etc\hosts

nginx中之前已经配置好了域名

---

配置网关

cfmall-gateway/src/main/resources/application.yml

item.cfmall.com

---

上传静态资源

静态资源如下：

将 shangpinxiangqing.html 复制 cfmall-product 服务中的 templates文件夹下，并修改名字为item.html

在/mydata/nginx/html/static/文件夹下创建item文件夹，并将静态资源上传

---

修改静态资源请求路径

cfmall-product/src/main/resources/templates/item.html

href="
href="/static/item/

src="
src="/static/item/

请求路径中带有skuId.html，

编写接口cfmall-product/src/main/java/com/gyz/cfmall/product/web/ItemController.java

@Controller
public class ItemController {

    @RequestMapping("{skuId}.html")
    public String skuItem(@PathVariable("skuId") Long skuId) {
        System.out.println("准备查询" + skuId + "详情");
        return "item";
    }
}

搜索页跳转详情页

审查元素

cfmall-search/src/main/resources/templates/list.html

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

th:href="|http://item.cfmall.com/${product.skuId}.html|"