189 8069 5689

购物车系统设计-创新互联

1 主要功能

在用户选购商品时,下单前,暂存用户想购买的商品。

创新互联建站成立与2013年,先为平顺等服务建站,平顺等地企业,进行企业商务咨询服务。为平顺企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

购物车对数据可靠性要求不高,性能也无特别要求,在整个电商系统是相对容易设计和实现的一个子系统。

购物车系统的主要功能:

  • 把商品加入购物车(后文称“加购”)
  • 购物车列表页
  • 发起结算下单
  • 在所有界面都要显示的购物车小图标

支撑这些功能,存储模型如何设计?

只要一个“购物车”实体。

2 主要属性

打开京东购物车页面:SKUID(商品ID)、数量、加购时间和勾选状态

备注:图片来源于网络,仅供本文介绍、评论及说明某问题,适当引用。

“勾选状态”属性,即在购物车界面,每件商品前面的那个小对号,表示在结算下单时,是否要包含这件商品。至于商品价格和总价、商品介绍等都能实时从其他系统获取,无需购物车系统保存。

购物车功能简单,但设计购物车系统的存储时,仍有一些问题需考虑。

3 原则 3.1 思考 3.1.1 用户未登录,在浏览器中加购,关闭浏览器再打开,刚才加购的商品还在吗?

存在。

若用户未登录,加购的商品也会被保存在用户的电脑。即使关闭浏览器再打开,购物车的商品仍存在。

3.1.2 用户未登录,在浏览器中加购,然后登录,刚才加购的商品还在吗?

存在。

若用户先加购,再登录。登录前加购的商品就会被自动合并到用户名下,所以登录后购物车中仍有登录前加购的商品。

3.1.3 关闭浏览器再打开,上一步加购的商品还在吗?

不存在。

关闭浏览器再打开,这时又变为未登录状态,但是之前未登录时加购的商品已经被合并到刚刚登录的用户名下了,所以购物车是空的。

3.1.4 再打开手机,用相同的用户登录,第二步加购的商品还在吗?

存在。使用手机登录相同的用户,看到的就是该用户的购物车,这时无论你在手机App、电脑还是微信中登录,只要相同用户,看到就是同一购物车,所以第2步加购的商品是存在的。

若不仔细把这些问题考虑清楚,用户使用购物车时,就会感觉不好用,不是加购的商品莫名其妙丢了,就是购物车莫名其妙多出一些商品。

要解决上面这些问题,只要在存储设计时,把握如下

3.2 原则
  • 若未登录,需临时暂存购物车的商品
  • 用户登录时,把暂存购物车的商品合并到用户购物车,并清除暂存购物车
  • 用户登录后,购物车中的商品,需在浏览器、手机APP和微信等等这些终端保持同步

购物车系统需保存两类购物车:

  • 未登录情况下的“暂存购物车”
  • 登录后的“用户购物车”
4 “暂存购物车”存储设计 4.1 保存在客户端or服务端?

若存在服务端,则每个暂存购物车都得有个全局唯一标识,这不易设计。保存在服务端,还要浪费服务端资源。所以,肯定保存在客户端:

  • 节约服务器存储资源

  • 无购物车标识问题

    每个客户端就保存它自己唯一一个购物车即可,无需标识。

客户端存储可选择不多:

  • Session

    不太合适。SESSION保留时间短,且SESSION的数据实际上还是保存在服务端

  • Cookie

  • LocalStorage

    浏览器的LocalStorage和App的本地存储类似,都以LocalStorage代表。Cookie、LocalStorage都可用来保存购物车数据。

选择哪种更好?各有优劣。这场景中,使用Cookie和LocalStorage最关键区别:

  • 客户端、服务端的每次交互,都会自动带着Cookie数据往返,这样服务端可读写客户端Cookie中的数据
  • LocalStorage里的数据,只能由客户端访问

使用Cookie存储,实现简单,加减购物车、合并购物车过程,由于服务端可读写Cookie,这样全部逻辑都可在服务端实现,并且客户端和服务端请求的次数也相对少。

使用LocalStorage存储,实现相对复杂,客户端和服务端都要实现业务逻辑,但LocalStorage好在其存储容量比Cookie的4KB上限大得多,而且不用像Cookie那样,无论用不用,每次请求都要带着,可节省带宽。

