00:00
大家好,这节课呢,我们来写一下收藏的功能啊,那收藏呢,其实已经给大家写好了,这个GS我们来看一看。找到这个收藏。啊,是这个底部啊,这个底部。这里是这个收藏啊。那我们来给他一个绑定一个点击事件啊。当点击啊收藏的时候,我们来执行这个这个点赞我们就不要了,我们来写一个收藏Co collect收藏商品,那我们点击收藏的时候。来执行这个方法,嗯,收藏呢,肯定是需要这个请求API的,那我们来看一看API哪个是收藏的。
01:02
然在这里啊,收藏和取消,收藏和取消啊,都是请求的一个API,然后使用这个post把这个固的这个ID传过就可以了啊,所以呢,嗯,我们先把这个API写好,放到商品相关的这里啊,故connect商品的一个收藏,然后使用呃POS的方式去请求这个API,再连上商品的这个ID。啊,就说请求这个API啊,在连上传过来的商品的这个ID好。那当我们呃,点完收藏之后啊,哎,就可以调这个API,执行这个收藏ay c。啊,还有it类似优点API,哎,执行这个收藏请求。收藏API好,那如果收藏成功之后啊,收藏成功之后啊。
02:04
提示消息并改变。页面的这个用改变按钮状态啊,也就是我们收藏完成之后啊,不仅要提示用户收藏成功,这个状态我们来改啊好,那这个呢,我们先不写,我们先把这个状态看一下,哪有哪两个状态对吧,一个是我们收藏时候的一个一个状态。啊。啊。好,再然后呢,是这个啊,就是我们这个收,呃,收藏盒已收藏啊,收藏和已收藏。这个color color,我们来看一下啊,这是一个red。看一下,嗯,给个这个。我先看看这个颜色,它这个颜色,那就是说收藏和非收藏的时候,我们不仅让这个文字的颜色改变,还要让这个呃,星星的这个颜色改变啊,所以呢,先找到它颜色的这个属性。
03:10
好,接着是这个啊,收藏和。和这个呃,已收藏啊,那这个我们写一个判断吧,已收藏。当然它俩的颜色不一样,那如果是已经收藏的话,我们也准备让它的颜色。变成红色啊,红色啊,这个是已收藏的情况啊。嗯,这个我们让他居中一下Yoga texts啊,Center啊,让这个图标和文字啊居中,呃,那接下来就是说我们要去判断收藏和非收藏的情况,那既然如此呢,我们再复制一个图标啊,再复制一个图标。收藏的时候颜色是这个B啊黑色啊啊,没收藏的时候就是这个。这个橙色啊,这两个,所以这两个我们要做一个判断啊,那我们基于什么判断呢?因为它有两个元素啊,那所以呢,我先给它包裹一个block。
04:08
包裹一个block啊,那下面这个也包裹一个block啊。We if,哎,我们有一个判断条件啊,那这个就是we else啊,那我们肯定得有一个一个is collect对吧,是否收藏,那is collect,那这个呢,我们得去定义啊,那一开始呢,是没有收藏的啊,Is collect等于false,那是否收藏呢,其实取决于这个故子info里面的啊。有一个数据啊,有一个状态啊,this.select等于ras.good点我来看看是哪个状态啊。Network直接看这裤子里面有一个。Is取决于他啊,取决于他啊。所以呢,是否说藏取决于它那一开始应该改成零吧,和它的这个返回值保持一致,它的返回值是个零和一啊啊,那一开始呢。
05:13
取决于它啊,这个商品我们看看是不是收藏过了。零啊。啊,但我们这个判断有问题啊。如果。他。啊,不等等于零。啊,等等于零,那等等于零的时候就是啊,需要我们去收藏,否则的话就是去收藏啊好,那接下来。这个页面的样式我们就处理完了啊,那接下来处理我们这里啊,请求这个API,执行这个收藏,我们把这个ID传进去,ID就是商品的ID this点啊goods ID啊,我们在data里面存的有对不对,那这里呢,来提示他一个消息z.do u点。Test啊,收藏成功啊,收藏成功啊,改变状态,改变状态就是this.is connect啊等于一啊,你放心啊,我们这个API只要请求数据库的数据就会变成一,那我们刷新的时候,哎,就也是收藏状态啊,这个呢,只是为了我们啊不刷新数据的情况下啊,让状态可以变一下,好保存,我们来看看效果啊,首先是一开始刷新啊,这个页面的时候没有收藏对吧?那接下来我点击收藏。
06:26
好。诶,点击这个收藏,哎,收藏成功,哎是不是就变了,好,那接下来我们来刷新啊。是不是也是出状态,你看不管我再怎么创业,它也输上状态好,接下来我想取消出藏的话,其实就再点一下就可以了。网络有点慢。他说我没点到。哦,我们的事件给的是这个文字啊,所以刚才我们点星星没有用,要点这个文字才行。啊,这就啊收藏成功啊,但其实上是已经取消收藏了,所以这个状态我们也来判断一下啊,我们来解决两个问题,一个是事件,事件呢,我们能不能给到他啊,不能给到他应该给到最外层的这个view有,要不然我们点图标没有用啊啊呃,那接下来这个设点啊也删掉删掉,这是第一个问题,我们来解决第二个问题,那这个文字。
07:13
收藏成功还是呃不是收藏成功呢,取决于谁呢?取决于啊我们的这个啊。做一个判断吧,啊,If this.is collect等等于啊,纯等于零,如果一开始是没有收藏的,那么我们这个就是示放成功,把它改成一就没问题,对吧,对吧,Else啊,那我们就。嗯。这个就改成取消收藏,取消收藏好这里改成这个这就可以了啊,你如果不想这么写呢,也可以用这个三元运算符啊,都可以啊,我们用三元算符的话,就这么去写。啊行吧,就这么写吧,就用这个if else吧,好这样的话就诶问题就没了,好现在是没有收藏,那我们点击啊,就是收藏成功啊,再点击就是诶取消收藏。
08:04
好,那这个收藏我们就写完了,这件先到这里吧。
我来说两句