搭建商品详情页面工程、实现商品详情页面展示
搭建商品详情页面工程
其实商品详情与搜索都是独立的工程，我们以京东为例，当我们搜索到某商品后，点击那个商品链接，进入商品详情页面时，可以在地址栏看到"item.jd.com"，很明显不是search工程了，这是专门用来展示商品详情的工程。
我们也需要这么一个展示商品详情的工程，现在我们就新建一个taotao-item-web工程，与我们建taotao-search-web工程一样，新建一个Maven工程，前面几步操作我就不啰嗦了，大家可以参考以前搭建web工程的操作，需要提醒一点的是，到下图这一步时，打包方式要选择成"war"方式。
既然与taotao-search-web都是web工程，我们可以参考taotao-search-web工程进行配置，首先是配置pom.xml文件，我们把taotao-search-web工程的pom.xml文件的依赖拷贝过来，然后稍作修改，修改后pom.xml文件的内容如下，其中依赖的接口工程由原来的taotao-search-interface修改为taotao-manager-interface，因为商品详情肯定是要查询商品服务的。还有就是最后配置的tomcat启动端口改为8086，因为8081到8085都已经被占用了。
下面配置下resources，我们把taotao-search-web工程的src/main/resources目录下的resource和spring目录拷贝到taotao-item-web工程的src/main/resources目录下，其中resource目录下的resource.properties文件内容删光，以备以后使用该文件
下面打开springmvc.xml，修改下扫描包扫描的目录，修改为com.taotao.item.controller（这个包我们要在taotao-item-web工程新建），引用dubbo服务名称要改为"taotao-item-web"
下面我们需要把taotao-search-web工程的web.xml拷贝到taotao-item-web工程下（当然，我们需要先建一个WEB-INF目录），拷贝过来后需要修改的地方如下
下面我们需要把静态资源文件放到工程下面，静态资源文件大家可以到http://download.csdn.net/detail/u012453843/9841698这个地址进行下载。下载完后解压，将css、js、images放到webapp目录下，将jsp目录放到WEB-INF目录下。
下面我们依次启动taotao-manager、taotao-content、taotao-search、taotao-portal-web、taotao-search-web工程（前提是启动完了5个服务：redis、solr、image、zookeeper、activemq）。启动好之后，我们访问淘淘商城首页，搜索我们上节课添加的华为P10手机，然后点击它进入详情页面，会发现如下图所示的错误，这是由于访问的工程不正确造成的。
我们找到taotao-search-web工程的search.jsp文件，在下图标示的地方将原来的相对路径改为绝对路径，就是前面加上"http://localhost:8086/"
修改完后保存，刷新搜索工程页面，然后再点击手机进入详情页面，可以看到已经变为8086了。只是由于商品详情工程还没有开发完也没有启动，因此现在还无法访问。
这样，商品详情工程我们便搭建好了。
实现商品详情页面展示
上节课我们一起学习了搭建商品详情工程，这节课我们一起实现商品详情展示。
首先来看一下商品详情页面代码，可以看到商品一般属性在tbItem实体类中都是存在的，只是图片需要特殊处理，因为tbItem实体类中图片的字段存储的是以","分隔的图片地址的字符串，因此要将字符串转换成数组才行，而tbItem实体类没有images属性，这就需要我们再新建一个pojo类，该类要继承自tbItem，只是处理一下图片即可。商品描述是在实体类tbItemDesc当中。
那么我们把pojo放到什么工程下？有的同学可能会想到要放到taotao-common工程下，这其实是不行的，因为这个pojo要继承tbItem实体类，而这个实体类是在taotao-manager-dao工程中，taotao-manager-dao工程引用了taotao-common工程，如果把pojo放到taotao-common工程中就需要让taotao-common工程依赖taotao-manager-dao工程，这样一来，就会造成循环依赖，这会报错的，因此我们不能把它放到taotao-common工程当中。比较合理的位置是放到taotao-item-web工程当中。如下图所示。
写完了pojo类，下面我们来写接口，由于商品和商品详情在不同的表，我们写两个接口，分别获取商品详情和商品描述，其中获取商品详情的接口已经写好了（下图getItemById），现在我们要做的便是再写一个获取商品描述的接口（下图getItemDescById）。taotao-manager-interface. com.taotao.service ItemService.java
写完了接口，现在我们来实现getItemDescById接口
之所以可以通过主键来查询商品描述，是因为在商品描述表中也把商品ID作为了主键
写完了接口，下面我们需要在taotao-item-web工程中引用itemService的dubbo服务
下面我们来写一下Controller，新建一个ItemController类
写完了taotao-item-web工程代码，现在我们依次启动taotao-manager、taotao-content、taotao-search、taotao-manager-web、taotao-portal-web、taotao-search-web工程，在启动taotao-item-web工程之前，由于taotao-manager工程做了修改，因此需要重新安装到本地Maven仓库（工程右键---->Run As----->Maven install）。
然后我们再启动我们刚写好的taotao-item-web工程，这里再说一遍怎么使用tomcat7插件启动一个新的工程，我们在taotao-item-web工程上右键------->Run As------->Maven build…在弹出的对话框中的Goals一栏输入：clean tomcat7:run，然后点击"Apply"，然后点击"Run"。
启动完后，我们访问淘淘商城首页，搜索"华为P10"，如下图所示，回车。
索到的结果如下图所示。我们点击搜索到的那个商品。
详情如下图所示，发现正常查询到商品详情了！！
搭建商品详情页面工程、实现商品详情页面展示相关推荐
- 小红书商品详情API接口（商品详情页面数据接口）
小红书商品详情API接口(商品详情页面数据接口)代码对接如下: 1.公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中,点击获取请求key和secr ...
- 淘宝京东拼多多抖音淘特1688等多平台商品APP详情API接口（商品详情页面数据接口，商品销量接口，关键词搜索商品销量接口）
淘宝京东拼多多抖音淘特1688等多平台商品APP详情API接口(商品详情页面数据接口,商品销量接口,关键词搜索商品销量接口)代码对接如下: 1.公共参数 名称 类型 必须 描述 key String ...
- 通过商品ID获取到京东商品详情页面数据，京东商品详情API接口，京东APP详情接口，可以拿到sku价格，销售价格，优惠价格，主图等页面上面有的数据参数
一.京东商品详情接口参数说明: 1.通过商品ID和skuID可以拿到淘宝天猫的商品详情的详细sku信息,包括:宝贝ID,规格名称,规格图片,优惠价,原价,快递费用,宝贝标题,宝贝链接,宝贝图片,库存, ...
- 京东商品详情页API接口、京东商品销量API接口、京东商品列表API接口、京东APP详情API接口、京东详情API接口，京东SKU信息接口
京东商品详情页API接口.京东商品销量API接口.京东商品列表API接口.京东APP详情API接口.京东详情API接口,京东SKU信息接口,通过商品ID提取商品详情页各项数据,包含商品标题,sku i ...
- 拼多多商品详情采集上传京东店铺（拼多多商品详情接口，京东商品详情接口，整店宝贝采集接口，一键采集宝贝详情接口，无货源商品详情采集接口）代码对接教程
拼多多商品详情采集上传京东店铺(拼多多商品详情接口,京东商品详情接口,整店宝贝采集接口,一键采集宝贝详情接口,无货源商品详情采集接口)代码对接教程如下: 1.公共参数 名称 类型 必须 描述(接口代码 ...
- 拼多多商品详情采集上传京东店铺（拼多多商品详情接口，京东商品详情接口，拼多多整店宝贝采集接口，一键采集拼多多宝贝详情接口，无货源商品详情采集接口）代码对接教程
拼多多商品详情采集上传京东店铺(拼多多商品详情接口,京东商品详情接口,拼多多整店宝贝采集接口,一键采集拼多多宝贝详情接口,无货源商品详情采集接口)代码对接教程如下: 1.公共参数 名称 类型 必须 描 ...
- 天猫商品详情接口，天猫商品优惠券接口，天猫api接口，天猫价格监控接口，天猫比价接口，品牌维权接口，天猫销量api接口，接口代码可对接数据分析业务，品牌维权，比价业务，行业分析业务接口代码分享
一.天猫商品详情接口,天猫商品优惠券接口,天猫api接口,天猫价格监控接口,天猫比价接口,品牌维权接口,天猫销量api接口,接口代码可对接数据分析业务,品牌维权,比价业务,行业分析业务接口代码如下: ...
- 唯品会商品详情API接口（item_get-获得唯品会商品详情接口），唯品会详情API接口
一.唯品会商品详情API接口(item_get-获得唯品会商品详情接口),唯品会详情API接口可以获取到商品价格,商品库存,商品销量,商品ID,商品图片,商品sku属性,sku详情,sku图片,商品图 ...
- 商品详情页上拉查看详情开源库
商品详情页上拉查看详情 目录介绍 01.该库介绍 02.效果展示 03.如何使用 04.注意要点 05.优化问题 06.部分代码逻辑 07.参考案例 01.该库介绍 模仿淘宝.京东.考拉等商品详情页分 ...
- UNi-APP多端商品列表瀑布流页商品详情页
<template><view class="container"><!-- 消息提醒 --><u-toast ref="uTo ...
最新文章
- java基于servlet的文件上传
- 作业（二）—python实现wc命令
- pat1003 迪杰斯特拉法和dfs求最短路
- 158. Leetcode 121. 买卖股票的最佳时机 (贪心算法-股票题目)
- 《致命躯壳》：不完美，却有着独特之处的轻量级魂like新作
- android 获取屏幕的宽高
- 无处不在的container_of
- 你的第一个 iOS 应用 – 2.开始上手
- k8s核心技术-命令行工具kubectl---K8S_Google工作笔记0017
- BZOJ.3165.[HEOI2013]Segment(李超线段树)
- [转]2020年2月份Github上最热门的开源项目，速来围观
- python 执行存储过程语句_从Python执行存储过程
- codevs 2651 孔子教学——同桌
- win7系统更换锁屏壁纸
- NR Qos 映射DRB
- vue 运行项目浏览器页面显示“该网页无法正常运作”
- 个人汇总笔记——NUnit
- 能转16进制的计算机软件,16进制计算器能否完成各种不同进制的转换？
- HIT-ICS Hello‘s P2P
- 快速傅里叶算法（灌水）