00:00
接下来新增一个功能,给用户添加头像。首先,表里面并没有头像这个字段。看一下是没有的啊,能增加一个字段。P artisan。Make。Migration to user。加一下这个头像这个字段。顺利。允许为空。
01:00
让他在手机号之后。啊,这样就可以了。直剩下现金。再刷新数据库表,就会多一个字段。头像的。接下来写一下。更换头像的一个功能,更换头像其实就是对用户表的啊一个更新。先写下。热油。用户我们放到前端啊,放到个人中心这里更新头像。
02:04
这个是还使用优色LCTRL。Update。哎,去这里面写一个这个方法,用来执行我们更新图像的一个操作。更新用户头像。代码呢,和这个差不多,和这个代码差不多,直接就改一改就可以了。长度就不做限制。啊,因为啊,这个更新用户信息呢,因为我们信息比较少,只有一个name,所以这里只写了一个啊,如果多的话,可以使用这个update啊,或者一个一个的属性去更新啊,我们根据头像为什么单独去写出来呢。
03:16
因为我们一般更新头像,涉及到他的头像的一个上传,会有一个单独的一个页面,就是让用户来去替换这个头像,所以我们为更换头像去单独写了一个API。来这里改成用户的这个头像。好。嗯,接下来测试一下。把这些都关掉。使用拍起方式。啊,就是API。不要前缀,然后是优色。
04:03
把认证给加上。请求。过期了,我们换一个,再再新写一个。啊。不能为空是吧,把消息给加上。哎,第二个参数是支持这个自定义消息的。再来提交。验证没问题,接着传一个头像。参数。头像啊。一般我们存的也是。啊,上传到oss之后,存到OS里面的那个K,我们不存域名啊,但是这里为了测试。
05:07
所以我们先存一个域名。找一下。我们的随机域名的那个地址。啊,使用这个地址。头像。你看用什么尺寸啊,200乘200就行了。来听一下。更新成功,去刷新一下数据库。哎,更新成功了啊。那接着我们来看一看用户的详情。Get方式。加上认证的消息。
06:00
啊,这是我们用户的详情对吧。呃,没有头像字段。是不是,所以我们要去修改一下。Transform。因为详情这里,你看我们使用的是这个优色的这个传刺form嘛,是不是,所以需去管一下它啊,同时把手机号给加上,我们之前是不是还增加了手机号的子弹。啊,头像也给加上。头像啊,我们还要把它处理成链接,再加一个头像杠ul。啊,这个时候用我们的辅助函数OSSURL去生成一下,就是连上这个域名就可以了,如果有域名的话会直接返回。好,再来看一下。是不是这样的?啊,哎,这样信息就完整了。用户头像上传。
07:01
啊进行更新,这样就写完了,上传的话还是呃一样请求我们这个认证里面。请求这个认证里面去拿到阿里云的talking去进行前端的上传就可以了啊,所以我们不单独写上传那篇。我们只是说你上传完之后,你把啊阿里云啊存到那个文件的K,你传给我,我来给你更新上就可以了,我来给你更新到这个用户表里就可以。接下来呢,再做一个优化,就是我们的首页数据来看一下。没有这个路由首页数据我们改成index了是不是。商品我们之前通过属性修改器给他修改了卡杠URL是不是啊,但是我们的。轮播图是不是没有处理?是不是这个里外就没有处理,所以接下来给轮播图去。嗯,加一个修改器让他也能。返回image-URL。啊,一定要有隐卖这杠U啊,因为这个的话,我们存在一般都是呃,Ossr轻流云这些云存储里面的K不存域名啊,所以我们要能返回一个带域名的一个字段,让前就是说前台前端直接使用。
08:14
找一下轮播图的模型。来。啊,Get image URL。At吹表啊,如果我们只是这么去定义的话呢,只有在访问的时候才能触发这个修改器,所以我们可以有一个嗯,好,T属性直接追加,这样每次请求这个数据都会有这么一个额外的一个字段。注意我们不管是访问还是居家的字段都是这样下划线的形式,但是在函数里面,这个方法里面我们要用透风啊,前面是get,后面是这个,这一定要都是不用错,然后我们return,谁呢?Return。
09:03
啊。经过oss处理后的一个链接处理,谁处理do this this这个模型对象,它里面的image清楚吧?啊,把注释写写啊。追加额外的字段。这是对应的字段的修改器啊。来,我们再来访问一下,看一看。哎,是不是就多了一个这么一个属性啊。这样的话,我们首页数据就完整了,之前只是加了商品的轮播图,这块都漏掉了,然后我们在这里给他补上。好。啊,这节课主要的目的是完成更新用户图像的功能,也完成了。
我来说两句