商品详情页面展示

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查询响应的数据后将数据转发到响应页面。


 

 

 

以上是关于商品详情页面展示的主要内容,如果未能解决你的问题,请参考以下文章

电商网站的商品详情页系统架构

电商项目商品详情页设计

Android中仿淘宝商品详情ViewPager页面数据手动滑动

Android开发案例 - 淘宝商品详情

Flutter 仿京东商品详情页嵌套滚动组件

用PHP语言怎么做商品展示页面啊?