0

0

javascript - 京东一个商品多个属性对应多个页面是怎么实现的

php中文网

php中文网

发布时间:2016-12-01 00:25:22

|

2534人浏览过

|

来源于php中文网

原创

京东一个商品多个属性对应多个页面是怎么实现的?和淘宝的技术有什么区别?
比如,在京东搜索[魅族 魅蓝e 32gb 全网通公开版 香槟金 移动联通电信4g手机 双卡双待]
在产品详情页,
选择“香槟金”的颜色,地址栏里的url 显示 https://item.jd.com/3475396.html
如果选择另一种颜色“月光银” ,会跳转到 https://item.jd.com/3475418.html 地址页面
同样的,同一种颜色,不同的版本,也如此,比如,颜色是“月光银”,版本分别如下
全网通公开版 https://item.jd.com/3475418.html
全网通移动版 https://item.jd.com/3187221.html
全网通电信版 https://item.jd.com/3629066.html

请问,这是怎么实现的,和淘宝的技术有哪些区别?
这样的优缺点各是什么?
求指教....

回复内容:

京东一个商品多个属性对应多个页面是怎么实现的?和淘宝的技术有什么区别?
比如,在京东搜索[魅族 魅蓝e 32gb 全网通公开版 香槟金 移动联通电信4g手机 双卡双待]
在产品详情页,
选择“香槟金”的颜色,地址栏里的url 显示 https://item.jd.com/3475396.html
如果选择另一种颜色“月光银” ,会跳转到 https://item.jd.com/3475418.html 地址页面
同样的,同一种颜色,不同的版本,也如此,比如,颜色是“月光银”,版本分别如下
全网通公开版 https://item.jd.com/3475418.html
全网通移动版 https://item.jd.com/3187221.html
全网通电信版 https://item.jd.com/3629066.html

请问,这是怎么实现的,和淘宝的技术有哪些区别?
这样的优缺点各是什么?
求指教....

一个产品下面有多个商品,每个商品有各自的ID
这些商品它们的基本参数相同,如厂商、原料、品牌

立即学习Java免费学习笔记(深入)”;

javascript - 京东一个商品多个属性对应多个页面是怎么实现的

而商品ID由颜色+版本+套餐决定。
这么做可以方便的控制库存,方便关联同一产品下的其他商品
这个是个人见解,设计起来好麻烦。

每一种就是一个SKU,比如 月光银——全网通公开版+官方标配就是一个SKU,上面颜色+版本+购买方式就是 532=30个SKU

首先的一点,无论是淘宝还是京东,这里的界面上显示的一个产品其实都是一个类型的产品抽象,打个比方,你知道自己想买鞋子,那么这个鞋子就是抽象的,因为鞋子只是一个类名词,所以这里的魅族手机指定型号也是一个集合。而下面的颜色,版本,方式都是筛选条件。初始有个默认条件,然而当你改变选择后,根据选择利用ajax提交数据
--->这里有点意思的是淘宝上,手机筛选和京东上不太一样:
京东上无论是手机的颜色、版本还是购买方式,这三个条件都对应不同的商品ID,也就是说京东的产品id分的更细
而淘宝上手机版本(高配、低配)是对应不同的id,而颜色,购买方式都是附加的属性
--->而这里的id变更是会刷新页面的。
这里毫无疑问是淘宝取胜了

感觉二手东上面的设计 是基于刷新来做的 也就是 你切换了 不同的版本 是对应的不同商品 而淘宝 是对一种上面进行多个SKU的设计 是有本质上区别的 我觉得这么分析更多的来自于各自后台的基础数据结构导致了前台是这种算法

淘宝是以商品id为详情页序号,京东是以sku id为详情页序号

考虑 SPU 和 SKU 的关系,你就明白了。

先见AI
先见AI

数据为基,先见未见

下载

豆瓣解释了 SPU 和 SKU
https://www.douban.com/note/3...
商品与单品的区别。例如,iphone是一个单品,但是在淘宝上当很多商家同时出售这个产品的时候,iphone就是一个商品了。

商品:淘宝叫item,京东叫product,商品特指与商家有关的商品,每个商品有一个商家编码,每个商品下面有多个颜色,款式,可以有多个SKU。

SPU = Standard Product Unit (标准化产品单元)

