这一阶段的内容会比较枯燥,没办法啊。纯业务逻辑这块,写不出情趣来。有兴趣的就耐着性子看看,没耐性的可以等等看,改天写个有趣的内容之类的
我这个简单的购物车从功能模块上,有以下几个组成部分:
1,各种插件,例如单选、复选框、商品数量加减框,下拉框,popup弹出框,下拉框等等,
2,HTML模板,用来生成购物车中的商品列表;
3,整个购物车的网页和购物车的页面容器;
4,各种防止重复点击的措施,例如狂点删除商品按钮,其实就是不停的向删除商品接口发起请求,然后在此接口未返回数据的时候再次发起请求,极容易出错。
5,各种公共方法,例如处理各个分枝条件的判断逻辑的方法
那么这些所谓的“物料”已经备好的情况下,先从哪开始呢?这就是一个思路的问题。我的作法是先从整体上做一个搭建,,
首先,创建一个cart对象,然后prototype添加各种方法;
然后,使用自定义的get或set方法,做到可以随意的添加plus插件;
其次,写好防止暴力操作方法和公共方法,并放在专门的文件中;
再次,做好各个plus插件之间的数据同步操作。例如页面上有十个城市下拉列表,然后你在其中一个城市下拉列表中添加了一个城市之后,其余的9个下拉列表要马上自动更新内容。这就是一个前端的数据中间层,要有这个概念。
关于这个部分,你可以先在纸上把大概的思路和方向画出来,然后把各个功能模块的进出方法用UML的方式画出来。之后你就可以开始动手写代码了。
到这一步为止,我们才准备好写第一行代码。