前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >继续电商网站的购物车

继续电商网站的购物车

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

这一阶段的内容会比较枯燥,没办法啊。纯业务逻辑这块,写不出情趣来。有兴趣的就耐着性子看看,没耐性的可以等等看,改天写个有趣的内容之类的

我这个简单的购物车从功能模块上,有以下几个组成部分:

1,各种插件,例如单选、复选框、商品数量加减框,下拉框,popup弹出框,下拉框等等,

2,HTML模板,用来生成购物车中的商品列表;

3,整个购物车的网页和购物车的页面容器;

4,各种防止重复点击的措施,例如狂点删除商品按钮,其实就是不停的向删除商品接口发起请求,然后在此接口未返回数据的时候再次发起请求,极容易出错。

5,各种公共方法,例如处理各个分枝条件的判断逻辑的方法

那么这些所谓的“物料”已经备好的情况下,先从哪开始呢?这就是一个思路的问题。我的作法是先从整体上做一个搭建,,

首先,创建一个cart对象,然后prototype添加各种方法;

然后,使用自定义的get或set方法,做到可以随意的添加plus插件;

其次,写好防止暴力操作方法和公共方法,并放在专门的文件中;

再次,做好各个plus插件之间的数据同步操作。例如页面上有十个城市下拉列表,然后你在其中一个城市下拉列表中添加了一个城市之后,其余的9个下拉列表要马上自动更新内容。这就是一个前端的数据中间层,要有这个概念。

关于这个部分,你可以先在纸上把大概的思路和方向画出来,然后把各个功能模块的进出方法用UML的方式画出来。之后你就可以开始动手写代码了。

到这一步为止,我们才准备好写第一行代码。

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档