商品详情页面展示
Posted lamsey16
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了商品详情页面展示相关的知识,希望对你有一定的参考价值。
创建一个商品详情页面展示的工程。是一个表现层工程。
达成效果:
在搜索结果页面点击商品图片或者商品标题,展示商品详情页面。
前端展示代码:
<c:forEach items="${itemList }" var="item"> <li> <div class="l-wrap"> <div class="pic"> <a class="trackref" href="http://localhost:8087/item/${item.id}.html" title="" target="_blank"> <img src="${item.images[0] }" style="display:inline"/> </a> </div> <div class="price"> <span><span class="p-now">¥<strong><fmt:formatNumber groupingUsed="false" maxFractionDigits="2" minFractionDigits="2" value="${item.price / 100 }"/></strong></span><span class="p-nor"></span><span class="active" style="">直降</span></span> </div> <div class="title-a"> <a class="trackref presaleSign_225865" href="http://localhost:8087/item/${item.id}.html" target="_blank">${item.title }</a> </div> <div class="title-b" style=""><a class="trackref" href="http://localhost:8087/item/${item.id}.html" target="_blank">${sell_point }</a></div> <div class="comment"> <div class="owner_shop_list">自营</div> </div> </div> </li> </c:forEach>
url请求:
http://localhost:8087/item/${item.id}.html
参数:
item.id 商品id
根据id查询响应的数据后将数据转发到响应页面。
以上是关于商品详情页面展示的主要内容,如果未能解决你的问题,请参考以下文章