首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >接昨天,电商网站的购物车的情况介绍

接昨天,电商网站的购物车的情况介绍

作者头像
web前端教室
发布2018-02-06 14:23:59
9700
发布2018-02-06 14:23:59
举报
文章被收录于专栏:web前端教室web前端教室

电商网站有大有小,大到淘宝,小到我曾经做过的那个。虽然不同级别的电商网站的体量是太阳和地球一样的差别,但我觉得思路应该都是类似的。就像太阳和地球都是圆球,开玩笑的哈。

这几次周末的群视频,慢慢的讲到了“从商品详情页进入购物车”的这一环节。而当初这个购物电商网站的前端部分,是我完全开发的第一个真正意义上的电商网站,也就意味着这里面的思路都是我自己琢磨的,未必与主流的电商完全一致。反正就是个借鉴吧。

好了,现在我们已经在商品详情页了,那么它应该是至少三大部分组成:

一,商品信息;

二,直接购买;

三,加入购物车;

商品信息不必多说,肯定是关于商品的全部信息。

直接购买呢,就是点击此按钮,直接跳转到支付页了;

加入购物车,就是点击此按钮,购物车中添加此商品。如果此商品已经存在,那么数量加一。

购物车的不同情况的判断分支条件:

1,因为这个电商网站是做海淘的,所以它分为国内仓和保税仓。

2,国内仓有1、2、3.。。不同号的仓;

3,保税仓里又分为已完税商品和未完税商品;

4,每个仓里的商品,其数量和总价分别单独计算;

5,所有商品的价格、数量,是所有仓内所有商品的总计;

6,如果某个商品的税超过50,此商品税金由网站承担,即免税;

7,如果某个商品的税未超过50,要弹出国税总局内容的提示;

8,因为是海淘,所以某些商品,其数量或总价、税金不得超过某值;

9,如果新用户,有优惠券、价格、税减免,使用条件如何如何,,

10,商品运费有减免条件;

最下方的总计,要将所有仓中的数量、单价、总价、运费、减免、税、优惠卡、券等信息,全部显示出来。

还有一些就是常规的UI操作了,例如,选择所有商品时,最上和最下的全选按钮自动变为选择状态;当某一个商品处于未选状态时,全选按钮自动变为未选状态。

以上这些,就是这个非常简单的电商网站的购物车模块的情况介绍。反正我现在依然觉得,购物车这种东西,真的是非常复杂的,许多条件,情况都交织在这里。有时想想淘宝京东之类那么复杂巨大的电商网站,它们的购物车用起来还很顺手,单从程序开发的角度来看,是很不容易的。

而跳出电商这个范围来看购物车这种应用的话,它其实就是一个SPA网站,就是单页应用。所以啊,同学们,单页应用是未来。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-05-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档