某马鲜生app项目总结

最近几个星期一直在做一个前后端分离的电商app项目,其实我之前就做过一个前后端分离项目。 那也是我第一个前后端的项目，就是拼多多（某版块，这里不指全部），当时由于学了vue，又对前后端分离的模式感到有趣，就拉上几位后端的同学一起做了这个项目。别说，做完还真的觉得很有意思，你需要通过后端的接口文档来获取指定的商品数据，还需要根据每件商品的id来实现购物车中商品的批量删除功能，还需要判断商品提交订单是所选择的不同尺寸和大小。虽然过程曲折，艰辛了一点，但最后还是搞出来，那种满足感是真的让我感到高兴。我挺喜欢这样的生活模式，每一天都能学到不同的知识，不断探索出新的问题，在一个个解决这些问题，不断的使自己成长。

某马先生分类这个板块其实不难，只要知道根据后端所提供的接口文档（swagger）来获取id，再把商品数据渲染出来就行了，也就一个二级分类。商品详情的页面也是同样的操作，只要根据商品唯一的一个id来获取，就能渲染出当前商品的价格，介绍等等的信息。下面是分类板块的图片展示：

而购物车板块实现的功能有批量删除、点击结算提交到订单列表、单个商品的数量+-、勾选商品才能计算金额和结算、和送货地址的选择和新增收货地址。勾选才计算金额，删除和结算的实现都是一个套路，就是数组，只有当我勾选到当前商品并把当前商品push到一个新数组，在根据我这个新数组中的商品的id发起请求。而新增收获地址这个功能就更不用说啦，只需要根据接口文档发起post请求把他存入到数据库就行。这里的批量删除，删除成功的时候需要重新在发起请求，不让页面的数据不会更新。

活动中心这个板块没啥好说，就根据发起请求获取数据渲染出来就行，详情页也是跟分类板块的商品详情套路是一样的，根据id获取商品详情的数据。

某马鲜生这个项目还没做完，只是基本的页面和功能逻辑实现了，后期还会不断的完善和修改，获取这个项目还会拉到我们自己的服务器中，作为一个真是上线项目。当然，上线前肯定会碰到许多的问题。但是，我相信我们一一的解决掉这些问题。

这是gitHub的链接：https://github.com/zhangbin20188/git_shop,最新的代码可能还没提交，后面等项目基本完成在重新提交一份完整的上去。