203、商城业务-商品详情-环境搭建
2024-06-09 20:34:10
package com.atguigu.gulimall.product.web;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;@Controller
public class ItemController {/*** 展示当前sku的详情* @param skuId* @return*/@GetMapping("/{skuId}.html")public String skuItem(Long skuId){System.out.println("准备查询" + skuId + "详情");return "item";}
}
<a th:href="|http://item.gulimall.com/${product.skuId}.html|">
item.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css" /><link rel="stylesheet" type="text/css" href="/static/item/scss/jd.css"/><link rel="stylesheet" href="/static/item/scss/header.css" /><link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/></head><body><div id="max"><header><!--品牌官方网站--><div class="min"><ul class="header_ul_left"><li class="glyphicon glyphicon-home"> <a href="/static/item/shouye.html" class="aa">京东首页</a></li><li class="glyphicon glyphicon-map-marker"> <a href="/static/item/javascript:;">北京</a><ol id="beijing"><li style="background: red;"><a href="/static/item/javascript:;" style="color: white;">北京</a></li><li><a href="/static/item/javascript:;">上海</a></li><li><a href="/static/item/javascript:;">天津</a></li><li><a href="/static/item/javascript:;">重庆</a></li><li><a href="/static/item/javascript:;">河北</a></li><li><a href="/static/item/javascript:;">山西</a></li><li><a href="/static/item/javascript:;">河南</a></li><li><a href="/static/item/javascript:;">辽宁</a></li><li><a href="/static/item/javascript:;">吉林</a></li><li><a href="/static/item/javascript:;">黑龙江</a></li><li><a href="/static/item/javascript:;">内蒙古</a></li><li><a href="/static/item/javascript:;">江苏</a></li><li><a href="/static/item/javascript:;">山东</a></li><li><a href="/static/item/javascript:;">安徽</a></li><li><a href="/static/item/javascript:;">浙江</a></li><li><a href="/static/item/javascript:;">福建</a></li><li><a href="/static/item/javascript:;">湖北</a></li><li><a href="/static/item/javascript:;">湖南</a></li><li><a href="/static/item/javascript:;">广东</a></li><li><a href="/static/item/javascript:;">广西</a></li><li><a href="/static/item/javascript:;">江西</a></li><li><a href="/static/item/javascript:;">四川</a></li><li><a href="/static/item/javascript:;">海南</a></li><li><a href="/static/item/javascript:;">贵州</a></li><li><a href="/static/item/javascript:;">云南</a></li><li><a href="/static/item/javascript:;">西藏</a></li><li><a href="/static/item/javascript:;">陕西</a></li><li><a href="/static/item/javascript:;">甘肃</a></li><li><a href="/static/item/javascript:;">青海</a></li><li><a href="/static/item/javascript:;">宁夏</a></li><li><a href="/static/item/javascript:;">新疆</a></li><li><a href="/static/item/javascript:;">港澳</a></li><li><a href="/static/item/javascript:;">台湾</a></li><li><a href="/static/item/javascript:;">钓鱼岛</a></li><li><a href="/static/item/javascript:;">海外</a></li></ol></li></ul><ul class="header_ul_right"><li style="border: 0;"><a href="/static/item/../登录页面\index.html" class="aa">你好，请登录</a></li><li><a href="/static/item/../注册页面\index.html" style="color: red;">免费注册</a> |</li><li><a href="/static/item/javascript:;" class="aa">我的订单</a> |</li><li class="jingdong"><a href="/static/item/javascript:;">我的京东</a><span class="glyphicon glyphicon-menu-down">|</span><ol class="jingdong_ol"><li><a href="/static/item/javascript:;">待处理订单</a></li><li><a href="/static/item/javascript:;">消息</a></li><li><a href="/static/item/javascript:;">返修退换货</a></li><li><a href="/static/item/javascript:;">我的回答</a></li><li><a href="/static/item/javascript:;">降价商品</a></li><li><a href="/static/item/javascript:;">我的关注</a></li><li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li><li style="margin-top: 0;"><a href="/static/item/javascript:;">我的京豆</a></li><li style="margin-top: 0;"><a href="/static/item/javascript:;">我的优惠券</a></li><li style="margin-bottom: 10px;"><a href="/static/item/javascript:;">我的白条</a></li></ol></li><li><a href="/static/item/javascript:;" class="aa">京东会员</a> |</li><li><a href="/static/item/javascript:;" class="aa">企业采购</a> |</li><li class="fuwu"><a href="/static/item/javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> |<ol class="fuwu_ol"><h6>客户</h6><li><a href="/static/item/javascript:;">帮助中心</a></li><li><a href="/static/item/javascript:;">售后服务</a></li><li><a href="/static/item/javascript:;">在线客服</a></li><li><a href="/static/item/javascript:;">意见建议</a></li><li><a href="/static/item/javascript:;">电话客服</a></li><li><a href="/static/item/javascript:;">客服邮箱</a></li><li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">金融咨询</a></li><li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">售全球客服</a></li><h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6><li style="margin-top: -5px;"><a href="/static/item/javascript:;">合作招商</a></li><li style="margin-top: -5px;"><a href="/static/item/javascript:;">学习中心</a></li><li><a href="/static/item/javascript:;">商家后台</a></li><li><a href="/static/item/javascript:;">京麦工作台</a></li><li><a href="/static/item/javascript:;">商家帮助</a></li><li><a href="/static/item/javascript:;">规则平台</a></li></ol></li><li class="daohang"><a href="/static/item/javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> |<ol class="daohang_ol"><li style="width: 34%;"><h5>特色主题</h5><p><a href="/static/item/javascript:;">京东试用</a><a href="/static/item/javascript:;">京东金融</a><a href="/static/item/javascript:;">全球售</a><a href="/static/item/javascript:;">国际站</a></p><p><a href="/static/item/javascript:;">京东会员</a><a href="/static/item/javascript:;">京东预售</a><a href="/static/item/javascript:;">买什么</a><a href="/static/item/javascript:;">俄语站</a></p><p><a href="/static/item/javascript:;">装机大师</a><a href="/static/item/javascript:;">0元评测</a><a href="/static/item/javascript:;">定期送</a><a href="/static/item/javascript:;">港澳售</a></p><p><a href="/static/item/javascript:;">优惠券</a><a href="/static/item/javascript:;">秒杀</a><a href="/static/item/javascript:;">闪购</a><a href="/static/item/javascript:;">印尼站</a></p><p><a href="/static/item/javascript:;">京东金融科技</a><a href="/static/item/javascript:;">In货推荐</a><a href="/static/item/javascript:;">陪伴计划</a><a href="/static/item/javascript:;">出海招商</a></p></li><li><h5>行业频道</h5><p><a href="/static/item/javascript:;" class="aa_2">手机</a><a href="/static/item/javascript:;" class="aa_2">智能数码</a><a href="/static/item/javascript:;" class="aa_2">玩3C</a></p><p><a href="/static/item/javascript:;" class="aa_2">电脑办公</a><a href="/static/item/javascript:;" class="aa_2">家用电器</a><a href="/static/item/javascript:;" class="aa_2">京东智能</a></p><p><a href="/static/item/javascript:;" class="aa_2">服装城</a><a href="/static/item/javascript:;" class="aa_2">美妆馆</a><a href="/static/item/javascript:;" class="aa_2">家装城</a></p><p><a href="/static/item/javascript:;" class="aa_2">母婴</a><a href="/static/item/javascript:;" class="aa_2">食品</a><a href="/static/item/javascript:;" class="aa_2">运动户外</a></p><p><a href="/static/item/javascript:;" class="aa_2">农资频道</a><a href="/static/item/javascript:;" class="aa_2">整车</a><a href="/static/item/javascript:;" class="aa_2">图书</a></p></li><li><h5>生活服务</h5><p><a href="/static/item/javascript:;" class="aa_2">京东众筹</a><a href="/static/item/javascript:;" class="aa_2">白条</a><a href="/static/item/javascript:;" class="aa_2">京东金融APP</a></p><p><a href="/static/item/javascript:;" class="aa_2">京东小金库</a><a href="/static/item/javascript:;" class="aa_2">理财</a><a href="/static/item/javascript:;" class="aa_2">智能家电</a></p><p><a href="/static/item/javascript:;" class="aa_2">话费</a><a href="/static/item/javascript:;" class="aa_2">水电煤</a><a href="/static/item/javascript:;" class="aa_2">彩票</a></p><p><a href="/static/item/javascript:;" class="aa_2">旅行</a><a href="/static/item/javascript:;" class="aa_2">机票酒店</a><a href="/static/item/javascript:;" class="aa_2">电影票</a></p><p><a href="/static/item/javascript:;" class="aa_2">京东到家</a><a href="/static/item/javascript:;" class="aa_2">京东众测</a><a href="/static/item/javascript:;" class="aa_2">游戏</a></p></li><li style="border: 0;"><h5>更多精选</h5><p><a href="/static/item/javascript:;" class="aa_2">合作招商</a><a href="/static/item/javascript:;" class="aa_2">京东通信</a><a href="/static/item/javascript:;" class="aa_2">京东E卡</a></p><p><a href="/static/item/javascript:;" class="aa_2">企业采购</a><a href="/static/item/javascript:;" class="aa_2">服务市场</a><a href="/static/item/javascript:;" class="aa_2">办公生活馆</a></p><p><a href="/static/item/javascript:;" class="aa_2">乡村招募</a><a href="/static/item/javascript:;" class="aa_2">校园加盟</a><a href="/static/item/javascript:;" class="aa_2">京友邦</a></p><p><a href="/static/item/javascript:;" class="aa_2">京东社区</a><a href="/static/item/javascript:;" class="aa_2">智能社区</a><a href="/static/item/javascript:;" class="aa_2">游戏社区</a></p><p><a href="/static/item/javascript:;" class="aa_2">知识产权维权</a><a href="/static/item/javascript:;" class="aa_2"></a><a href="/static/item/javascript:;" class="aa_2"></a></p></li></ol></li><li class="sjjd" style="border: 0;"><a href="/static/item/javascript:;" class="aa">手机京东</a><div class="er"><div class="er_1"><div class="er_1_1"><h6><a href="/static/item/#">手机京东</a></h6><p>新人专享大礼包</p></div></div><div class="er_1"><div class="er_1_1"><h6><a href="/static/item/#">关注京东微信</a></h6><p>微信扫一扫关注新粉最高180元惊喜礼包</p></div></div><!--我的理财--><div class="er_1" style="border: 0;"><img src="/static/item/img/5874a555Ne8192324.jpg"/><div class="er_1_1"><h6><a href="/static/item/#">京东金融客户端</a></h6><p>新人专享大礼包</p><div><a href="/static/item/#"><img src="/static/item/img/11.png"/></a><a href="/static/item/#"><img src="/static/item/img/22.png"/></a></div></div></div></div></li></ul></div></header><nav><div class="nav_min"><div class="nav_top"><div class="nav_top_one"><a href="/static/item/#"><img src="/static/item/img/111.png"/></a></div><div class="nav_top_two"><input type="text"/><button>搜索</button></div><div class="nav_top_three"><a href="/static/item/../JD_Shop/One_JDshop.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span><div class="nav_top_three_1"><img src="/static/item/img/44.png"/>购物车还没有商品，赶紧选购吧！</div></div></div><div class="nav_down"><ul class="nav_down_ul"><li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="/static/item/javascript:;">全部商品分类</a></li><li class="ul_li"><a href="/static/item/javascript:;">服装城</a></li><li class="ul_li"><a href="/static/item/javascript:;">美妆馆</a></li><li class="ul_li"><a href="/static/item/javascript:;">超市</a></li><li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">生鲜</a></li><li class="ul_li"><a href="/static/item/javascript:;">全球购</a></li><li class="ul_li"><a href="/static/item/javascript:;">闪购</a></li><li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">拍卖</a></li><li class="ul_li"><a href="/static/item/javascript:;">金融</a></li></ul></div></div></nav></div><div class="crumb-wrap"><div class="w"><div class="crumb"><div class="crumb-item"><a href="/static/item/">手机</a></div><div class="crumb-item sep">></div><div class="crumb-item"><a href="/static/item/">手机通讯</a></div><div class="crumb-item sep">></div><div class="crumb-item"><a href="/static/item/">手机</a></div><div class="crumb-item sep">></div><div class="crumb-item"><div class="crumb-item-one">华为 (HUAWEI)<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" /><div class="crumb-item-two "><div class="crumb-item-con clear"><ul class="con-ul"><li><img src="/static/item/img/5825a5a6Nde8ecb75.jpg" alt="" /></li><li><p>荣耀8青春版 全网通标配 3GB+32GB 幻海蓝</p><p>￥1099.00</p></li></ul><ul class="con-ul"><li><img src="/static/item/img/5919637aN271a1301.jpg" alt="" /></li><li><p>荣耀8青春版 全网通标配 3GB+32GB 幻海蓝</p><p>￥1099.00</p></li></ul><ul class="con-ul"><li><img src="/static/item/img/599a806bN9d829c1c.jpg" alt="" /></li><li><p>荣耀8青春版 全网通标配 3GB+32GB 幻海蓝</p><p>￥1099.00</p></li></ul></div><div class="crumb-item-cons clear"><ul><li>华为(huawei)</li><li>小米(xiaomi)</li><li>APPle</li><li>魅族(meizu)</li><li>锤子</li></ul><ul><li>三星</li><li>vivo</li><li>飞利浦</li><li>360</li><li>更多>></li></ul></div></div></div></div><div class="crumb-item sep">></div><div class="crumb-item">华为Mate 10</div></div><div class="contact"><ul class="contact-ul"><li><a href="/static/item/#">华为京东自营官方旗舰店</a><span class="contact-sp"><span class="contact-sp1">JD</span><span class="contact-sp2">自营</span></span></li><li><a href="/static/item/#"><img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" /> 联系供应商</a></li><li><a href="/static/item/#"><img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" /> JIMI</a></li><li><a href="/static/item/#"><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" /> 关注店铺</a></li></ul><div class="contact-one"><ul><li>客服</li><li><img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" />留言</li><li><img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" />JIMI智能</li><li><img src="/static/item/img/1466134037230.jpg" class="contact-img" /><p>手机下单</p></li></ul><div class="contact-two"><span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />进店逛逛</span><span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />关注店铺</span></div></div></div></div></div>
<div class="Shop"><div class="box"><div class="box-one "><div class="boxx"><div class="imgbox"><div class="probox"><img class="img1" alt="" th:src="${item.info.skuDefaultImg}"><div class="hoverbox"></div></div><div class="showbox"><img class="img1" alt="" th:src="${item.info.skuDefaultImg}"></div></div><div class="box-lh"><div class="box-lh-one"><ul><li th:each="img:${item.images}" th:if="${!#strings.isEmpty(img.imgUrl)}"><img th:src="${img.imgUrl}" /></li></ul></div><div id="left">< </div><div id="right">></div></div><div class="boxx-one"><ul><li><span><img src="/static/item/img/b769782fe4ecca40913ad375a71cb92d.png" alt="" />关注</span><span><img src="/static/item/img/9224fcea62bfff479a6712ba3a6b47cc.png" alt="" />对比</span></li><li></li></ul></div></div><div class="box-two"><div class="box-name" th:text="${item.info.skuTitle}">华为 HUAWEI Mate 10 6GB+128GB 亮黑色 移动联通电信4G手机 双卡双待</div><div class="box-hide" th:text="${item.info.skuSubtitle}">预订用户预计11月30日左右陆续发货！麒麟970芯片！AI智能拍照！<a href="/static/item/"><u></u></a></div><div class="box-yuyue"><div class="yuyue-one"><img src="/static/item/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt="" /> 预约抢购</div><div class="yuyue-two"><ul><li><img src="/static/item/img/f64963b63d6e5849977ddd6afddc1db5.png" /><span>190103</span> 人预约</li><li><img src="/static/item/img/36860afb69afa241beeb33ae86678093.png" /> 预约剩余<span id="timer"></span></li></ul></div></div><div class="box-summary clear"><ul><li>京东价</li><li><span>￥</span><span th:text="${#numbers.formatDecimal(item.info.price,3,2)}">4499.00</span></li><li>预约享资格</li><li><a href="/static/item/">预约说明</a></li></ul></div><div class="box-wrap clear"><div class="box-wrap-one clear"><ul><li>增值业务</li><li><img src="/static/item/img/90a6fa41d0d46b4fb0ff6907ca17c478.png" /></li><li><img src="/static/item/img/2e19336b961586468ef36dc9f7199d4f.png" /></li><li><img src="/static/item/img/1f80c3d6fabfd3418e54b005312c00b5.png" /></li></ul></div></div><div class="box-stock"><ul class="box-ul"><li>配送至</li><li class="box-stock-li"><div class="box-stock-one">北京朝阳区管庄<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" /></div><div class="box-stock-two"><dl><dt><a>选择新地址</a><img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="box-stock-two-img"/></dt><dd><div class="box-stock-dd"><div class="box-stock-top"><div class="box-stock-div">北京</div><div class="box-stock-div">朝阳区</div><div class="box-stock-div">管庄</div></div><div class="box-stock-fot"><div class="box-stock-con" style="display: block;"><ul><li>北京</li><li>上海</li><li>天津</li><li>重庆</li></ul></div><div class="box-stock-con"><ul><li>朝阳区</li><li>海淀区</li><li>东城区</li><li>西城区</li></ul></div><div class="box-stock-con"><ul><li>4环到5环之内</li><li>管庄</li><li>北苑</li></ul></div></div></div></dd></dl></div></li><li><span th:text="${item.hasStock?'有货':'无货'}">无货</span>， 此商品暂时售完</li></ul></div><div class="box-supply"><ul class="box-ul"><li></li><li>由<span>京东</span> 发货，并提供售后服务</li></ul></div><div class="box-attr-3"><div class="box-attr clear" th:each="attr:${item.saleAttr}"><dl><dt>选择[[${attr.attrName}]]</dt><dd th:each="vals:${attr.attrValues}"><a class="sku_attr_value"th:attr="skus=${vals.skuIds},class=${#lists.contains(#strings.listSplit(vals.skuIds,','), item.info.skuId.toString())?'sku_attr_value checked':'sku_attr_value'}" >[[${vals.attrValue}]]</a></dd></dl></div></div><div class="box-btns clear"><div class="box-btns-one"><input type="text" name="" id="" value="1" /><div class="box-btns-one1"><div><button id="jia">+</button></div><div><button id="jian">-</button></div></div></div><div class="box-btns-two"><a href="/static/item/../商品分类\index.html">立即预约</a></div><div class="box-btns-three"><img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt="" /> 分享</div></div><div class="box-footer-zo"><div class="box-footer clear"><dl><dt>本地活动</dt><dd><a href="/static/item/">·1元500MB激活到账30元 >></a></dd></dl></div><div class="box-footer"><dl><dt>温馨提示</dt><dd>·本商品不能使用 东券 京券</dd><dd>·请完成预约后及时抢购！</dd></dl></div></div></div></div></div><!--欲约抢购流程--><div class="qianggoulioucheng"><div class="lioucheng"><h3>欲约抢购流程</h3></div><!--抢购步骤--><ul class="qianggoubuzhao"><li><img src="/static/item/img/shop_03.png" /><dl class="buzhou"><dt>1.等待预约</dt><dl>预约即将开始</dl></dl></li><li><img src="/static/item/img/shop_04.png" /><dl class="buzhou"><dt>2.预约中</dt><dl>2017-11-15 10:35 2017-11-15 23:59</dl></dl></li><li><img src="/static/item/img/shop_05.png" /><dl class="buzhou"><dt>3.等待抢购</dt><dl>抢购即将开始</dl></dl></li><li><img src="/static/item/img/shop_06.png" /><dl class="buzhou"><dt>4.抢购中</dt><dl></dl></dl></li></ul></div><div class="ShopXiangqing"><div class="allLeft"><!--火热预约--><div class="huoreyuyue"><h3>火热预约</h3></div><div class="dangeshopxingqing"><ul class="shopdange"><li><a href="/static/item/##"><img src="/static/item/img/5a0afeddNb34732af.jpg" /></a><p><a href="/static/item/##">OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a></p><p><strong class="J-p-20015341974">￥3699.00</strong></p></li><li><a href="/static/item/##"><img src="/static/item/img/5a12873eN41754123.jpg" /></a><p><a target="_blank" title="詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）" href="/static/item///item.jd.com/20348283521.html">詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）</a></p><p><strong class="J-p-20348283521">￥13999.00</strong></p></li><li><a href="/static/item/##"><img src="/static/item/img/59ec0131Nf239df75.jpg" /></a><p><a target="_blank" title="斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60" href="/static/item///item.jd.com/16683419775.html">斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60</a></p><p><strong class="J-p-16683419775">￥1599.00</strong></p></li><li><a href="/static/item/##"><img src="/static/item/img/59015444N27317512.jpg" /></a><p><a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a></p><p><strong class="J-p-12187770381">￥2599.00</strong></p></li></ul></div><!--看了又看--><div class="huoreyuyue"><h3>看了又看</h3></div><div class="dangeshopxingqing"><ul class="shopdange"><li><a href="/static/item/##"><img src="/static/item/img/59e55e01N369f98f2.jpg" /></a><p><a target="_blank" title="华为（HUAWEI） 华为 Mate10 4G手机 双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)" href="/static/item///item.jd.com/17931625443.html">华为（HUAWEI） 华为 Mate10 4G手机 双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)</a><p><strong class="J-p-17931625443">￥4766.00</strong></p></li><li><a href="/static/item/##"><img src="/static/item/img/584fcc3eNdb0ab94c.jpg" /></a><p><a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待" href="/static/item///item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待</a></p><p><strong class="J-p-3749093">￥4899.00</strong></p></li><li><!--shopjieshao--><a href="/static/item/##"><img src="/static/item/img/59eb0df9Nd66d7585.jpg" /></a><p><a target="_blank" title="华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版" href="/static/item///item.jd.com/12306211773.html">华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版</a></p><p><strong class="J-p-12306211773">￥4088.00</strong></p></li><li><a href="/static/item/##"><img src="/static/item/img/5a002ba3N126c2f73.jpg" /></a><p><a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a></p><p><strong class="J-p-12187770381">￥2599.00</strong></p></li></ul><img src="/static/item/img/5a084a1aNa1aa0a71.jpg" /></div></div><!--商品介绍--><div class="allquanbushop"><ul class="shopjieshao"><li class="jieshoa" style="background: #e4393c;"><a style="color: white;">商品介绍</a></li><li class="baozhuang"><a>规格与包装</a></li><li class="baozhang"><a href="/static/item/##">售后保障</a></li><li class="pingjia"><a href="/static/item/##">商品评价(4万+)</a></li><li class="shuoming"><a href="/static/item/##">预约说明</a></li></ul><button class="Lijiyuyuessss">立即预约</button><ul class="shopjieshaos posi" style="display: none;"><li class="jieshoa" style="background: #e4393c;"><a href="/static/item/#li1" style="color: white;">商品介绍</a></li><li class="baozhuang"><a href="/static/item/#li2">规格与包装</a></li><li class="baozhang"><a href="/static/item/#li3">售后保障</a></li><li class="pingjia"><a href="/static/item/#li4">商品评价(4万+)</a></li><li class="shuoming"><a href="/static/item/#li5">预约说明</a></li></ul><!--商品详情--><div class="huawei"><ul class="xuanxiangka"><li class="jieshoa actives" id="li1"><div class="shanpinsssss">
<!-- <p>-->
<!-- <a href="/static/item/#">品牌:华为（HUAWEI）</a>-->
<!-- </p>-->
<!-- <table>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <a href="/static/item/##">商品名称：华为Mate 10</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">商品毛重：0.58kg</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">商品编号：5544038</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">商品产地：中国大陆</a>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <a href="/static/item/##">系统：安卓（Android）</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">前置摄像头像素：800万-1599万</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">后置摄像头像素：2000万及以上，1200万-1999万</a>-->
<!-- </td>-->
<!-- <td>-->
<!-- <a href="/static/item/##">机身内存：128GB</a>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td colspan="4">-->
<!-- <a href="/static/item/##">全面屏，双卡双待，指纹识别，Type-C，VoLTE，2K屏，拍照神器，支持NFC，商务手机，安全手机，分辨率10</a>-->
<!-- </td>-->
<!-- </tr>-->
<!-- </table>--><img class="xiaoguo" th:src="${descp}" th:each="descp:${#strings.listSplit(item.desp.decript,',')}"/><div class="guiGebox guiGebox1"><div class="guiGe" th:each="guige:${item.groupAttrs}"><h3 th:text="${guige.groupName}">主体</h3><dl><dt>品牌</dt><dd>华为(HUAWEI)</dd><dt>型号</dt><dd class="Ptable-tips"><a href="/static/item/#"><i>？</i></a></dd><dd>ALP-AL00</dd><dt>入网型号</dt><dd class="Ptable-tips"><a href="/static/item/#"><i>？</i></a></dd><dd>ALP-AL00</dd><dt>上市年份</dt><dd>2017年</dd><dt>上市时间</dt><dd>10月</dd></dl></div><!--nav--><div class="guiGe"><h3>后置摄像头</h3><dl><dt>摄像头数量</dt><dd class="Ptable-tips"><a href="/static/item/#"><i>？</i></a></dd><dd>2个</dd><dt>后置摄像头</dt><dd>1200万像素；2000万像素</dd><dt>摄像头光圈大小</dt><dd>其他</dd><dt>闪光灯</dt><dd>双色温双LED闪光灯</dd><dt>美颜技术</dt><dd>支持</dd><dt>副摄像头光圈大小</dt><dd>其他</dd><dt>照片最大分辨率</dt><dd>5120X3840</dd><dt>拍照特点</dt><dd>数码变焦；自动对焦；防抖；美颜；连拍；微距；全景；滤镜；场景模式；HDR；PDAF；夜间拍摄；微信小视频；有声照片；</dd><dd>水印；美肤录像；全像素双核激光对焦拍摄</dd></dl></div><div class="guiGe"><h3>电池信息</h3><dl><dt>电池容量（mAh）</dt><dd>4000（典型值）</dd><dt>电池类型</dt><dd>锂聚合物电池</dd><dt>电池是否可拆卸</dt><dd class="Ptable-tips"><a href="/static/item/#"><i>？</i></a></dd><dd>否</dd><dt>充电器</dt><dd>5V/4.5A</dd><dt>快速充电</dt><dd>华为超级快充</dd></dl></div><div class="guiGe"><h3>娱乐功能</h3><dl><dt>mic数量</dt><dd>3个</dd></dl></div><div class="guiGe"><h3>数据接口</h3><dl><dt>数据传输接口</dt><dd>红外；WIFI；NFC；蓝牙；WiFi热点</dd><dt>NFC/NFC模式</dt><dd>支持（点对点模式）；支持（读卡器模式）；支持卡模拟</dd><dt>耳机接口类型</dt><dd>3.5mm</dd><dt>充电接口类型</dt><dd>Type-C</dd><dt>数据线</dt><dd>其他</dd></dl></div><div class="guiGe"><h3>手机特性</h3><dl><dt>指纹识别</dt><dd>支持</dd><dt>语音识别</dt><dd>支持</dd><dt>GPS</dt><dd>支持</dd><dt>电子罗盘</dt><dd>支持</dd><dt>霍尔感应器</dt><dd>支持</dd><dt>陀螺仪</dt><dd>支持</dd><dt>红外遥控</dt><dd>支持</dd><dt>适配VR</dt><dd>支持</dd><dt>其他</dt><dd>呼气灯；多麦降噪技术；光线感应</dd></dl></div><div class="guiGe"><h3>辅助功能</h3><dl><dt>常用功能</dt><dd>录音；手势识别；便签；超大字体；SOS功能；重礼感应</dd><dt>其他1</dt><dd>智能识屏</dd><dt>其他特性</dt><dd>手套模式</dd><dt>其他2</dt><dd>单手操作</dd></dl></div><div class="package-list"><h3>包装清单</h3><p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p></div></div></div></li><li class="baozhuang actives" id="li2"><div class="guiGebox"><div class="guiGe" th:each="group:${item.groupAttrs}"><h3 th:text="${group.groupName}">主体</h3><dl><div th:each="attr:${group.attrs}"><dt th:text="${attr.attrName}">品牌</dt><dd th:text="${attr.attrValue}">华为(HUAWEI)</dd></div></dl></div><div class="package-list"><h3>包装清单</h3><p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p></div></div></li><!--包装--><li class="baozhang actives" id="li3"><div class="oBox"><div class="shuoHou"><div class="baoZhang"><h2>售后保障</h2></div></div><!--厂家服务--><div class="changJia"><div class="lianBao"><span class="oImg"><img src="/static/item/img/2017.jpg" alt="" /><h3>厂家服务</h3></span><div class="wenZi">本产品全国联保，享受三包服务，质保期为：一年保<br />如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br />(注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a href="/static/item/#">请点击这儿查询...</a><br /><br /></div></div><div class="lianBao oCn"><span class="oImg"><img src="/static/item/img/2017.jpg" alt="" /><h3>京东承诺</h3></span><div class="wenZi">本产品全国联保，享受三包服务，质保期为：一年保<br />如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br />(注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a href="/static/item/#">请点击这儿查询...</a><br /><br /><br /></div></div><div class="lianBao "><span class="oImg"><img src="/static/item/img/2017.jpg" alt="" /><h3>正品行货</h3></span><div class="wenZi hangHuo">京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。</div></div><div class="lianBao quanGuo"><span class="oImg"><img src="/static/item/img/2017-1.jpg" alt="" /><h3>全国联保</h3></span><div class="wenZi">凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！ <br />注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</div></div><!--权利声明--><div class="quanLi"><h4>权利声明:</h4><div class="jingDong">京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。<br /><span class="oZhu">注</span>：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。</div></div><div class="quanLi jiaGe"><h4>价格说明:</h4><div class="jingDong"><span class="oZhu">京东价</span>：京东价为商品的销售价，是您最终决定是否购买商品的依据。<br /><span class="oZhu">划线价</span>：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br /><span class="oZhu">折扣</span>：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。<br /><span class="oZhu">异常问题</span>：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。</div></div></div></div></li><!--评价--><li class="PINgjia actives" id="li4"><div class="h3"><h3>商品评价</h3></div><div class="nav"><div class="left"><p class="haoping">好评度</p><p><span>100%</span></p></div><div class="right"><ul><li><a href="/static/item/##">就是快（424）</a></li><li><a href="/static/item/##">物流很快（254） </a></li><li><a href="/static/item/##">货真价实（168）</a></li><li><a href="/static/item/##">有档次（158）</a></li><li><a href="/static/item/##">国产品牌（133）</a></li><li><a href="/static/item/##">外形美观（103）</a></li><li><a href="/static/item/##">很给力（75）</a></li><li><a href="/static/item/##">反应灵敏（68）</a></li><li><a href="/static/item/##">性价比高（60）</a></li><li><a href="/static/item/##">价格优惠（50）</a></li><li><a href="/static/item/##">功能齐全（49）</a></li><li style="background: gainsboro;"><a href="/static/item/##">速度太慢（5）</a></ul></div></div><!--全部评价--><div class="allpingjia"><ul><li><a href="/static/item/##">全部评价（4.2万）</a></li><li><a href="/static/item/##">晒图（500）</a></li><li><a href="/static/item/##">追拼（200+）</a></li><li><a href="/static/item/##">好评（4.1万）</a></li><li><a href="/static/item/##">中评（100+）</a></li><li><a href="/static/item/##">差评（100+）</a></li><li><a href="/static/item/##"><input type="checkbox"/>只看当前商品价格</a></li><li class="imga" style="float: right;"><a href="/static/item/##">推荐排序 <img src="/static/item/img/animaite.png"/> </a></li></ul></div></li><li class="shuoming actives" id="li5"></li></ul></div></div></div></div><div class="headera"><div class="Logo-tu"><span><img src="/static/item/img/service_items_1.png"/></span><span><img src="/static/item/img/service_items_2.png"/></span><span><img src="/static/item/img/service_items_3.png"/></span><span><img src="/static/item/img/service_items_4.png"/></span></div><div class="table"><dl><dt><a href="/static/item/##">购物指南</a></dt><dd><a href="/static/item/##">购物流程</a></dd><dd><a href="/static/item/##">会员介绍</a></dd><dd><a href="/static/item/##">生活旅行/团购</a></dd><dd><a href="/static/item/##">常见问题</a></dd><dd><a href="/static/item/##">大家电</a></dd><dd><a href="/static/item/##">练习客服</a></dd></dl><dl><dt><a href="/static/item/##">配送方式</a></dt><dd><a href="/static/item/##">上门自提</a></dd><dd><a href="/static/item/##">211限时达</a></dd><dd><a href="/static/item/##">配送服务查询</a></dd><dd><a href="/static/item/##"></a></dd><dd><a href="/static/item/##">海外配送</a></dd><dd></dd></dl><dl><dt><a href="/static/item/##">支付方式</a></dt><dd><a href="/static/item/##">货到付款</a></dd><dd><a href="/static/item/##">在线支付</a></dd><dd><a href="/static/item/##">分期付款</a></dd><dd><a href="/static/item/##">邮局汇款</a></dd><dd><a href="/static/item/##">公司转账</a></dd><dd></dd></dl><dl><dt><a href="/static/item/##">售后服务</a></dt><dd><a href="/static/item/##">售后政策</a></dd><dd><a href="/static/item/##">价格保护</a></dd><dd><a href="/static/item/##">退款说明</a></dd><dd><a href="/static/item/##">返修/退换货</a></dd><dd><a href="/static/item/##">取消订单</a></dd><dd></dd></dl><dl class="dls"><dt><a href="/static/item/##">特色服务</a></dt><dd><a href="/static/item/##">夺宝岛</a></dd><dd><a href="/static/item/##">DIY装机</a></dd><dd><a href="/static/item/##">延保服务</a></dd><dd><a href="/static/item/##">京东E卡</a></dd><dd><a href="/static/item/##">京东通信</a></dd><dd><a href="/static/item/##">京东JD+</a></dd></dl></div><!--关于我们--><div class="guanyuwomen"><ul><li><a href="/static/item/##">关于我们</a></li><li>|</li><li><a href="/static/item/##">联系我们</a></li><li>|</li><li><a href="/static/item/##">联系客服</a></li><li>|</li><li><a href="/static/item/##">合作招商</a></li><li>|</li><li><a href="/static/item/##">商家帮助</a></li><li>|</li><li><a href="/static/item/##">营销中心</a></li><li>|</li><li><a href="/static/item/##">手机京东</a></li><li>|</li><li><a href="/static/item/##">友情链接</a></li><li>|</li><li><a href="/static/item/##">销售联盟</a></li><li>|</li><li><a href="/static/item/##">京东社区</a></li><li>|</li><li><a href="/static/item/##">风险检测</a></li><li>|</li><li><a href="/static/item/##">隐私政策</a></li><li>|</li><li><a href="/static/item/##">京东公益</a></li><li>|</li><li><a href="/static/item/##">English Site</a></li><li>|</li><li><a href="/static/item/##">Mdeila $ IR</a></li></ul></div><!--jieshoa--><p class="p1"><img src="/static/item/img/56a0a994Nf1b662dc.png" /><a href="/static/item/##"> 京公网安备 11000002000088号</a>|<a href="/static/item/##"> 京ICP证070359号</a>|<a href="/static/item/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|<a href="/static/item/##">新出发京零 字第大120007号</a></p><p class="p1"><a href="/static/item/##"> 互联网出版许可证编号新出网证(京)字150号</a>|<a href="/static/item/##"> 出版物经营许可证</a>|<a href="/static/item/##"> 网络文化经营许可证京网文 </a>|<a href="/static/item/##">[2014]2148-348号 </a>|<a href="/static/item/##"> 违法和不良信息举报电话 </a>|<a href="/static/item/##">：4006561155 </a></p><p class="p1"><a href="/static/item/##"> Copyright © 2004-2017 京东JD.com 版权所有</a>|<a href="/static/item/##"> 消费者维权热线：4006067733 经营证照</a>|</p><p class="p1"><a href="/static/item/##"> 京东旗下网站：京东支付</a>|<a href="/static/item/##"> 京东云</a></p><p class="p3"><img src="/static/item/img/54b8871eNa9a7067e.png" /><img src="/static/item/img/54b8872dNe37a9860.png" /><img src="/static/item/img/54b8875fNad1e0c4c.png" /><img src="/static/item/img/5698dc03N23f2e3b8.jpg" /><img src="/static/item/img/5698dc16Nb2ab99df.jpg" /><img src="/static/item/img/56a89b8fNfbaade9a.jpg" /></p></div><div class="Fixedbian"><ul><li class="li1"><a class="aaa" href="/static/item/##">顶部</a></li></ul></div><div class="gouwuchexiaguo"><img src="/static/item/img/44.png" /><span>购物车还没有商品，赶紧选购吧！</span></div></body><script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script><script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"></script><script>$(".sku_attr_value").click(function(){//1、点击的元素先添加自定义的属性。为了识别我们是刚才被点击的var skus = new Array();$(this).addClass("clicked");var curr = $(this).attr("skus").split(",");//当前被点击的所有sku组合数组放进去skus.push(curr);// 去掉同一行所有的checked$(this).parent().parent().find(".sku_attr_value").removeClass("checked");$("a[class='sku_attr_value checked']").each(function(){skus.push($(this).attr("skus").split(","));});console.log(skus);//2、取出他们的交集，得到skuIdvar filterEle = skus[0];for(var i = 1; i<skus.length; i++){filterEle = $(filterEle).filter(skus[i]);}console.log(filterEle[0]);//3、跳转location.href = "http://item.gulimall.com/"+ filterEle[0] +".html";});$(function(){$(".sku_attr_value").parent().css({"border": "solid 1px #CCC"});$("a[class='sku_attr_value checked']").parent().css({"border": "solid 1px red"});});</script></html>
203、商城业务-商品详情-环境搭建相关推荐
- 商城业务-商品秒杀服务
商城业务-商品秒杀服务 一.秒杀介绍 1.秒杀业务 2.秒杀流程 3.限流 二.秒杀 1.启动前端项目 1).修改coupon的网关 2).vscode代码 2.1).查询.新增秒杀场次 2.2).关 ...
- 黑马畅购商城---1.项目介绍-环境搭建
学习地址:https://download.csdn.net/download/Q2802020/12883464 第1章 框架搭建 学习目标 了解电商 了解畅购架构 了解畅购工程结构 畅购工程搭建 ...
- Ecshop 2.7.1 B2B2C 小京东 商城网站 商品详情页二维码显示出错
出现二维码显示出错的问题总结了三种: 一:可以看到上述的页面,左侧为商品详情二维码,此二维码可以在商城总后台设置,设置时注意格式,要与你的手机端页面链接相同,最后面的id值是你的商品id,如:http ...
- 乐优商城day13(商品详情页,rabbitMQ安装)
所有代码发布在 [https://github.com/hades0525/leyou] Day13(rabbitmq) 2019年2月13日 14:45 使用thymeleaf thymeleaf基 ...
- 谷粒商城-分布式基础篇-环境搭建
1.写在前面 既个人博客系统和Java虚拟机学习后,深感技术点过于零散,于是照着尚硅谷教程写了谷粒商城这个项目.谷粒商城是一个完整的大型分布式架构电商平台,这个项目将我目前学到的知识点,以及还未学到的 ...
- 微信小程序商城开发-商品详情页跳转购物车
项目场景: 微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于tabbar页面的跳转) 问题描述 点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面,总是报错 原因分析: 微 ...
- “微商城”项目（1环境搭建）
开发工具分享: 百度网盘: 链接:https://pan.baidu.com/s/1lSsCjf-_zx1ymu6uZeG26Q?pwd=huan 提取码:huan 一.环境搭建说明 本项目服务端环 ...
- 谷粒商城 Day05 商品详情页接口准备
Day05 商品详情页接口准备 一.Thymeleaf 1.thymeleaf 简介 ① HelloController com.atguigu.thymeleaf.controller.HelloC ...
- todo谷粒商城二本地虚拟机环境搭建及项目初始化
todo 模块依赖的版本可能有变化,等项目稳定回来确认一下 VirtualBox VirtualBox相对VMware来说是轻量级的虚拟软件, 最关键的是VirtualBox是开源免费的. 使用之前要 ...
最新文章
- First Chapter--Getting Started With Testing
- 计算机二级评卷看结果还是步骤,计算机二级评分严格吗 步骤错了有分吗
- jQuery插件实战之fullcalendar（日历插件）Demo
- MAC版pycharm快捷键
- python 相对导入_Python相对导入机制详解
- trycatch 不能捕获运行时异常_软件运行异常时的多种排查思路与方法
- 微信dat文件用什么软件打开方式_dat文件用什么打开 微信电脑图片dat转为jpg
- iOS 15 H264硬编码码率变小，图像模糊
- cattee翻译_0302 echo、重定向、管道、cat、tee
- js html显示emoji表情,canvas绘制一个常用的emoji表情
- 计算机桌面24小时制设置,时间怎么设置24小时
- NTFS的目录和文件
- 【系统分析师之路】面向对象开发方法，Coad方法、Booch方法和OMT方法及UML
- 力学笃行系列之List自定义排序
- labview程序打包生成exe安装程序（目标电脑无labview）
- 楚汉争霸显示未创建服务器,设计游戏《楚汉争霸》
- 厉害了，Github标星113K的前端学习路线图有中文版了
- 高合汽车引发行业“核裂变”，数字生命体高合HiPhi Z正式发布
- mathtype在word2016中安装
- 交流计量芯片HLW8112的校准方法