温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
接下来呢,我们就来到订单页面,对数据进行便利展示。下面一起来看。来到order list页面啊,接下来就发请求,请求数据展示,整个流程呢,并不复杂啊,我们快速来完成。往下走,在这里我们发请求API点。请求地址,请求方式。这地址我们从文档中复制过来。启发式是get,没有参数。然后呢,Ret是响应的返回值,就是奥的意思。Error就是它拒绝错误,如果out有值,那么我们就更新这个值就好了。LL的话我们就提示错误。
01:01
那么在data里面呢?我们要对这个奥利的数据进行初始化。好,做好一切之后呢,上面就可以遍地展示了。来,我们先看啊。整体呢,就是这些view我们删掉,保留一个,对它进行V-for遍历。一点写BD的每项元素,添加一个奥的ID。同时下面这是Photoshop的内容啊。是order里面的里面的title。啊,不是,是它的一个logo image啊。然后呢,这个才是。All the shop里面的title。然后接下来呢,又要便利生成多个商品。最后一个空白区域是要保留的,一定要记得,因为那是为了遮照层能够有效果好,下面呢是O的点的。
02:08
Out food吧,我们来看一下这个数据结构啊,是叫old food。那我们BD出来就叫负的就好了。好,往下走,下面呢,有food的图片,Food的cover。和复读的标题。好,总价格的话呢,就是我们整体的一个价格啊,就是我们整个的一个total money。总件数的话呢,其实就是咱们的这个order。Food的认识。
03:00
好了,到这里呢,我们病例展示就完成了啊,下面呢,我们就一起来看一下我们的这个订单页面的一个效果。来保存。我们一起来看一下。订单。好,呃,它其实这里呢,订单已经呈现了,但是咱们的这个数据呢,有些小问题,我们看一下是不是哪里写错了,编辑出来的内容呢,我们编辑的是all food all food里面有我们想要的这个整个商品数据啊,然后是这里面的food的food啊,这里我们写错了。这里面是负的,里面的负的。好,这样呢,应该才对啊,这样才对。找到我的订单。好,这个时候呢,因为上面只买一件商品,所以是这样的,那么我们买多件商品的,对吧,这是买三件商品的,所以呢,这个便利展示,它就完成了全部展示成功。
04:10
OK,好了,那么这就是我们的一个订单列表的一个便利展示好了,关键点呢,在于我们如何查询出来这些数据啊,然后便利展示的时候一定要对这个数据结构有比较清晰的认识,那么这样呢,我们展示最终才能成功。
我来说两句