SPU是商品信息聚合的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,属性值、特性相同的商品就可以称为一个SPU。
在商品信息电子化过程中,商品的特性可以由多个“属性及对应的属性值对”进行描述。“属性及对应的属性值对”完全相同的商品,可以抽象成为一个 SPU。同 时,这些“属性及对应的属性值对”也在SPU中固化下来,逐步标准化。基于SPU的商品信息结构,可以实现丰富的应用,比如商品信息与资讯、评论、以及其 它SPU的整合。

P.s:从这个意义上讲,我认为比较购物的产品库以SPU为标准来建立是最合适的。

SKU=stock keeping unit(库存量单位)

SKU即库存进出计量的单位, 可以是以件、盒、托盘等为单位。在服装、鞋类商品中使用最多最普遍。 例如纺织品中一个SKU通常表示:规格、颜色、款式。

也有人解释说SKU就是库存的最小单位,在服装行业,正常情况是“单款单色单码”,国内品牌有把“单款单色”当做一个SKU、也有把“单款”的几个色当一个SKU、也有把一块面料的几个款式当一个SKU,这些都是误读。

同时,引申出另外一个概念:SKC:单款、单色。如果一定要打比方的话:SKC是一个桔子,SKU是一瓣桔子,但不管怎么说,一个桔子是桔子,一瓣桔子也是桔子。

不过,SKU是物理上不可分割的最小存货单元。在使用时要根据不同业态,不同管 理模式来处理。比如一香烟是50条,一条里有十盒,一盒中有20支,这些单位就要根据不同的需要来设定SKU。比如仓储批发式大卖场,一定是按照一箱来设 定的。普通大卖场一定是按照条来设定的。烟酒专卖店一定是按照盒来设定的。过去上海等地的街边小店一定是按一支来设定的。这样一支就是烟的最小零售单位 但要根据自己的业态和服务模式来设定。

之前有做过一个小型电商项目,在购买交互方面与淘宝比较类似,你所看到的一个商品,会有不同的属性和属性值,因此商品与属性是一对多的关系,而京东,你会发现,每个属性都可以比作是一个商品.

相关文章

京东
京东

京东app是一款移动购物软件,具有商品搜索/浏览、评论查阅、商品购买、在线支付/货到付款、订单查询、物流跟踪、晒单/评价、返修退换货等功能,为您打造简单、快乐的生活体验。有需要的小伙伴快来保存下载体验吧!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Golang gRPC 服务开发与Protobuf实战
Golang gRPC 服务开发与Protobuf实战

本专题系统讲解 Golang 在 gRPC 服务开发中的完整实践,涵盖 Protobuf 定义与代码生成、gRPC 服务端与客户端实现、流式 RPC(Unary/Server/Client/Bidirectional)、错误处理、拦截器、中间件以及与 HTTP/REST 的对接方案。通过实际案例,帮助学习者掌握 使用 Go 构建高性能、强类型、可扩展的 RPC 服务体系,适用于微服务与内部系统通信场景。

0

2026.01.15

公务员递补名单公布时间 公务员递补要求
公务员递补名单公布时间 公务员递补要求

公务员递补名单公布时间不固定,通常在面试前,由招录单位(如国家知识产权局、海关等)发布,依据是原入围考生放弃资格,会按笔试成绩从高到低递补,递补考生需按公告要求限时确认并提交材料,及时参加面试/体检等后续环节。要求核心是按招录单位公告及时响应、提交材料(确认书、资格复审材料)并准时参加面试。

2

2026.01.15

公务员调剂条件 2026调剂公告时间
公务员调剂条件 2026调剂公告时间

(一)符合拟调剂职位所要求的资格条件。 (二)公共科目笔试成绩同时达到拟调剂职位和原报考职位的合格分数线,且考试类别相同。 拟调剂职位设置了专业科目笔试条件的,专业科目笔试成绩还须同时达到合格分数线,且考试类别相同。 (三)未进入原报考职位面试人员名单。

10

2026.01.15

国考成绩查询入口 国考分数公布时间2026
国考成绩查询入口 国考分数公布时间2026

笔试成绩查询入口已开通,考生可登录国家公务员局中央机关及其直属机构2026年度考试录用公务员专题网站http://bm.scs.gov.cn/pp/gkweb/core/web/ui/business/examResult/written_result.html,查询笔试成绩和合格分数线,点击“笔试成绩查询”按钮,凭借身份证及准考证进行查询。

2

2026.01.15

Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

63

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

32

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

73

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

20

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 8.6万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 7万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号