谷粒商城-09-p173-p192
173、商城业务-检索服务-搭建页面环境
接下来我们要在我们的search 服务搭建我们的检索服务
1、引入thymeleaf 依赖
<dependency><groupId>org.springframework.bootgroupId><artifactId>spring-boot-starter-thymeleafartifactId>dependency>
2、index 页面
将老师资料中的l>代码>html>搜索页下的index.html 复制到我们的template的目录下,并添加上thymeleaf的命名空间
<html lang="en" xmlns:th="http://www.thymeleaf.org">
并将index中的所有的 href 和 src 引用的资源都改为 static/search … 开头,接下来我们会把静态资源和之前一样放到nginx中去,做动静分离
3、上传静态资源
在之前存放的静态资源的static的文件夹中新建文件夹search 然后将老师资料中的l>代码>html>搜索页下所有静态资源上传上去
修改nginx的gulimall.conf
server {listen 80;server_name gulimall.com *.gulimall.com;#charset koi8-r;#access_log /var/log/nginx/log/host.access.log main;location / {proxy_set_header Host $host;proxy_pass http://gulimall;}#error_page 404 /404.html;# redirect server error pages to the static page /50x.html#error_page 500 502 503 504 /50x.html;location = /50x.html {root /usr/share/nginx/html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {# proxy_pass http://127.0.0.1;#}
4、修改gateway的yaml文件
添加search服务的网关的配置
spring:cloud:gateway:routes:- id: product_routeuri: lb://gulimall-productpredicates:- Path=/api/product/**,/hellofilters:- RewritePath=/api/(?>.*),/$\{segment}- id: coupon_routeuri: lb://gulimall-couponpredicates:- Path=/api/coupon/**filters:- RewritePath=/api/(?>.*),/$\{segment}- id: third_party_routeuri: lb://gulimall-third-partypredicates:- Path=/api/thirdparty/**filters:- RewritePath=/api/thirdparty/(?>.*),/$\{segment}- id: member_routeuri: lb://gulimall-memberpredicates:- Path=/api/member/**filters:- RewritePath=/api/(?>.*),/$\{segment}- id: ware_routeuri: lb://gulimall-warepredicates:- Path=/api/ware/**filters:- RewritePath=/api/(?>.*),/$\{segment}- id: order_routeuri: lb://gulimall-orderpredicates:- Path=/api/order/**filters:- RewritePath=/api/(?>.*),/$\{segment}- id: admin_routeuri: lb://renren-fastpredicates:- Path=/api/**filters:- RewritePath=/api/(?>.*),/renren-fast/$\{segment}- id: gulimall_host_routeuri: lb://gulimall-productpredicates:- Host=gulimall.com,item.gulimall.com- id: gulimall_search_routeuri: lb://gulimall-searchpredicates:- Host=search.gulimall.com
174、商城业务-检索服务-调整页面跳转
这个功能可以查看京东的跳转页面,逻辑是一样的
要求在我们的product的模块的index.html中的(如下代码)有一个search() 能跳转到我们的search服务下的list.html页面
<div class="header_sous"><div class="header_form"><input id="searchText" type="text" placeholder=""/><span style="background: url('/static/index/img/img_12.png') 0 -1px;">span><a href="javascript:search();"><img src="/static/index/img/img_09.png" />a>div>。。。。<script type="text/javascript">function search() {var keyword = $("#searchText").val()window.location.href = "http://search.gulimall.com/list.html?keyword=" + keyword;}
将search服务的index.html重名名为list.html


175、商城业务-检索服务-检索查询参数模型分析抽取
商城检索-检索条件分析
• 1、全文检索:skuTitle-》keyword
• 2、排序:saleCount(销量)、hotScore(热度分)、skuPrice(价格)
• 3、过滤:hasStock、skuPrice区间、brandId、catalog3Id、attrs
• 4、聚合:attrs
• 完整查询参数
• keyword=小米
&sort=saleCount_desc/asc&hasStock=0/1&skuPrice=400_1900&brandId=1&catalog3Id=1&at
trs=1_3G:4G:5G&attrs=2_骁龙845&attrs=4_高清屏

针对上面的我们的请求参数封装如下
package com.atguigu.gulimall.search.vo;import lombok.Data;import java.util.List;/*** @创建人: 放生* @创建时间: 2022/4/30* @描述: 封装页面所有可能传递过来的查询条件* catalog3Id=225&keyword=小米&sort=saleCount_asc&hasStock=0/1&brandId=1&brandId=2* &attrs=1_5寸:8寸&attrs=2_16G:8G*/
@Data
public class SearchParam {private String keyword;//页面传递过来的全文匹配关键字 vprivate Long catalog3Id;//三级分类id v/*** sort=saleCount_asc/desc* sort=skuPrice_asc/desc* sort=hotScore_asc/desc*/private String sort;//排序条件 v/*** 好多的过滤条件* hasStock(是否有货)、skuPrice区间、brandId、catalog3Id、attrs* hasStock=0/1* skuPrice=1_500/_500/500_* brandId=1* attrs=2_5存:6寸**/private Integer hasStock;//是否只显示有货 v 0(无库存)1(有库存)private String skuPrice;//价格区间查询 vprivate List<Long> brandId;//按照品牌进行查询,可以多选 vprivate List<String> attrs;//按照属性进行筛选 vprivate Integer pageNum = 1;//页码private String _queryString;//原生的所有查询条件}
176、商城业务-检索服务-检索返回结果模型分析抽取
同样的我们查询出的结果也是需要返回出去的,因此我们的返回结果封装如下
package com.atguigu.gulimall.search.vo;import com.atguigu.common.to.es.SkuEsModel;
import lombok.Data;import java.util.ArrayList;
import java.util.List;/*** @创建人: 放生* @创建时间: 2022/4/30* @描述:*/
@Data
public class SearchResult {//查询到的所有商品信息private List<SkuEsModel> products;/*** 以下是分页信息*/private Integer pageNum;//当前页码private Long total;//总记录数private Integer totalPages;//总页码private List<Integer> pageNavs;private List<BrandVo> brands;//当前查询到的结果,所有涉及到的品牌private List<CatalogVo> catalogs;//当前查询到的结果,所有涉及到的所有分类private List<AttrVo> attrs;//当前查询到的结果,所有涉及到的所有属性//==========以上是返回给页面的所有信息============//面包屑导航数据private List<NavVo> navs = new ArrayList<>();private List<Long> attrIds = new ArrayList<>();@Datapublic static class NavVo{private String navName;private String navValue;private String link;}@Datapublic static class BrandVo{private Long brandId;private String brandName;private String brandImg;}@Datapublic static class CatalogVo{private Long catalogId;private String catalogName;}@Datapublic static class AttrVo{private Long attrId;private String attrName;private List<String> attrValue;}}
177、商城业务-检索服务-检索DSL测试-查询部分
1、新建一个SearchController
package com.atguigu.gulimall.search.controller;import com.atguigu.gulimall.search.service.MallSearchService;
import com.atguigu.gulimall.search.vo.SearchParam;
import com.atguigu.gulimall.search.vo.SearchResult;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;import javax.servlet.http.HttpServletRequest;/*** @创建人: 放生* @创建时间: 2022/4/30* @描述:*/
@Controller
public class SearchController {@AutowiredMallSearchService mallSearchService;/*** 自动将页面提交过来的所有请求查询参数封装成指定的对象* @param param* @return*/@GetMapping("/list.html")public String listPage(SearchParam param, Model model, HttpServletRequest request){param.set_queryString(request.getQueryString());//1、根据传递来的页面的查询参数,去es中检索商品SearchResult result = mallSearchService.search(param);model.addAttribute("result",result);return "list";}}
2、MallSearchService
package com.atguigu.gulimall.search.service;import com.atguigu.gulimall.search.vo.SearchParam;
import com.atguigu.gulimall.search.vo.SearchResult;/*** @创建人: 放生* @创建时间: 2022/4/30* @描述:*/
public interface MallSearchService {/**** @param param 检索的所有参数* @return 返回检索的结果,里面包含页面需要的所有信息*/SearchResult search(SearchParam param);
}
3、MallSearchServiceImpl
package com.atguigu.gulimall.search.service.impl;import com.atguigu.gulimall.search.service.MallSearchService;
import com.atguigu.gulimall.search.vo.SearchParam;
import com.atguigu.gulimall.search.vo.SearchResult;
import org.springframework.stereotype.Service;/*** @创建人: 放生* @创建时间: 2022/4/30* @描述:*/
@Service
public class MallSearchServiceImpl implements MallSearchService {//去es进行检索@Overridepublic SearchResult search(SearchParam param) {return null;}}
178、商城业务-检索服务-检索DSL测试-聚合部分
{"query": {"bool": {"must": [{"match": {"skuTitle": "华为"}}],"filter": [{"term": {"catalogId": "225"}},{"terms": {"brandId": ["1","2","9"]}},{"nested": {"path": "attrs","query": {"bool": {"must": [{"term": {"attrs.attrId": {"value": "15"}}},{"terms": {"attrs.attrValue": ["海思(Hisilicon)","以官网信息为准"]}}]}}}},{"term": {"hasStock": {"value": "true"}}},{"range": {"skuPrice": {"gte": 0,"lte": 6000}}}]}},"sort": [{"skuPrice": {"order": "desc"}}],"from": 0,"size": 1,"highlight": {"fields": {"skuTitle": {}},"pre_tags": "","post_tags": ""},"aggs": {"brand_agg": {"terms": {"field": "brandId","size": 10},"aggs": {"brand_name_agg": {"terms": {"field": "brandName","size": 10}},"brand_img_agg": {"terms": {"field": "brandImg","size": 10}}}},"catalog_agg": {"terms": {"field": "catalogId","size": 10},"aggs": {"catalog_name_agg": {"terms": {"field": "catalogName","size": 10}}}},"attr_agg": {"nested": {"path": "attrs"},"aggs": {"attr_id_agg": {"terms": {"field": "attrs.attrId","size": 10},"aggs": {"attr_name_agg": {"terms": {"field": "attrs.attrName","size": 1}},"attr_value_agg": {"terms": {"field": "attrs.attrValue","size": 10}}}}}}}
}
179、商城业务-检索服务-SearchRequest构建-检索
//去es进行检索@Overridepublic SearchResult search(SearchParam param) {//动态构建出查询需要DSL 语句SearchResult result = null;//1、准备检索请求SearchRequest searchRequest = buildSearchRequest(param);try {//2、执行检索请求SearchResponse response = client.search(searchRequest, GulimallElasticSearchConfig.COMMON_OPTIONS);//3、分析响应数据 封装成我们需要的格式result = buildSearchResult(response,param);} catch (IOException e) {e.printStackTrace();}return result;}/*** 准备检索请求* #模糊匹配,过滤(按照属性,分类,品牌,价格区间,库存),排序,分页,高亮,聚合分析* @return*/private SearchRequest buildSearchRequest(SearchParam param) {SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();//构建DSL语句的/*** 查询:过滤(按照属性,分类,品牌,价格区间,库存)*///1、构建bool - queryBoolQueryBuilder boolQuery = QueryBuilders.boolQuery();//1.1、must-模糊匹配,if (!StringUtils.isEmpty(param.getKeyword())) {boolQuery.must(QueryBuilders.matchQuery("skuTitle", param.getKeyword()));}//1.2、bool - filter - 按照三级分类id查询if (param.getCatalog3Id() != null) {boolQuery.filter(QueryBuilders.termQuery("catalogId", param.getCatalog3Id()));}//1.2、bool - filter - 按照品牌id查询if (param.getBrandId() != null && param.getBrandId().size() > 0) {boolQuery.filter(QueryBuilders.termsQuery("brandId", param.getBrandId()));}//1.2、bool - filter - 按照所有指定的属性进行查询if (param.getAttrs() != null && param.getAttrs().size() > 0) {for (String attrStr : param.getAttrs()) {//attrs=1_5寸:8寸&attrs=2_16G:8GBoolQueryBuilder nestedboolQuery = QueryBuilders.boolQuery();//attr = 1_5寸:8寸String[] s = attrStr.split("_");String attrId = s[0]; //检索的属性idString[] attrValues = s[1].split(":"); //这个属性的检索用的值nestedboolQuery.must(QueryBuilders.termQuery("attrs.attrId", attrId));nestedboolQuery.must(QueryBuilders.termsQuery("attrs.attrValue", attrValues));//每一个必须都得生成一个nested查询nestedQuery("attrs", nestedboolQuery, ScoreMode.None) attrs表示的是哪一个字段ScoreMode.None表示不参与评分NestedQueryBuilder nestedQuery = QueryBuilders.nestedQuery("attrs", nestedboolQuery, ScoreMode.None);boolQuery.filter(nestedQuery);}}//1.2、bool - filter - 按照库存是否有进行查询if(param.getHasStock() != null){boolQuery.filter(QueryBuilders.termQuery("hasStock", param.getHasStock() == 1));}//1.2、bool - filter - 按照价格区间if (!StringUtils.isEmpty(param.getSkuPrice())) {//1_500/_500/500_/*** "range": {* "skuPrice": {* "gte": 0,* "lte": 6000* }* }*/RangeQueryBuilder rangeQuery = QueryBuilders.rangeQuery("skuPrice");String[] s = param.getSkuPrice().split("_");if (s.length == 2) {//区间rangeQuery.gte(s[0]).lte(s[1]);} else if (s.length == 1) {if (param.getSkuPrice().startsWith("_")) {rangeQuery.lte(s[0]);}if (param.getSkuPrice().endsWith("_")) {rangeQuery.gte(s[0]);}}boolQuery.filter(rangeQuery);}//把以前的所有条件都拿来进行封装sourceBuilder.query(boolQuery);/*** 排序,分页,高亮,*///2.1、排序if (!StringUtils.isEmpty(param.getSort())) {String sort = param.getSort();//sort=hotScore_asc/descString[] s = sort.split("_");SortOrder order = s[1].equalsIgnoreCase("asc") ? SortOrder.ASC : SortOrder.DESC;sourceBuilder.sort(s[0], order);}//2.2、分页 pageSize:5// pageNum:1 from:0 size:5 [0,1,2,3,4]// pageNum:2 from:5 size:5//from = (pageNum-1)*sizesourceBuilder.from((param.getPageNum() - 1) * EsConstant.PRODUCT_PAGESIZE);sourceBuilder.size(EsConstant.PRODUCT_PAGESIZE);//2.3、高亮if (!StringUtils.isEmpty(param.getKeyword())) {HighlightBuilder builder = new HighlightBuilder();builder.field("skuTitle");builder.preTags("");builder.postTags("");sourceBuilder.highlighter(builder);}/*** 聚合分析*///1、品牌聚合TermsAggregationBuilder brand_agg = AggregationBuilders.terms("brand_agg");brand_agg.field("brandId").size(50);//品牌聚合的子聚合brand_agg.subAggregation(AggregationBuilders.terms("brand_name_agg").field("brandName").size(1));brand_agg.subAggregation(AggregationBuilders.terms("brand_img_agg").field("brandImg").size(1));//TODO 1、聚合brandsourceBuilder.aggregation(brand_agg);//2、分类聚合 catalog_aggTermsAggregationBuilder catalog_agg = AggregationBuilders.terms("catalog_agg").field("catalogId").size(20);catalog_agg.subAggregation(AggregationBuilders.terms("catalog_name_agg").field("catalogName").size(1));//TODO 2、聚合catalogsourceBuilder.aggregation(catalog_agg);//3、属性聚合 attr_aggNestedAggregationBuilder attr_agg = AggregationBuilders.nested("attr_agg", "attrs");//聚合出当前所有的attrIdTermsAggregationBuilder attr_id_agg = AggregationBuilders.terms("attr_id_agg").field("attrs.attrId");//聚合分析出当前attr_id对应的名字attr_id_agg.subAggregation(AggregationBuilders.terms("attr_name_agg").field("attrs.attrName").size(1));//聚合分析出当前attr_id对应的所有可能的属性值attrValueattr_id_agg.subAggregation(AggregationBuilders.terms("attr_value_agg").field("attrs.attrValue").size(50));attr_agg.subAggregation(attr_id_agg);//TODO 3、聚合attrsourceBuilder.aggregation(attr_agg);String s = sourceBuilder.toString();System.out.println("构建的DSL" + s);SearchRequest searchRequest = new SearchRequest(new String[]{EsConstant.PRODUCT_INDEX}, sourceBuilder);return searchRequest;}
180、商城业务-检索服务-SearchRequest构建-排序,分页,高亮&测试
见上 。。。
181、商城业务-检索服务-SearchRequest构建-聚合
同上 。。。。
182、商城业务-检索服务-SearchResponset构建-分析&封装
/*** 构建响应数据* @param response* @return*/private SearchResult buildSearchResult(SearchResponse response, SearchParam param) {SearchResult result = new SearchResult();//1、返回的所有查询到的商品SearchHits hits = response.getHits();List<SkuEsModel> esModels = new ArrayList<>();if (hits.getHits() != null && hits.getHits().length > 0) {for (SearchHit hit : hits.getHits()) {String sourceAsString = hit.getSourceAsString();SkuEsModel esModel = JSON.parseObject(sourceAsString, SkuEsModel.class);if(!StringUtils.isEmpty(param.getKeyword())){HighlightField skuTitle = hit.getHighlightFields().get("skuTitle");String string = skuTitle.getFragments()[0].string();esModel.setSkuTitle(string);}esModels.add(esModel);};}result.setProducts(esModels);// //2、当前所有商品涉及到的所有属性信息List<SearchResult.AttrVo> attrVos = new ArrayList<>();ParsedNested attr_agg = response.getAggregations().get("attr_agg");ParsedLongTerms attr_id_agg = attr_agg.getAggregations().get("attr_id_agg");for (Terms.Bucket bucket : attr_id_agg.getBuckets()) {SearchResult.AttrVo attrVo = new SearchResult.AttrVo();//1、得到属性的idlong attrId = bucket.getKeyAsNumber().longValue();//2、得到属性的名字String attrName = ((ParsedStringTerms) bucket.getAggregations().get("attr_name_agg")).getBuckets().get(0).getKeyAsString();//3、得到属性的所有值List<String> attrValues = ((ParsedStringTerms) bucket.getAggregations().get("attr_value_agg")).getBuckets().stream().map(item -> {String keyAsString = ((Terms.Bucket) item).getKeyAsString();return keyAsString;}).collect(Collectors.toList());attrVo.setAttrId(attrId);attrVo.setAttrName(attrName);attrVo.setAttrValue(attrValues);attrVos.add(attrVo);}result.setAttrs(attrVos);
// //3、当前所有商品涉及到的所有品牌信息List<SearchResult.BrandVo> brandVos = new ArrayList<>();ParsedLongTerms brand_agg = response.getAggregations().get("brand_agg");for (Terms.Bucket bucket : brand_agg.getBuckets()) {SearchResult.BrandVo brandVo = new SearchResult.BrandVo();//1、得到品牌的idlong brandId = bucket.getKeyAsNumber().longValue();//2、得到品牌的名String brandName = ((ParsedStringTerms) bucket.getAggregations().get("brand_name_agg")).getBuckets().get(0).getKeyAsString();//3、得到品牌的图片String brandImg = ((ParsedStringTerms) bucket.getAggregations().get("brand_img_agg")).getBuckets().get(0).getKeyAsString();brandVo.setBrandId(brandId);brandVo.setBrandName(brandName);brandVo.setBrandImg(brandImg);brandVos.add(brandVo);}result.setBrands(brandVos);
// //4、当前所有商品涉及到的所有分类信息ParsedLongTerms catalog_agg = response.getAggregations().get("catalog_agg");List<SearchResult.CatalogVo> catalogVos = new ArrayList<>();List<? extends Terms.Bucket> buckets = catalog_agg.getBuckets();for (Terms.Bucket bucket : buckets) {SearchResult.CatalogVo catalogVo = new SearchResult.CatalogVo();//得到分类idString keyAsString = bucket.getKeyAsString();catalogVo.setCatalogId(Long.parseLong(keyAsString));//得到分类名ParsedStringTerms catalog_name_agg = bucket.getAggregations().get("catalog_name_agg");String catalog_name = catalog_name_agg.getBuckets().get(0).getKeyAsString();catalogVo.setCatalogName(catalog_name);catalogVos.add(catalogVo);}result.setCatalogs(catalogVos);
// ========以上从聚合信息中获取======
// //5、分页信息-页码result.setPageNum(param.getPageNum());
// //5、分页信息-总记录树long total = hits.getTotalHits().value;result.setTotal(total);
// //5、分页信息-总页码-计算 11/2 = 5 .. 1int totalPages = (int) total % EsConstant.PRODUCT_PAGESIZE == 0 ? (int) total / EsConstant.PRODUCT_PAGESIZE : ((int) total / EsConstant.PRODUCT_PAGESIZE + 1);result.setTotalPages(totalPages);List<Integer> pageNavs = new ArrayList<>();for (int i=1;i<=totalPages;i++){pageNavs.add(i);}result.setPageNavs(pageNavs);//6、构建面包屑导航功能if(param.getAttrs()!=null && param.getAttrs().size()>0){List<SearchResult.NavVo> collect = param.getAttrs().stream().map(attr -> {//1、分析每个attrs传过来的查询参数值。SearchResult.NavVo navVo = new SearchResult.NavVo();
// attrs=2_5存:6寸String[] s = attr.split("_");navVo.setNavValue(s[1]);R r = productFeignService.attrInfo(Long.parseLong(s[0]));result.getAttrIds().add(Long.parseLong(s[0]));if(r.getCode() == 0){AttrResponseVo data = r.getData("attr", new TypeReference<AttrResponseVo>() {});navVo.setNavName( data.getAttrName());}else{navVo.setNavName(s[0]);}//2、取消了这个面包屑以后,我们要跳转到那个地方.将请求地址的url里面的当前置空//拿到所有的查询条件,去掉当前。//attrs= 15_海思(Hisilicon)String replace = replaceQueryString(param, attr,"attrs");navVo.setLink("http://search.gulimall.com/list.html?"+replace);return navVo;}).collect(Collectors.toList());result.setNavs(collect);}//品牌,分类if(param.getBrandId()!=null && param.getBrandId().size()>0){List<SearchResult.NavVo> navs = result.getNavs();SearchResult.NavVo navVo = new SearchResult.NavVo();navVo.setNavName("品牌");//TODO 远程查询所有品牌R r = productFeignService.brandsInfo(param.getBrandId());if(r.getCode() == 0){List<BrandVo> brand = r.getData("brand", new TypeReference<List<BrandVo>>() {});StringBuffer buffer = new StringBuffer();String replace = "";for (BrandVo brandVo : brand) {buffer.append(brandVo.getBrandName()+";");replace = replaceQueryString(param, brandVo.getBrandId()+"","brandId");}navVo.setNavValue(buffer.toString());navVo.setLink("http://search.gulimall.com/list.html?"+replace);}navs.add(navVo);}//TODO 分类:不需要导航取消return result;}
183、商城业务-检索服务-验证结果封装正确性
debug 测试验证即可
184、商城业务-检索服务-页面数据基本渲染
DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="/static/search/css/index.css"><link rel="stylesheet" type="text/css" href="/static/search/font/iconfont.css"><script src="/static/search/js/jquery-1.12.4.js">script><title>Documenttitle>
head>
<body>
<div class="header_head"><div class="header_head_box"><b class="header_head_p"><div style="overflow: hidden"><a href="http://gulimall.com" class="header_head_p_a1" style="width:73px;">谷粒商城首页a><a href="/static/search/#" class="header_head_p_a">北京a>div><div class="header_head_p_cs"><a href="/static/search/#" style="background: #C81623;color: #fff;">北京a><a href="/static/search/#">上海a><a href="/static/search/#">天津a><a href="/static/search/#">重庆a><a href="/static/search/#">河北a><a href="/static/search/#">山西a><a href="/static/search/#">河南a><a href="/static/search/#">辽宁a><a href="/static/search/#">吉林a><a href="/static/search/#">黑龙江a><a href="/static/search/#">内蒙古a><a href="/static/search/#">江苏a><a href="/static/search/#">山东a><a href="/static/search/#">安徽a><a href="/static/search/#">浙江a><a href="/static/search/#">福建a><a href="/static/search/#">湖北a><a href="/static/search/#">湖南a><a href="/static/search/#">广东a><a href="/static/search/#">广西a><a href="/static/search/#">江西a><a href="/static/search/#">四川a><a href="/static/search/#">海南a><a href="/static/search/#">贵州a><a href="/static/search/#">云南a><a href="/static/search/#">西藏a><a href="/static/search/#">陕西a><a href="/static/search/#">甘肃a><a href="/static/search/#">青海a><a href="/static/search/#">宁夏a><a href="/static/search/#">新疆a><a href="/static/search/#">港澳a><a href="/static/search/#">台湾a><a href="/static/search/#">钓鱼岛a><a href="/static/search/#">海外a>div>b><ul><li><a th:if="${session.loginUser==null}" href="http://auth.gulimall.com/login.html" class="li_2">你好,请登录a><a th:if="${session.loginUser!=null}" style="width: 100px">[[${session.loginUser.nickname}]]a>li><li><a th:if="${session.loginUser == null}" href="http://auth.gulimall.com/reg.html">免费注册a>li><span>|span><li><a href="/static/search/#">我的订单a>li><span>|span><li class="header_wdjd" style="width:80px;"><a href="/static/search/#">我的谷粒商城a><img src="/static/search/image/down-@1x.png"/><div class="header_wdjd_txt"><ul><li><a href="/static/search/#">待处理订单a>li><li><a href="/static/search/#">消息a>li><li><a href="/static/search/#">返修退换货a>li><li><a href="/static/search/#">我的回答a>li><li><a href="/static/search/#">降价商品a>li><li><a href="/static/search/#">我的关注a>li>ul><ul><li><a href="/static/search/#">我的京豆a>li><li><a href="/static/search/#">我的优惠券a>li><li><a href="/static/search/#">我的白条a>li><li><a href="/static/search/#">我的理财a>li>ul>div>li><span>|span><li><a href="/static/search/#">谷粒商城会员a>li><span>|span><li><a href="/static/search/#">企业采购a>li><span>|span><li class="header_wdjd1"><a href="/static/search/#">客户服务a><img src="/static/search/image/down-@1x.png"/><div class="header_wdjd_txt"><ul><p style="width:100%;">客户p><li><a href="/static/search/#">帮助中心a>li><li><a href="/static/search/#">售后服务a>li><li><a href="/static/search/#">在线客服a>li><li><a href="/static/search/#">意见建议a>li><li><a href="/static/search/#">电话客服a>li><li><a href="/static/search/#">客服邮箱a>li><li><a href="/static/search/#">金融资讯a>li><li><a href="/static/search/#">售全球客服a>li>ul><ul><p style="width:100%;">商户p><li><a href="/static/search/#">合作招商a>li><li><a href="/static/search/#">学习中心a>li><li><a href="/static/search/#">商家后台a>li><li><a href="/static/search/#">京麦工作台a>li><li><a href="/static/search/#">商家帮助a>li><li><a href="/static/search/#">规则平台a>li>ul>div>li><span>|span><li class="header_wzdh"><a href="/static/search/#">网站导航a><img src="/static/search/image/down-@1x.png"/><div class="header_wzdh_txt"><ul style="width: 25%;"><p style="width:100%;">特色主题p><li><a href="/static/search/#">谷粒商城试用a>li><li><a href="/static/search/#">谷粒商城金融a>li><li><a href="/static/search/#">全球售a>li><li><a href="/static/search/#">国际站a>li><li><a href="/static/search/#">谷粒商城会员a>li><li><a href="/static/search/#">谷粒商城预售a>li><li><a href="/static/search/#">买什么a>li><li><a href="/static/search/#">俄语站a>li><li><a href="/static/search/#">装机大师a>li><li><a href="/static/search/#">0元评测a>li><li><a href="/static/search/#">定期送a>li><li><a href="/static/search/#">港澳售a>li><li><a href="/static/search/#">优惠券a>li><li><a href="/static/search/#">秒杀a>li><li><a href="/static/search/#">闪购a>li><li><a href="/static/search/#">印尼站a>li><li><a href="/static/search/#">谷粒商城金融科技a>li><li><a href="/static/search/#">In货推荐a>li><li><a href="/static/search/#">陪伴计划a>li><li><a href="/static/search/#">出海招商a>li>ul><ul style="width: 20%;"><p style="width:100%;">行业频道p><li><a href="/static/search/#">手机a>li><li><a href="/static/search/#">智能数码a>li><li><a href="/static/search/#">玩3ca>li><li><a href="/static/search/#">电脑办公a>li><li><a href="/static/search/#">家用电器a>li><li><a href="/static/search/#">谷粒商城智能a>li><li><a href="/static/search/#">服装城a>li><li><a href="/static/search/#">美妆馆a>li><li><a href="/static/search/#">家装城a>li><li><a href="/static/search/#">母婴a>li><li><a href="/static/search/#">食品a>li><li><a href="/static/search/#">运动户外a>li><li><a href="/static/search/#">农资频道a>li><li><a href="/static/search/#">整车a>li><li><a href="/static/search/#">图书a>li>ul><ul style="width: 21%;"><p style="width:100%;">生活服务p><li><a href="/static/search/#">白条a>li><li><a href="/static/search/#">谷粒商城金融Appa>li><li><a href="/static/search/#">谷粒商城小金库a>li><li><a href="/static/search/#">理财a>li><li><a href="/static/search/#">智能家电a>li><li><a href="/static/search/#">话费a>li><li><a href="/static/search/#">水电煤a>li><li><a href="/static/search/#">彩票a>li><li><a href="/static/search/#">旅行a>li><li><a href="/static/search/#">机票酒店a>li><li><a href="/static/search/#">电影票a>li><li><a href="/static/search/#">谷粒商城到家a>li><li><a href="/static/search/#">谷粒商城众测a>li><li><a href="/static/search/#">游戏a>li>ul><ul style="width: 23%; border-right: 0;"><p style="width:100%;">更多精选p><li><a href="/static/search/#">合作招商a>li><li><a href="/static/search/#">谷粒商城通信a>li><li><a href="/static/search/#">谷粒商城E卡a>li><li><a href="/static/search/#">企业采购a>li><li><a href="/static/search/#">服务市场a>li><li><a href="/static/search/#">办公生活馆a>li><li><a href="/static/search/#">乡村招募a>li><li><a href="/static/search/#">校园加盟a>li><li><a href="/static/search/#">京友帮a>li><li><a href="/static/search/#">谷粒商城社区a>li><li><a href="/static/search/#">智能社区a>li><li><a href="/static/search/#">游戏社区a>li><li><a href="/static/search/#">知识产权维权a>li>ul>div>li><span>|span><li class="header_sjjd"><a href="/static/search/#">手机谷粒商城a><div class="header_sjjd_div"><img src="/static/search/img/01.png"/>div>li>ul>div>
div>
<div class="header_sous"><div class="logo"><a href="http://gulimall.com"><img src="/static/search/./image/logo1.jpg" alt="">a>div><div class="header_form"><input id="keyword_input" type="text" placeholder="手机" th:value="${param.keyword}"/><a href="javascript:searchByKeyword();">搜索a>div><div class="header_ico"><div class="header_gw"><span><a href="/static/search/#">我的购物车a>span><img src="/static/search/image/settleup-@1x.png"/><span>0span>div><div class="header_ko"><p>购物车中还没有商品,赶紧选购吧!p>div>div><div class="header_form_nav"><ul><li><a href="/static/search/#">谷粒商城之家a>li><li><a href="/static/search/#">谷粒商城专卖店a>li><li><a href="/static/search/#">平板a>li><li><a href="/static/search/#">电脑a>li><li><a href="/static/search/#">ipada>li>ul>div><nav><ul><li class="nav_li1"><a href="/static/search/#">全部商品分类a>li><li class="nav_li"><a href="/static/search/#">服装城a>li><li class="nav_li"><a href="/static/search/#">没装馆a>li><li class="nav_li"><a href="/static/search/#">超市a>li><li class="nav_li"><a href="/static/search/#">生鲜a>li>ul><div class="spacer">|div><ul><li class="nav_li"><a href="/static/search/#">全球购a>li><li class="nav_li"><a href="/static/search/#">闪购a>li><li class="nav_li"><a href="/static/search/#">拍卖a>li>ul><div class="spacer">|div><ul><li class="nav_li"><a href="/static/search/#">金融a>li>ul>nav><div class="header_main_left"><ul><li><a href="/static/search/#" class="header_main_left_a"><b>家用电器b>a>li><li class="header_li2"><a href="/static/search/#" class="header_main_left_a"><b>手机b> / <b>运营商b> / <b>数码b>a><div class="header_main_left_main"><div class="header_sj"><a href="/static/search/#" class="header_sj_a">玩3ca><a href="/static/search/#" class="header_sj_a">手机频道a><a href="/static/search/#" class="header_sj_a">网上营业厅a><a href="/static/search/#" class="header_sj_a">配件选购中心a><a href="/static/search/#" class="header_sj_a">企业购a><a href="/static/search/#" class="header_sj_a">以旧换新a>div><ol class="header_ol"><a href="/static/search/#" style="color: #111;" class="aaa">手机通讯 >a><li><a href="/static/search/#" style="color: #999;">手机a><a href="/static/search/#" style="color: #999;">对讲机a><a href="/static/search/#" style="color: #999;">手机维修a><a href="/static/search/#" style="color: #999;">以旧换新a>li><a href="/static/search/#" style="color: #111;" class="aaa">运营商 >a><li><a href="/static/search/#" style="color: #999;">合约机a><a href="/static/search/#" style="color: #999;">固话宽带a><a href="/static/search/#" style="color: #999;">办套餐a><a href="/static/search/#" style="color: #999;">从话费/流量a><a href="/static/search/#" style="color: #999;">中国电信a><a href="/static/search/#" style="color: #999;">中国移动a><a href="/static/search/#" style="color: #999;">中国联通a><a href="/static/search/#" style="color: #999;">谷粒商城通信a><a href="/static/search/#" style="color: #999;">170选号a>li><a href="/static/search/#" style="color: #111;" class="aaa">手机配件 >a><li style="height: 60px;"><a href="/static/search/#" style="color: #999;">手机壳a><a href="/static/search/#" style="color: #999;">贴膜a><a href="/static/search/#" style="color: #999;">手机储存卡a><a href="/static/search/#" style="color: #999;">数据线a><a href="/static/search/#" style="color: #999;">存电器a><a href="/static/search/#" style="color: #999;">手机耳机a><a href="/static/search/#" style="color: #999;">创业配件a><a href="/static/search/#" style="color: #999;">手机饰品a><a href="/static/search/#" style="color: #999;">手机电池a><a href="/static/search/#" style="color: #999;">苹果周边a><a href="/static/search/#" style="color: #999;">移动电源a><a href="/static/search/#" style="color: #999;">蓝牙耳机a><a href="/static/search/#" style="color: #999;">手机支架a><a href="/static/search/#" style="color: #999;">车载配件a><a href="/static/search/#" style="color: #999;">拍照配件a>li><a href="/static/search/#" style="color: #111;" class="aaa">摄影摄像 >a><li style="height: 60px;"><a href="/static/search/#" style="color: #999;">数码相机a><a href="/static/search/#" style="color: #999;">单电/微单相机a><a href="/static/search/#" style="color: #999;">单反相机a><a href="/static/search/#" style="color: #999;">拍立得a><a href="/static/search/#" style="color: #999;">运动相机a><a href="/static/search/#" style="color: #999;">摄像机a><a href="/static/search/#" style="color: #999;">镜头a><a href="/static/search/#" style="color: #999;">户外器材a><a href="/static/search/#" style="color: #999;">影棚器材a><a href="/static/search/#" style="color: #999;">冲印服务a><a href="/static/search/#" style="color: #999;">数码相框a>li><a href="/static/search/#" style="color: #111;" class="aaa">数码配件 >a><li style="height: 60px;"><a href="/static/search/#" style="color: #999;">三脚架/云台a><a href="/static/search/#" style="color: #999;">相机包a><a href="/static/search/#" style="color: #999;">滤镜a><a href="/static/search/#" style="color: #999;">散光灯/手柄a><a href="/static/search/#" style="color: #999;">相机清洁a><a href="/static/search/#" style="color: #999;">机身附件a><a href="/static/search/#" style="color: #999;">镜头附件a><a href="/static/search/#" style="color: #999;">读卡器a><a href="/static/search/#" style="color: #999;">支架a><a href="/static/search/#" style="color: #999;">电池/存电器a>li><a href="/static/search/#" style="color: #111;" class="aaa">影音娱乐 >a><li><a href="/static/search/#" style="color: #999;">耳机/耳麦a><a href="/static/search/#" style="color: #999;">音箱/音响a><a href="/static/search/#" style="color: #999;">智能音箱a><a href="/static/search/#" style="color: #999;">便携/无线音箱a><a href="/static/search/#" style="color: #999;">收音机a><a href="/static/search/#" style="color: #999;">麦克风a><a href="/static/search/#" style="color: #999;">MP3/MP4a><a href="/static/search/#" style="color: #999;">专业音频a>li><a href="/static/search/#" style="color: #111;" class="aaa">智能设备 >a><li style="height: 60px;"><a href="/static/search/#" style="color: #999;">智能手环a><a href="/static/search/#" style="color: #999;">智能手表a><a href="/static/search/#" style="color: #999;">智能眼镜a><a href="/static/search/#" style="color: #999;">智能机器人a><a href="/static/search/#" style="color: #999;">运动跟踪器a><a href="/static/search/#" style="color: #999;">健康监测a><a href="/static/search/#" style="color: #999;">智能配饰a><a href="/static/search/#" style="color: #999;">智能家居a><a href="/static/search/#" style="color: #999;">体感车a><a href="/static/search/#" style="color: #999;">无人机a><a href="/static/search/#" style="color: #999;">其他配件a>li><a href="/static/search/#" style="color: #111;" class="aaa">电子教育 >a><li><a href="/static/search/#" style="color: #999;">学生平板a><a href="/static/search/#" style="color: #999;">点读机a><a href="/static/search/#" style="color: #999;">早教益智a><a href="/static/search/#" style="color: #999;">录音笔a><a href="/static/search/#" style="color: #999;">电纸书a><a href="/static/search/#" style="color: #999;">电子词典a><a href="/static/search/#" style="color: #999;">复读机a>li>ol><div class="header_r"><div class="header_r_tu"><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a><a href="/static/search/#"><img src="/static/search/img/56b2f385n8e4eb051.jpg"/>a>div><div class="header_r_tu1"><a href="/static/search/#"><img src="/static/search/img/JD_ash7 - 副本.png"/>a><a href="/static/search/#"><img src="/static/search/img/JD_ash6.png"/>a>div>div>div>li><li><a href="/static/search/#" class="header_main_left_a"><b>电脑b> / <b>办公b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>家居b> / <b>家具b> / <b>家装b> / <b>厨具b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>男装b> / <b>女装b> / <b>童装b> / <b>内衣b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>美妆个护 b>/ <b>宠物b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>女鞋b> / <b>箱包b> / <b>钟表b> / <b>珠宝b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>男鞋b> / <b>运动b> / <b>户外b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>汽车b> / <b>汽车用品b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>母婴b> / <b>玩具乐器b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>食品b> / <b>酒类b> / <b>生鲜b> / <b>特产b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>礼品鲜花b> / <b>农资绿植b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>医药保健b> / <b>计生情趣b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>图书b> / <b>音箱b>/ <b>电子书b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>机票b> / <b>酒店b> / <b>旅游b> / <b>生活b>a>li><li><a href="/static/search/#" class="header_main_left_a"><b>理财b> / <b>众筹b> / <b>白条b> / <b>保险b>a>li>ul>div>
div><hr style="border: 1px solid red;margin-top: -7px;">
<div class="JD_temai"><div class="JD_main"><div class="JD_left"><div class="hd">热卖推荐div><div class="bd mc"><ul class="mc"><li><a href="/static/search/#" class="mc_a"><img src="/static/search/./img/5a28b5a1n8a5c095f.jpg"alt="">a><div class="mc_div"><a href="/static/search/#" class="mc_div_a1"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><p><strong><em class="number J-p-5963064">¥2999.00em>strong>p><a href="/static/search/#" class="mc_div_a2">立即抢购a>div>li><li><a href="/static/search/#" class="mc_a"><img src="/static/search/./img/59f5eef1n99542494.jpg"alt="">a><div class="mc_div"><a href="/static/search/#" class="mc_div_a1"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a><p><strong><em class="number J-p-5963064">¥1699.00em>strong>p><a href="/static/search/#" class="mc_div_a2">立即抢购a>div>li><li style="margin-right: 0"><a href="/static/search/#" class="mc_a"><img src="/static/search/./img/59f5eef1n99542494.jpg"alt="">a><div class="mc_div"><a href="/static/search/#" class="mc_div_a1"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><p><strong><em class="number J-p-5963064">¥2999.00em>strong>p><a href="/static/search/#" class="mc_div_a2">立即抢购a>div>li>ul>div>div><div class="JD_right"><div class="hd"> 促销活动div><div class="bd"><ul><li> . <a href="/static/search/#">红米千元全面屏手机上市a>li><li> . <a href="/static/search/#">锤子坚果Pro2火爆预约中a>li><li> . <a href="/static/search/#">大牌新品 疯狂抢购a>li><li> . <a href="/static/search/#">X20 vivo蓝新色上市a>li><li> . <a href="/static/search/#">荣耀畅玩7X新品上市a>li>ul>div>div>div>
div>
<div class="JD_ipone"><div class="JD_ipone_bar"><div class="JD_ipone_one a"><a href="/static/search/#">手机a>div><i><img src="/static/search/image/right-@1x.png" alt="">i><div class="JD_ipone_one b"><a href="/static/search/#" class="qqq">手机通讯录 <img src="/static/search/image/down-@1x.png" alt="">a><div><a href="/static/search/#">手机通讯a><a href="/static/search/#">运营商a><a href="/static/search/#">手机配件a><a href="/static/search/#">手机服务a>div>div><i><img src="/static/search/image/right-@1x.png" alt="">i><div class="JD_ipone_one c"><a href="/static/search/#" class="qqq">手机 <img src="/static/search/image/down-@1x.png" alt="">a><div><a href="/static/search/#">手机a><a href="/static/search/#">老人机a><a href="/static/search/#">对讲机a><a href="/static/search/#">女性手机a><a href="/static/search/#">超续航手机a><a href="/static/search/#">全面屏手机a><a href="/static/search/#">拍照手机a><a href="/static/search/#">游戏手机a>div>div><div class="JD_ipone_one c"><a th:href="${nav.link}" th:each="nav:${result.navs}"><span th:text="${nav.navName}">span>:<span th:text="${nav.navValue}">span> ×a>div><i><img src="/static/search/image/right-@1x.png" alt="">i>div>
div>
<div class="JD_banner w"><div class="JD_nav"><div class="JD_selector"><div class="title"><h3><b>手机b><em>商品筛选em>h3><div class="st-ext">共 <span>10135span>个商品div>div><div class="JD_nav_logo" th:with="brandid= ${param.brandId}" ><div th:if="${#strings.isEmpty(brandid)}" class="JD_nav_wrap"><div class="sl_key"><span><b>品牌:b>span>div><div class="sl_value"><div class="sl_value_logo"><ul><li th:each="brand:${result.brands}"><a href="/static/search/#"th:href="${'javascript:searchProducts("brandId",'+brand.brandId+')'}"><img th:src="${brand.brandImg}" alt=""><div th:text="${brand.brandName}">华为(HUAWEI)div>a>li>ul>div>div><div class="sl_ext"><a href="/static/search/#">更多<i style='background: url("image/search.ele.png")no-repeat 3px 7px'>i><b style='background: url("image/search.ele.png")no-repeat 3px -44px'>b>a><a href="/static/search/#">多选<i>+i><span>+span>a>div>div><div class="JD_pre"><div class="sl_key"><span><b>分类:b>span>div><div class="sl_value"><ul><li th:each="catalog:${result.catalogs}"><a href="/static/search/#"th:href="${'javascript:searchProducts("catalog3Id",'+catalog.catalogId+')'}"th:text="${catalog.catalogName}">5.56英寸及以上a>li>ul>div><div class="sl_ext"><a href="/static/search/#">更多<i style='background: url("image/search.ele.png")no-repeat 3px 7px'>i><b style='background: url("image/search.ele.png")no-repeat 3px -44px'>b>a><a href="/static/search/#">多选<i>+i><span>+span>a>div>div><div class="JD_pre" th:each="attr:${result.attrs}" th:if="${!#lists.contains(result.attrIds, attr.attrId)}"><div class="sl_key"><span th:text="${attr.attrName}">屏幕尺寸:span>div><div class="sl_value"><ul><li th:each="val:${attr.attrValue}"><a href="/static/search/#"th:href="${'javascript:searchProducts("attrs","'+attr.attrId+'_'+val+'")'}"th:text="${val}">5.56英寸及以上a>li>ul>div>div>div><div class="JD_show"><a href="/static/search/#"><span>更多选项( CPU核数、网络、机身颜色 等)span>a>div>div><div class="JD_banner_main"><div class="JD_con_left"><div class="JD_con_left_bar"><div class="JD_con_one"><div class="mt"><h3>商品精选h3><span>广告span>div><div class="mc"><ul><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/59bf3c47n91d65c73.jpg" alt="">a><a href="/static/search/#"title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥2999.00span>strong><span class="mc-ico" title="购买本商品送赠品"><i class="goods-icons">赠品i>span>div><div class="mc_rev">已有<a href="/static/search/#" class="number">12466a>人评价div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/59bf3c47n91d65c73.jpg" alt="">a><a href="/static/search/#"title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥2999.00span>strong><span class="mc-ico" title="购买本商品送赠品"><i class="goods-icons">赠品i>span>div><div class="mc_rev">已有<a href="/static/search/#" class="number">12466a>人评价div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/593ba628n8794c6a6.jpg" alt="">a><a href="/static/search/#"title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥1799.00span>strong><span class="mc-ico" title="购买本商品送赠品"><i class="goods-icons">赠品i>span>div><div class="mc_rev">已有<a href="/static/search/#" class="number">15600a>人评价div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/5919637an271a1301.jpg" alt="">a><a href="/static/search/#"title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥3498.00span>strong><span class="mc-ico" title="购买本商品送赠品"><i class="goods-icons">赠品i>span>div><div class="mc_rev">已有<a href="/static/search/#" class="number">5369a>人评价div>li>ul>div>div><div class="JD_con_one"><div class="mt"><h3>达人选购h3>div><div class="mc"><ul><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/59bf3c47n91d65c73.jpg" alt="">a><a href="/static/search/#"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥2999.00span>strong>div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/59bf3c47n91d65c73.jpg" alt="">a><a href="/static/search/#"><em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥2999.00span>strong>div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/593ba628n8794c6a6.jpg" alt="">a><a href="/static/search/#"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥1799.00span>strong>div>li><li><a href="/static/search/#" title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><imgsrc="/static/search/img/5919637an271a1301.jpg" alt="">a><a href="/static/search/#"><em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待em>a><div class="mc_price"><strong class="price"><span class="J-p-5963064">¥3498.00span>strong>div>li>ul>div>div><div class="JD_con_one" style="border:none;"><div class="mt"><h3>商品精选h3><span>广告span>div><div class="mc"><ul><li><a href="/static/search/#"><img src="/static/search/img/599a806bn9d829c1c.jpg"alt="">a>li><li><a href="/static/search/#"><img src="/static/search/img/593e4de0n5ff878a4.jpg"alt="">a>li>ul>div>div>div>div><div class="JD_con_right"><div class="filter"><div class="filter_top"><div class="filter_top_left" th:with="p = ${param.sort},priceRange = ${param.skuPrice}"><a th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'hotScore') && #strings.endsWith(p,'desc'))?'sort_a desc':'sort_a'}"th:attr="style=${(#strings.isEmpty(p) || #strings.startsWith(p,'hotScore'))?'color: #FFF;border-color:#e4393c;background: #e4393c':'color: #333;border-color:#CCC;background: #fff'}"sort="hotScore" href="/static/search/#"> 综合排序 [[${(!#strings.isEmpty(p) && #strings.startsWith(p,'hotScore') && #strings.endsWith(p,'desc'))?'↓':'↑'}]] a><a th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount') && #strings.endsWith(p,'desc'))?'sort_a desc':'sort_a'}"th:attr="style=${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount'))?'color: #FFF;border-color:#e4393c;background: #e4393c':'color: #333;border-color:#CCC;background: #fff'}"sort="saleCount" href="/static/search/#">销量 [[${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount') && #strings.endsWith(p,'desc'))?'↓':'↑'}]]a><a th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice')&& #strings.endsWith(p,'desc'))?'sort_a desc':'sort_a'}"th:attr="style=${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice'))?'color: #FFF;border-color:#e4393c;background: #e4393c':'color: #333;border-color:#CCC;background: #fff'}"sort="skuPrice" href="/static/search/#">价格 [[${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice')&& #strings.endsWith(p,'desc'))?'↓':'↑'}]]a><a href="/static/search/#">评论分a><a href="/static/search/#">上架时间a><input id="skuPriceFrom" type="number" style="width: 100px;margin-left: 30px;" th:value="${#strings.isEmpty(priceRange)?'':#strings.substringBefore(priceRange,'_')}"> -<input id="skuPriceTo" type="number" style="width: 100px;" th:value="${#strings.isEmpty(priceRange)?'':#strings.substringAfter(priceRange,'_')}"> <button id="skuPriceSearchBtn">确定button>div><div class="filter_top_right"><span class="fp-text"><b>1b><em>/em><i>169i>span><a href="/static/search/#" class="prev"><a><a href="/static/search/#" class="next"> > a>div>div><div class="filter_bottom"><div class="filter_bottom_left"><div class="fs-cell">收货地div><div class="dizhi"><div class="dizhi_show"><em>北京朝阳区三环以内em><b>b>div>div><div class="dizhi_con"><ul id="tab"><li id="tab1" value="1">北京 <img src="/static/search/image/down-@1x.png" alt="">li><li id="tab2" value="2">朝阳 <img src="/static/search/image/down-@1x.png" alt="">li><li id="tab3" value="3">三环以内 <img src="/static/search/image/down-@1x.png" alt="">li>ul><div id="container"><div id="content1" style="z-index: 1;"><a href="/static/search/#">北京a><a href="/static/search/#">上海a><a href="/static/search/#">天津a><a href="/static/search/#">重庆a><a href="/static/search/#">河北a><a href="/static/search/#">山西a><a href="/static/search/#">河南a><a href="/static/search/#">辽宁a><a href="/static/search/#">吉林a><a href="/static/search/#">黑龙江a><a href="/static/search/#">内蒙古a><a href="/static/search/#">江苏a><a href="/static/search/#">山东a><a href="/static/search/#">安徽a><a href="/static/search/#">浙江a><a href="/static/search/#">福建a><a href="/static/search/#">湖北a><a href="/static/search/#">湖南a><a href="/static/search/#">广东a><a href="/static/search/#">广西a><a href="/static/search/#">江西a><a href="/static/search/#">四川a><a href="/static/search/#">海南a><a href="/static/search/#">贵州a><a href="/static/search/#">云南a><a href="/static/search/#">西藏a><a href="/static/search/#">陕西a><a href="/static/search/#">甘肃a><a href="/static/search/#">青海a><a href="/static/search/#">宁夏a><a href="/static/search/#">新疆a><a href="/static/search/#">港澳a><a href="/static/search/#">台湾a><a href="/static/search/#">钓鱼岛a><a href="/static/search/#">海外a>div><div id="content2"><a href="/static/search/#">朝阳区a><a href="/static/search/#">海淀区a><a href="/static/search/#">西城区a><a href="/static/search/#">东城区a><a href="/static/search/#">大兴区a><a href="/static/search/#">丰台区a><a href="/static/search/#">昌平区a><a href="/static/search/#">顺义区a>div><div id="content3"><a href="/static/search/#">三环以内a><a href="/static/search/#">管庄a><a href="/static/search/#">北苑a><a href="/static/search/#">定福庄a><a href="/static/search/#">三环到四环之间a><a href="/static/search/#">四环到五环之间a><a href="/static/search/#">五环到六环之间a>div>div>div>div><div class="filter_bottom_right"><ul><li><a href="/static/search/#"><i>i>谷粒商城配送a>li><li><a href="/static/search/#"><i>i>京尊达 a>li><li><a href="/static/search/#"><i>i>货到付款a>li><li><a href="#" th:with="check = ${param.hasStock}"><input id="showHasStock" type="checkbox" th:checked="${#strings.equals(check,'1')}">仅显示有货a>li><li><a href="/static/search/#"><i>i>可配送全球a>li>ul>div>div><div class="rig_tab"><div th:each="product:${result.getProducts()}"><div class="ico"><i class="iconfont icon-weiguanzhu">i><a href="/static/search/#">关注a>div><p class="da"><a th:href="|http://item.gulimall.com/${product.skuId}.html|"><img th:src="${product.skuImg}" class="dim">a>p><ul class="tab_im"><li><a href="/static/search/#" title="黑色"><img th:src="${product.skuImg}">a>li>ul><p class="tab_R"><span th:text="'¥'+${product.skuPrice}">¥5199.00span>p><p class="tab_JE"><a href="/static/search/#" th:utext="${product.skuTitle}">Apple iPhone 7 Plus (A1661) 32G 黑色 移动联通电信4G手机a>p><p class="tab_PI">已有<span>11万+span>热门评价<a href="/static/search/#">二手有售a>p><p class="tab_CP"><a href="/static/search/#" title="谷粒商城Apple产品专营店">谷粒商城Apple产品...a><a href='#' title="联系供应商进行咨询"><img src="/static/search/img/xcxc.png">a>p><div class="tab_FO"><div class="FO_one"><p>自营<span>谷粒商城自营,品质保证span>p><p>满赠<span>该商品参加满赠活动span>p>div>div>div>div><div class="filter_page"><div class="page_wrap"><span class="page_span1"><a class="page_a" th:attr="pn=${result.pageNum - 1}"th:if="${result.pageNum>1}">< 上一页a><a class="page_a"th:attr="pn=${nav},style=${nav == result.pageNum?'border: 0;color:#ee2222;background: #fff':''}"th:each="nav:${result.pageNavs}">[[${nav}]]a><a class="page_a" th:attr="pn=${result.pageNum + 1}"th:if="${result.pageNum" >下一页 >a>span><span class="page_span2"><em>共<b>[[${result.totalPages}]]b>页 到第em><input type="number" value="1"><em>页em><a class="page_submit">确定a>span>div>div>div>div>div>div>
div>
<div class="JD_jx"><div class="JD_jx_title"><div class="mt"><strong class="mt-title">商品精选strong><img src="/static/search/image/u-ad.gif" alt="">div><div class="mc"><ul><li><div class="mc_img"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a>div><div class="mc_price"><strong><span>¥1999.00span>strong><span class="mc_ico" title="购买本商品送赠品">赠品span>div><div class="mc_rev"><a href="/static/search/#">15930a><span>人好评span>div>li><li><div class="mc_img"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a>div><div class="mc_price"><strong><span>¥1999.00span>strong><span class="mc_ico" title="购买本商品送赠品">赠品span>div><div class="mc_rev"><a href="/static/search/#">15930a><span>人好评span>div>li><li><div class="mc_img"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a>div><div class="mc_price"><strong><span>¥1999.00span>strong><span class="mc_ico" title="购买本商品送赠品">赠品span>div><div class="mc_rev"><a href="/static/search/#">15930a><span>人好评span>div>li><li><div class="mc_img"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a>div><div class="mc_price"><strong><span>¥1999.00span>strong><span class="mc_ico" title="购买本商品送赠品">赠品span>div><div class="mc_rev"><a href="/static/search/#">15930a><span>人好评span>div>li><li><div class="mc_img"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"><em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待em>a>div><div class="mc_price"><strong><span>¥1999.00span>strong><span class="mc_ico" title="购买本商品送赠品">赠品span>div><div class="mc_rev"><a href="/static/search/#">15930a><span>人好评span>div>li>ul>div>div>
div>
<div class="JD_cnxh"><div class="JD_jx_title"><div class="mt"><strong class="mt-title">猜你喜欢strong><a href="/static/search/#"><img src="/static/search/image/update.png" alt="">换一批a>div><div class="mc"><ul><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59bf3c47n91d65c73.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a28b5c6Ndec5088f.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><imgsrc="/static/search/img/593e4de0n5ff878a4.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><imgsrc="/static/search/img/593e4de0n5ff878a4.jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><imgsrc="/static/search/img/59c493a7N3f9b9c85 (1).jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><imgsrc="/static/search/img/59c493a7N3f9b9c85 (1).jpg" alt="">a>div><div class="mc_name"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机em>a>div><div class="mc_rev"><a href="/static/search/#">已有80万+人评价a>div><div class="mc_price"><strong><span>¥1999.00span>strong>div>li>ul>div>div>
div>
<div class="JD_zuji"><div class="JD_jx_title"><div class="mt"><strong class="mt-title">我的足迹strong><a href="/static/search/#">更多浏览记录a>div><div class="mc"><ul><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59e58a11Nc38676d5.jpg" alt="">a>div><div class="mc_price"><strong><span>¥2998.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a28acccN73689386.jpg" alt="">a>div><div class="mc_price"><strong><span>¥88.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a1690ddN441b5dce.jpg" alt="">a>div><div class="mc_price"><strong><span>¥199.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a02bde7N7d4453b1.jpg" alt="">a>div><div class="mc_price"><strong><span>¥799.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a122dbeN044ebf19.jpg" alt="">a>div><div class="mc_price"><strong><span>¥599.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59c493a7N3f9b9c85.jpg" alt="">a>div><div class="mc_price"><strong><span>¥699.00span>strong>div>li><li><div class="mc_img"><a href="/static/search/#" title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/5a08f6f6N5bab2c1c.jpg" alt="">a>div><div class="mc_price"><strong><span>¥715.00span>strong>div>li>ul>div>div>
div><div style="width: 1210px;margin: 0 auto;margin-bottom: 10px"><img src="/static/search/img/5a33a2e0N9a04b4af.jpg"alt="">div>
<footer class="footer"><div class="footer_top"><ul><li><span>span><h3>品类齐全,轻松购物h3>li><li><span>span><h3>多仓直发,极速配发h3>li><li><span>span><h3>正品行货,精致服务h3>li><li><span>span><h3>天天低价,畅选无忧h3>li>ul>div><div class="footer_center"><ol><li>购物指南li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">购物流程a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">会员介绍a>li><li><a href="/static/search/#">生活旅行a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">常见问题a>li><li><a href="/static/search/#">大家电a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">联系客服a>li>ol><ol><li>配送方式li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">上门自提a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">211限时达a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">配送服务查询a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">配送费收取标准a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">海外配送a>li>ol><ol><li>支付方式li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">货到付款a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">在线支付a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">分期付款a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">邮局汇款a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">公司转账a>li>ol><ol><li>售后服务li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">售后政策a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">价格保护a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">退款说明a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">返修/退换货a>li><li><a href="/static/search/#">取消订单a>li>ol><ol><li>特色服务li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">夺宝岛a>li><li><a href="/static/search/#">DIY装机a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">延保服务a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">谷粒商城E卡a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">谷粒商城通信a>li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">谷粒商城gulimall+a>li>ol><ol><li>谷粒商城自营覆盖区域li><li>谷粒商城已向全国2661个区县提供自<br> 营配送服务,支持货到付款、<br> POS机刷卡和售后上门服务。li><li><a href="/static/search/#" style="color: rgb(114, 114, 114);">查看详情>a>li>ol>div><div class="footer_foot"><p class="footer_p p1"><a href="/static/search/#">关于我们a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">联系我们a><span>span><a href="/static/search/#">联系客服a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">合作招商a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">商家帮助a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">营销中心a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">手机谷粒商城a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">友情链接a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">销售联盟a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">谷粒商城社区a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">风险监测a><span>span><a href="/static/search/#">隐私政策a><span>span><a href="/static/search/#">谷粒商城公益a><span>span><a href="/static/search/#" style="color: rgb(114, 114, 114);">English Sitea><span>span><a href="/static/search/#">media & IRa>p><p class="footer_p"><a href="/static/search/#">京公网安备 11000002000088号a><span>span><a href="/static/search/#">京ICP证070359号a><span>span><a href="/static/search/#">互联网药品信息服务资格证编号(京)-经营性-2014-0008a><span>span><a href="/static/search/#">新出发京零 字第大120007号a>p><p class="footer_p"><a href="/static/search/#">互联网出版许可证编号新出网证(京)字150号a><span>span><a href="/static/search/#">出版物经营许可证a><span>span><a href="/static/search/#">网络文化经营许可证京网文[2014]2148-348号a><span>span><a href="/static/search/#">违法和不良信息举报电话:4006561155a>p><p class="footer_p"><a href="/static/search/#">Copyright © 2004 - 2017 谷粒商城JD.com 版权所有a><span>span><a href="/static/search/#">消费者维权热线:4006067733a><a href="/static/search/#">经营证照a>p><p class="footer_p"><a href="/static/search/#">谷粒商城旗下网站:a><a href="/static/search/#">谷粒商城支付a><span>span><a href="/static/search/#">谷粒商城云a>p><ul><li>li><li>li><li>li><li>li><li>li><li>li>ul>div>
footer>
<div class="header_bar"><div class="header_bar_box"><ul><li><a href="/static/search/#"><img src="/static/search/img/wo.png"/>a><div class="div"><a href="/static/search/#">谷粒商城会员a>div>li><li><a href="/static/search/#"><img src="/static/search/img/gouwuche.png"/>a><div class="div"><a href="/static/search/#">购物车a>div>li><li><a href="/static/search/#"><img src="/static/search/img/taoxin.png"/>a><div class="div"><a href="/static/search/#">我的关注a>div>li><li><a href="/static/search/#"><img src="/static/search/img/shi.png"/>a><div class="div"><a href="/static/search/#">我的足迹a>div>li><li><a href="/static/search/#"><img src="/static/search/img/xinxi.png"/>a><div class="div"><a href="/static/search/#">我的消息a>div>li><li><a href="/static/search/#"><img src="/static/search/img/qianbao.png"/>a><div class="div"><a href="/static/search/#">资讯JIMIa>div>li>ul><ul><li><a href="/static/search/#"><img src="/static/search/img/fa3f24a70d38bd439261cb7439e517a5.png"/>a><div class="div"><a href="/static/search/#">顶部a>div>li><li><a href="/static/search/#"><img src="/static/search/img/xinxi.png"/>a><div class="div"><a href="/static/search/#">反馈a>div>li>ul>div>
div><script>$(".sl_ext a:nth-child(1)").hover(function () {$(this).children("b").stop(true).animate({top: "3px"}, 50);$(this).children("i").stop(true).animate({top: "-23px"}, 50)}, function () {$(this).children("b").stop(true).animate({top: "24px"}, 50);$(this).children("i").stop(true).animate({top: "3px"}, 50)});$(".sl_ext a:nth-child(2)").hover(function () {$(this).children("span").stop(true).animate({top: "-1px"}, 100);$(this).children("i").stop(true).animate({top: "-14px"}, 100).css({display: "none"})}, function () {$(this).children("span").stop(true).animate({top: "14px"}, 100);$(this).children("i").stop(true).animate({top: "-1px"}, 100).css({display: "block"})});$('.tab_im img').hover(function () {var a = $(this).prop('src');var index = $(this).parents('li').list();$(this).parents('li').css('border', '2px solid red').siblings('li').css('border', '1px solid #ccc');$(this).parents('ul').prev().find('img').prop('src', a);$(this).parents('ul').siblings('.tab_JE').find('a').eq(list).css('display', 'block').siblings('a').css('display', 'none');$(this).parents('ul').siblings('.tab_R').find('span').eq(list).css('display', 'block').siblings('span').css('display', 'none')});$(".JD_ipone_one").hover(function () {$(this).children("div").css({display: "block"})}, function () {$(this).children("div").css({display: "none"})});$("#tab>li").click(function () {var i = $(this).list();$("#container>div").hide().eq(i).show()});$(".dizhi_show").hover(function () {$(".dizhi_con").css({display: "block"})}, function () {$(".dizhi_con").css({display: "none"})});$(".dizhi_con").hover(function () {$(this).css({display: "block"})}, function () {$(this).css({display: "none"})});//显示隐藏var $li = $(".JD_nav_logo>div:gt(3)").hide();$('.JD_show span').click(function () {if ($li.is(':hidden')) {$li.show();$(this).css({width: "86px"}).text('收起 ^');} else {$li.hide();$('.JD_show span').css({width: "291px"}).text('更多选项( CPU核数、网络、机身颜色 等)');}return false;});$(".rig_tab>div").hover(function () {var i = $(this).list();$(this).find('.ico').css({display: 'block'}).stop(true).animate({top: "190px"}, 300)}, function () {var i = $(this).list();$(this).find('.ico').css({display: 'none'}).stop(true).animate({top: "230px"})});$('.header_main_left>ul>li').hover(function () {$(this).css({background: "#f0f0f0"}).find('.header_main_left_main').stop(true).fadeIn(300)}, function () {$(this).css({background: "#fff"}).find(".header_main_left_a").css({color: "#000"});$(this).find('.header_main_left_main').stop(true).fadeOut(100)});$(".header_sj a").hover(function () {$(this).css({background: "#444"})}, function () {$(this).css({background: "#6e6568"})});$(".nav_li1 a").hover(function () {$(".header_main_left").stop(true).fadeIn()}, function () {$(".header_main_left").stop(true).fadeOut()});$(".header_main_left").hover(function () {$(this).stop(true).fadeIn()}, function () {$(this).stop(true).fadeOut()});//右侧侧边栏$(".header_bar_box ul li").hover(function () {$(this).css({background: "#7A6E6E"}).children(".div").css({display: "block"}).stop(true).animate({left: "-60px"}, 300)}, function () {$(this).css({background: "#7A6E6E"}).children(".div").css({display: "none"}).stop(true).animate({left: "0"}, 300)});//底部$(".footer_foot .p1 a").hover(function () {$(this).css("color", "#D70B1C")}, function () {$(this).css("color", "#727272")});$(".footer .footer_center ol li a").hover(function () {$(this).css("color", "#D70B1C")}, function () {$(this).css("color", "#727272")})function searchProducts(name, value) {//原来的页面location.href = replaceAndAddParamVal(location.href,name,value,true)}function searchByKeyword() {searchProducts("keyword", $("#keyword_input").val());}$(".page_a").click(function () {var pn = $(this).attr("pn");var href = location.href;if (href.indexOf("pageNum") != -1) {//替换pageNum的值location.href = replaceParamVal(href, "pageNum", pn);} else {location.href = location.href + "&pageNum=" + pn;}return false;});function searchBySort(sortType) {if (sortType == "default") {}if (sortType == "sale") {}if (sortType == "price") {}}function replaceAndAddParamVal(url, paramName, replaceVal,forceAdd) {var oUrl = url.toString();//1、如果没有就添加,有就替换;if(oUrl.indexOf(paramName)!=-1){if(forceAdd){var nUrl = "";if (oUrl.indexOf("?") != -1) {nUrl = oUrl +"&"+paramName + '=' + replaceVal;} else {nUrl = oUrl +"?"+paramName + '=' + replaceVal;}return nUrl;}else{var re = eval('/(' + paramName + '=)([^&]*)/gi');var nUrl = oUrl.replace(re, paramName + '=' + replaceVal);return nUrl;}}else{var nUrl = "";if (oUrl.indexOf("?") != -1) {nUrl = oUrl +"&"+paramName + '=' + replaceVal;} else {nUrl = oUrl +"?"+paramName + '=' + replaceVal;}return nUrl;}}$(".sort_a").click(function(){//1、当前被点击的元素变为选中状态// color: #FFF; border-color: #e4393c; background: #e4393c;//改变当前元素以及兄弟元素的样式// changeStyle(this);$(this).toggleClass("desc");//2、跳转到指定位置 sort=skuPrice_asc/descvar sort = $(this).attr("sort");sort = $(this).hasClass("desc")?sort+"_desc":sort+"_asc";location.href = replaceAndAddParamVal(location.href,"sort",sort);//禁用默认行为return false;});function changeStyle(ele){// 'color: #333;border-color:#CCC;background: #fff' 默认// 'color: #FFF;border-color:#e4393c;background: #e4393c' 高亮$(".sort_a").css({"color":"#333","border-color":"#CCC","background":"#FFF"});$(".sort_a").each(function(){var text = $(this).text().replace("↓","").replace("↑","");$(this).text(text);});$(ele).css({"color":"#FFF","border-color":"#e4393c","background":"#e4393c"});//改变升降序$(ele).toggleClass("desc");//加上就是降序,不加就是升序if($(ele).hasClass("desc")){//降序var text = $(ele).text().replace("↓","").replace("↑","");text = text+ "↓";$(ele).text(text);}else{var text = $(ele).text().replace("↓","").replace("↑","");text = text+ "↑";$(ele).text(text);}}$("#skuPriceSearchBtn").click(function () {//1、拼上价格区间的查询条件var from = $("#skuPriceFrom").val();var to = $("#skuPriceTo").val();var query = from + "_" + to;location.href = replaceAndAddParamVal(location.href,"skuPrice",query);});$("#showHasStock").change(function () {if($(this).prop('checked')){location.href = replaceAndAddParamVal(location.href,"hasStock",1);}else{//没选中var re = eval('/(hasStock=)([^&]*)/gi');location.href = (location.href+"").replace(re,'');}return false;})
script>
body>
html>
185、商城业务-检索服务-页面筛选条件渲染
186、商城业务-检索服务-页面分页数据渲染
187、商城业务-检索服务-页面排序功能
188、商城业务-检索服务-页面排序字段回显
189、商城业务-检索服务-页面价格区间搜索
190、商城业务-检索服务-面包屑导航
191、商城业务-检索服务-条件删除与URL编码问题
192、商城业务-检索服务-条件筛选联动
-1) {
nUrl = oUrl +“&”+paramName + ‘=’ + replaceVal;
} else {
nUrl = oUrl +“?”+paramName + ‘=’ + replaceVal;
}
return nUrl;
}else{
var re = eval(‘/(’ + paramName + ‘=)([^&]*)/gi’);
var nUrl = oUrl.replace(re, paramName + ‘=’ + replaceVal);
return nUrl;
}
}else{
var nUrl = “”;
if (oUrl.indexOf(“?”) != -1) {
nUrl = oUrl +“&”+paramName + ‘=’ + replaceVal;
} else {
nUrl = oUrl +“?”+paramName + ‘=’ + replaceVal;
}
return nUrl;
}
}
$(“.sort_a”).click(function(){
//1、当前被点击的元素变为选中状态
// color: #FFF; border-color: #e4393c; background: #e4393c;
//改变当前元素以及兄弟元素的样式
// changeStyle(this);
$(this).toggleClass("desc");//2、跳转到指定位置 sort=skuPrice_asc/descvar sort = $(this).attr("sort");sort = $(this).hasClass("desc")?sort+"_desc":sort+"_asc";location.href = replaceAndAddParamVal(location.href,"sort",sort);//禁用默认行为return false;
});
function changeStyle(ele){// 'color: #333;border-color:#CCC;background: #fff' 默认// 'color: #FFF;border-color:#e4393c;background: #e4393c' 高亮$(".sort_a").css({"color":"#333","border-color":"#CCC","background":"#FFF"});$(".sort_a").each(function(){var text = $(this).text().replace("↓","").replace("↑","");$(this).text(text);});$(ele).css({"color":"#FFF","border-color":"#e4393c","background":"#e4393c"});//改变升降序$(ele).toggleClass("desc");//加上就是降序,不加就是升序if($(ele).hasClass("desc")){//降序var text = $(ele).text().replace("↓","").replace("↑","");text = text+ "↓";$(ele).text(text);}else{var text = $(ele).text().replace("↓","").replace("↑","");text = text+ "↑";$(ele).text(text);}
}$("#skuPriceSearchBtn").click(function () {//1、拼上价格区间的查询条件var from = $("#skuPriceFrom").val();var to = $("#skuPriceTo").val();var query = from + "_" + to;location.href = replaceAndAddParamVal(location.href,"skuPrice",query);
});$("#showHasStock").change(function () {if($(this).prop('checked')){location.href = replaceAndAddParamVal(location.href,"hasStock",1);}else{//没选中var re = eval('/(hasStock=)([^&]*)/gi');location.href = (location.href+"").replace(re,'');}return false;
})
```
185、商城业务-检索服务-页面筛选条件渲染
186、商城业务-检索服务-页面分页数据渲染
187、商城业务-检索服务-页面排序功能
188、商城业务-检索服务-页面排序字段回显
189、商城业务-检索服务-页面价格区间搜索
190、商城业务-检索服务-面包屑导航
191、商城业务-检索服务-条件删除与URL编码问题
192、商城业务-检索服务-条件筛选联动
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
