购物车浅谈

购物车浅谈

这是我在经历了一年多JS之后第一回报安卓原生开发,感觉RN开发中的一些思路能够让原生开发也更加的清晰,或者说终于理解了真正的原生开发应该是怎么样的。

RN给到了这么一个理解

因为RN有个很棒的机制就是Props和State,这两个机制能很简单地把数据传送到每一个组件里,而mobx绑定每一个组件,可以让每个组件都能拥有动作。

目前公司的框架是mvp模式,v层用来管理界面,p层用来管理数据到界面的操作。这么一个对比,p层类似mobx,而jsx就类似v层。

购物车是一个操作比较多的页面,而操作多的页面就涉及到很多的逻辑问题。逻辑问题一直是最头疼的,因为页面复杂,数据繁杂,会导致头脑逻辑不清晰的问题。

后面我使用了RN的解决思路,我个人命名为数据驱动思路,我用一个简单的功能来解释一下这个。

功能是选择某一个商品,商品的选择框会勾选,当全部商品都勾选之后,店铺的选择框和金额的全选框都会选中,反过来也是一样。而店铺和金额的全选框也可以操作商品的选择框。这里有一个背景就是这一期后端不会保存这个选择商品的信息,而是由客户端来保存。

界面的布局是这样的,

这是一个adapter,而这个adapter的布局包括一个头部view和一个Recycleview,