javascript - How to implement multiple attributes of a product on JD.com corresponding to multiple pages

How does JD implement multiple attributes corresponding to multiple pages for one product? What is the difference between it and Taobao’s technology?
For example, search on JD.com for [Meizu Meizu Blue E 32GB Full Netcom Public Edition Champagne Gold Mobile Unicom Telecom 4G Mobile Phone Dual SIM Dual Standby]
On the product details page,
select the color of "Champagne Gold" and the URL in the address bar Display https://item.jd.com/3475396.html
If you select another color "Moonlight Silver", it will jump to the https://item.jd.com/3475418.html address page
Same , the same color, different versions, the same is true, for example, the color is "Moonlight Silver", the versions are as follows
All Netcom public version https://item.jd.com/3475418.html
All Netcom mobile version https:/ /item.jd.com/3187221.html
Full Netcom Telecom version https://item.jd.com/3629066.html

Excuse me, how is this achieved, and what are the differences from Taobao’s technology?
What are the advantages and disadvantages of this?
Please give me some advice....

Reply content:

How does JD implement multiple attributes corresponding to multiple pages for one product? What is the difference between it and Taobao’s technology?
For example, search on JD.com for [Meizu Meizu Blue E 32GB Full Netcom Public Edition Champagne Gold Mobile Unicom Telecom 4G Mobile Phone Dual SIM Dual Standby]
On the product details page,
select the color of "Champagne Gold" and the URL in the address bar Display https://item.jd.com/3475396.html
If you select another color "Moonlight Silver", it will jump to the https://item.jd.com/3475418.html address page
Same , the same color, different versions, the same is true, for example, the color is "Moonlight Silver", the versions are as follows
All Netcom public version https://item.jd.com/3475418.html
All Netcom mobile version https:/ /item.jd.com/3187221.html
Full Netcom Telecom version https://item.jd.com/3629066.html

Excuse me, how is this achieved, and what are the differences from Taobao’s technology?
What are the advantages and disadvantages of this?
Please give me some advice....

There are multiple products under one product, each product has its own ID
These products have the same basic parameters, such as manufacturer, raw materials, and brand

The product ID is determined by color + version + package.
This can make it easier to control inventory and associate other products under the same product
This is a personal opinion, and it is very troublesome to design.

Each type is a SKU. For example, Moonlight Silver - All Netcom public version + official standard configuration is one SKU. The above color + version + purchase method is 532=30 SKU

First of all, whether it is Taobao or JD.com, a product displayed on the interface here is actually a type of product abstraction. For example, if you know you want to buy shoes, then the shoes are abstract, because the shoes are just a Class noun, so the specified models of Meizu mobile phones here are also a collection. The color, version, and method below are all filtering conditions. There is a default condition at the beginning, but when you change the selection, use ajax to submit data according to the selection
---> What is interesting here is that the mobile phone filtering on Taobao is different from that on JD.com:
No matter the color of the mobile phone on JD.com , version or purchase method, these three conditions all correspond to different product IDs, which means that JD.com’s product IDs are divided into more details
And the mobile version (high configuration, low configuration) on Taobao corresponds to different IDs, and color, purchase The methods are all additional attributes
---> And the ID change here will refresh the page.
There is no doubt that Taobao wins here

I feel that the design on Secondhand East is based on refresh, that is, you switch different versions to correspond to different products, while Taobao designs multiple SKUs on one type, which is fundamentally different. I think this analysis is more Most of them come from the basic data structure of their respective backends, which leads to this algorithm in the frontend

Taobao uses the product ID as the detail page serial number, and JD.com uses the sku id as the detail page serial number

Consider the relationship between SPU and SKU, and you will understand.

Douban explains the difference between SPU and SKU
https://www.douban.com/note/3...
Commodity and single product. For example, iPhone is a single product, but when many merchants sell this product at the same time on Taobao, iPhone is a commodity.

Products: Taobao is called item, JD.com is called product. Products specifically refer to products related to merchants. Each product has a merchant code. Each product has multiple colors, styles, and can have multiple SKUs.

SPU = Standard Product Unit (Standardized Product Unit)

SPU is the smallest unit of product information aggregation. It is a set of reusable and easy-to-retrieve standardized information that describes the characteristics of a product. In layman's terms, products with the same attribute values ​​and characteristics can be called an SPU.
In the process of electronic product information, the characteristics of the product can be described by multiple "attributes and corresponding attribute value pairs". Products with exactly the same "attributes and corresponding attribute value pairs" can be abstracted into an SPU. At the same time, these "attributes and corresponding attribute value pairs" are also solidified in the SPU and gradually standardized. The product information structure based on SPU can realize a variety of applications, such as the integration of product information and information, comments, and other SPUs.

P.s: In this sense, I think it is most appropriate to build the comparison shopping product library based on SPU.

SKU=stock keeping unit(stock keeping unit)

SKU is the unit of inventory measurement, which can be in pieces, boxes, pallets, etc. It is most commonly used in clothing and footwear products. For example, a SKU in textiles usually represents: specifications, colors, and styles.

Some people also explain that SKU is the smallest unit of inventory. In the clothing industry, the normal situation is "single style, single color, single code". Domestic brands regard "single style, single color" as one SKU, and some regard "single style" as several Individual colors are regarded as one SKU, and several styles of a piece of fabric are regarded as one SKU. These are all misunderstandings.

At the same time, another concept is introduced: SKC: single style, single color. If we must make an analogy: SKC is an orange, and SKU is an orange segment. But no matter what, an orange is an orange, and an orange segment is also an orange.

However, SKU is the smallest physically indivisible stock keeping unit. When using it, it should be handled according to different business formats and different management models. For example, there are 50 cigarettes in one cigarette, ten boxes in one box, and 20 cigarettes in one box. These units must set SKUs according to different needs. For example, warehousing and wholesale hypermarkets must be set according to one box. Ordinary hypermarkets must be set up according to the regulations. Tobacco and alcohol stores must be set up according to boxes. In the past, street shops in Shanghai and other places must be set up by one. Such a cigarette is the smallest retail unit of cigarettes, but it must be set according to its own business format and service model.

I have done a small e-commerce project before, which is similar to Taobao in terms of purchase interaction. A product you see will have different attributes and attribute values, so the product and attributes are in a one-to-many relationship, while JD.com , you will find that each attribute can be compared to a commodity.