所以,选择Cookie或LocalStorage存储“暂存购物车”都行,根据优劣势选型即可:

  • 设计的是个小型电商,Cookie存储实现起来更简单
  • 你的电商是面那种批发的行业用户,用户需加购大量商品,Cookie可能容量不够用,选择LocalStorage更合适

不管哪种存储,暂存购物车保存的

4.2 数据格式

都一样。参照实体模型设计,JSON表示:

{"cart": [
        {"SKUID": 8888,
            "timestamp": 1578721136,
            "count": 1,
            "selected": true
        },
        {"SKUID": 6666,
            "timestamp": 1578721138,
            "count": 2,
            "selected": false
        }
    ]
}
5 用户购物车 存储设计

用户购物车须保证多端数据同步,数据须保存在服务端。常规思路:设计一张购物车表,把数据存在MySQL。表结构同样参照实体模型:

img

需在user_id建索引,因为查询购物车表,都以user_id作为查询条件。

也可选择更快的Redis保存购物车数据:

  • 用户ID=Key
  • Redis的HASH=Value,保存购物车中的商品

如:

{"KEY": 6666,
    "VALUE": [
        {"FIELD": 8888,
            "FIELD_VALUE": {"timestamp": 1578721136,
                "count": 1,
                "selected": true
            }
        },
        {"FIELD": 6666,
            "FIELD_VALUE": {"timestamp": 1578721138,
                "count": 2,
                "selected": false
            }
        }
    ]
}

为便理解,用JSON表示Redis中HASH的数据结构:

  • KEY中的值6666是用户ID
  • FIELD存放商品ID
  • FIELD_VALUE是个JSON字符串,保存加购时间、商品数量和勾选状态

读写性能,Redis比MySQL快得多,Redis就一定比MySQL好吗?

5.1 MySQL V.S Redis 存储
  • Redis性能比MySQL高出至少一个量级,响应时间更短,支撑更多并发请求
  • MySQL数据可靠性好于Redis,因为Redis异步刷盘,若服务器掉电,Redis有可能丢数据。但考虑到购物车里的数据,对可靠性要求不高,丢少量数据的后果也就是,个别用户的购物车少了几件商品,问题不大。所以,购物车场景,Redis数据可靠性不高这个缺点,不是不能接受
  • MySQL另一优势:支持丰富的查询方式和事务机制,但对购物车核心功能无用。但每个电商系统都有它个性化需求,若需以其他方式访问购物车数据,如统计今天加购的商品总数,这时,使用MySQL存储数据,易实现,而使用Redis存储,查询麻烦且低效

综合比较下来,考虑到需求变化,推荐MySQL存储购物车数据。若追求性能或高并发,也可选择使用Redis。

设计存储架构过程就是不断抉择过程。很多情况下,可选择方案不止一套,选择时需考虑实现复杂度、性能、系统可用性、数据可靠性、可扩展性等。这些条件每一个都不是绝对不可以牺牲的,不要让一些“所谓的常识”禁锢思维。

比如,一般认为数据绝不可丢,即不能牺牲数据可靠性。但用户购物车存储,使用Redis替代MySQL,就是牺牲数据可靠性换取高性能。很低概率的丢失少量数据可接受。性能提升带来的收益远大于丢失少量数据而付出的代价,这选择就值得。

如果说不考虑需求变化这个因素,牺牲一点点数据可靠性,换取大幅性能提升,Redis是最优解。

6 总结
  • 购物车系统的主要功能包括:加购、购物车列表页和结算下单
  • 核心实体:只有一个“购物车”实体
  • 至少包括:SKUID、数量、加购时间和勾选状态属性

在给购物车设计存储时,为确保:

  • 购物车内的数据在多端一致
  • 用户登录前后购物车内商品能无缝衔接

除了每个用户的“用户购物车”,还要实现一个“暂存购物车”保存用户未登录时加购的商品,并在用户登录后自动合并“暂存购物车”和“用户购物车”。

暂存购物车存储在客户端浏览器或App,可存放到Cookie或LocalStorage。用户购物车保存在服务端,可以选择使用:

  • Redis存储会有更高的性能,可以支撑更多的并发请求
  • MySQL是更常规通用的方式,便于应对变化,系统扩展性更好

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


本文标题:购物车系统设计-创新互联
标题URL:http://jkwzsj.com/article/hjcgc.html

其他资讯