MyException - 我的异常网
当前位置:我的异常网» ASP.NET » 京东商城商品图片是怎么设计的

京东商城商品图片是怎么设计的

www.MyException.Cn  网友分享于:2015-08-26  浏览:33次
京东商城商品图片是如何设计的?


他这里有个颜色分类,选不同的颜色,左侧就显示对应颜色的图片。
还有一种情况就是没有颜色分类,左侧直接显示所有的图片。
还有一种情况是选择不同的版本,左侧对应不同版本的图片,这个倒是和颜色类似了。

我想问下这个情况数据库如何设计比较好。
一张产品表 一张颜色表  一张图片表
颜色表和产品表有主外键关系。
考虑到有的产品没有颜色,那么图片表需要同时和产品表还有颜色表都要有对应的主外键关系、
我感觉这个设计不太好啊。
谁能提供点好的设计思路呢

------解决方案--------------------
引用:
Quote: 引用:



一个表就够了,

ID 编码 标题  颜色 码数 图片地址  等等...

编码是唯一的,说明一个款式

对后台对JS代码生成变量
所有编码一样的放数组,或者你觉得别的数据类型更好用
var ALL数组={ 编码一样的鞋子,颜色,码数}

单击小图片,用JS的IF 输出符合条件的图片地址显示出来即可,,


缺点:同一款式鞋子可能有很多条信息在库里,需要设计好 数据提交页面,

你这个也不可取,你考虑下后台添加图片的时候,难道每添加一张图片就要去填写一下颜色信息?
颜色信息肯定也是需要用一个ID的,后台人员添加的时候选择一个颜色,如果输入文字,会有写错的情况的


你觉得问题在哪里?
一种颜色 有很多 图片  对吧?

比如我添加

编号001 的鞋子  红色  图片地址1:图片地址2:图片地址3....
    001 的鞋子  花色  图片地址1:图片地址2:图片地址3:图片地址4....
    002 波鞋子  蓝色  图片地址1:图片地址2:图片地址3....
    002 波鞋子  白色  图片地址1:图片地址2....
    002 ...

是一个颜色 多张图  而不是一张图一条信息
------解决方案--------------------
“颜色表和产品表有主外键关系。”
这句话表达你的思维只有1对多,  其实还有多对多的设计
三张表 Product  Picture  ProductPictureMapping
当然这样设计还是不够的~
可以参考一些开源项目
我是参考nopCommerce的

------解决方案--------------------
引用:
Quote: 引用:

“颜色表和产品表有主外键关系。”
这句话表达你的思维只有1对多,  其实还有多对多的设计
三张表 Product  Picture  ProductPictureMapping
当然这样设计还是不够的~
可以参考一些开源项目
我是参考nopCommerce的

这个地方一对多,不知道你怎么想的?
一张商品图只可能属于一个商品,不可能属于多个商品。
一个商品是可以有多张图片。
不知道从哪可以看出来需要多对多的关系?

颜色 和 商品 吧
------解决方案--------------------
他这里有个颜色分类,选不同的颜色,左侧就显示对应颜色的图片。
还有一种情况就是没有颜色分类,左侧直接显示所有的图片。
还有一种情况是选择不同的版本,左侧对应不同版本的图片,这个倒是和颜色类似了。

我觉得 它(商品)这里都是一样 只是类型不同而已;类型分为颜色 版本号 款式;
商品表
类型表
类型信息表
------解决方案--------------------
引用:
Quote: 引用:

Quote: 引用:

Quote: 引用:



一个表就够了,

ID 编码 标题  颜色 码数 图片地址  等等...

编码是唯一的,说明一个款式

对后台对JS代码生成变量
所有编码一样的放数组,或者你觉得别的数据类型更好用
var ALL数组={ 编码一样的鞋子,颜色,码数}

单击小图片,用JS的IF 输出符合条件的图片地址显示出来即可,,


缺点:同一款式鞋子可能有很多条信息在库里,需要设计好 数据提交页面,

你这个也不可取,你考虑下后台添加图片的时候,难道每添加一张图片就要去填写一下颜色信息?
颜色信息肯定也是需要用一个ID的,后台人员添加的时候选择一个颜色,如果输入文字,会有写错的情况的


你觉得问题在哪里?
一种颜色 有很多 图片  对吧?

比如我添加

编号001 的鞋子  红色  图片地址1:图片地址2:图片地址3....
    001 的鞋子  花色  图片地址1:图片地址2:图片地址3:图片地址4....
    002 波鞋子  蓝色  图片地址1:图片地址2:图片地址3....
    002 波鞋子  白色  图片地址1:图片地址2....
    002 ...

是一个颜色 多张图  而不是一张图一条信息

你这个思路看起来还不错。
问题就是后台做起来稍微麻烦点,多张图片拼在一个字段里,在后台如果显示成一个列表,或者修改删除单张图片都需要一个拆分在合并的操作。

对啊,你说得对,我习惯了这么用,,
感觉还可以,
因为一个页面基本就是10张左右的图,
,用JS去split拆分,提交时再合并,感觉还是很容易的,对服务器没影响,

只是客户端用点力执行JS而已,

如果你把力道放在服务器上也可以,一下搜几个表搜几条信息后,才能完整显示当前的页面
------解决方案--------------------
其实这个问题说简单也简单,说复杂确实够复杂,如果涉及到业务和架构的问题,可能必须描述的更多,别人才能判断。
------解决方案--------------------
多张图片拼在一个字段里,
这个就违反了数据库设计规范了~

为什么要将图片放在一个张 然后和其他需要的表mapping呢~
你看他选择颜色的那张和产品的第一张是同一个地址

这样做的目的是为了最大化地利用 减少重复
还有产品详细中的品牌公司图片等等等~ 这些都不是属于特定的一个产品
而这些图片是属于某个供应商的 也需要mapping

其实我说的 Product  Picture  ProductPictureMapping 还是不够的~
还有产品规格 产品属性等~

文章评论

 程序员的样子
程序员的样子
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
我是如何打败拖延症的
我是如何打败拖延症的
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
我的丈夫是个程序员
我的丈夫是个程序员
程序员应该关注的一些事儿
程序员应该关注的一些事儿
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
老程序员的下场
老程序员的下场
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
程序员都该阅读的书
程序员都该阅读的书
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
中美印日四国程序员比较
中美印日四国程序员比较
每天工作4小时的程序员
每天工作4小时的程序员
编程语言是女人
编程语言是女人
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
当下全球最炙手可热的八位少年创业者
当下全球最炙手可热的八位少年创业者
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
10个调试和排错的小建议
10个调试和排错的小建议
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
一个程序员的时间管理
一个程序员的时间管理
旅行,写作,编程
旅行,写作,编程
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
那些争议最大的编程观点
那些争议最大的编程观点
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
为什么程序员都是夜猫子
为什么程序员都是夜猫子
漫画:程序员的工作
漫画:程序员的工作
代码女神横空出世
代码女神横空出世
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
Java程序员必看电影
Java程序员必看电影
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
程序员必看的十大电影
程序员必看的十大电影
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有