uni-app云开发实战---day2---搭建项目(中)原创

哈喽小伙伴们大家好，诶，我是代码哈士奇，上个视频呢，我们好像就是。转合到了这个样子对吧。那我们要实现什么呢？呃，我们我们把这个页面给完善一下，然后就是我们不可能一上来就登录对吧，也不可能上来一上来就是啊，展示我们的个人页面，所以我们要把这个给重新给排一下，对吧，就是。怎么排呢，就原先的这个这个首页啊，肯定还是要首页的，那我们这里呢，要要再创创建一个什么呢，创建一个那个user center。嗯，看一个U侧分测吧，就是用户就是。呃，目前我我先创建一个目录哈。新建一个目录。叫油菜、生菜。为什么呢？因为我们的，呃，这个登录哈，还有就是这个页面展示啊，还有就是。

别的就是和用户有关的，我们都要放在这里，对吧，那好，我们在这里新建个页面，新建个什么呢？新个。啊，这个就是我的嘛，或者改成个人中心对吧。那我们这样创建就好了啊，我们把刚才那个首页那个代码给复制过来哈，就是原本是他的这个页面，我们给他复制走啊，那剩下这个呢，跟我们可以其实给它都给删掉哈。呃，我们我们这个还有它要写成嫩的手印。那我把这些都给它删掉。那好，我们这里原先的样子就变成这个对吧，对吧，啥都没有啊，只有这个手绢和这个登录，那我们这个logo呢，你们可以自己在网上找图片，我们用的它这个官方的logo，你们可以去阿里矢量图找一些图片，好我们继续。然后我们把把呃，我们这个呃，创建好了，这个人创建好那个。

个人中心首页对吧，那我们现在呢，还有一个就是把这个登录也要给移走啊，我们把它剪切一下。啊，移到这个，这个有森特里边。呃，然后呢，你可以看到这个喷剂4.s，呃，喷剂4.s哈，它这个登录哈。还是原先那个路径对吧，那我们这就要改一下了，对吧，把这重复经给复制一下啊，那我们登录它已经不放了，对吧，它已经变成这个了。不好意思说错这个啥了。就是原先的登录对吧。啊，我们那个。改一下。改成这个u center，呃呢，你看看他就是还已经找不到了是吧，你看为什么呢？因为你看我们底下写的这个还是原先的那个logo，原先那个径。那这里呢，我们肯定要改成什么呢，改成优森特就是on对吧？呃，为什么呢。

呃，因为我们也是真的就是改成我们的那个个人中心嘛，所以我们把这个登录也要改成个人中心。好可以看到这里，我看一下这个这东西是这样的，对吧。啊，这这个。我们还是没有取消什么呢，就是我们新创一个页个人中心，我们也讲过啊，就是我们把这个首部导航条给他。去掉就是它默认要是给消失这个这个因为呃，我不知道咋读哈。就是可也可以去查看文的，好那是这个样子了是吧，那我们没有登录的时候呢，肯定是不能展示这个东西的，对吧，或者展示或者这里告诉他啊，Sorry，有没有登录这个怕我们改成你没有登录不显示对吧，或者你直接不显示他就进来啊，直接让他去登录。那我们这里呢，呃，改一下哈，就是我们登录判断依据是什么呢？就是要看看有没有这个ton或这个ton是不是过期了，对吧？啊。

这个这是我们上节课封装封装的那个，呃，云这个云函数请求是吧，请云函数我们简单的封装了一下对吧。啊，还有就是我们还要再封装一个东西，这里也是啊，有的有的有些你可能用不到哈，有些你可能用不到，就是我这里写一个写一个什么呢？写一个看看命名为什么好呢。啊，新建一个目录叫错吧。啊，这个自己取啊，我这里起个特，然后这里我们新建一个，呃，电子文件啊。我们来看几个东西，呃，看这个API啊，首先这个API。看到这个。路由跳转看到了吧，这路由跳转。然后呢？啊，他可以这个。

把那些页面添到某个某个页页面对吧，是我想的是啥吧，就是给它再次封装一下，给他加一些东西，就是让他那个。反正可以判断，其实也是在我们那个。我们写单个写的时候也是可以的。啊，我我这里再写个它，它其实也是一种方法，可能就是也不实用，我也不知道实用不实用啊，啊，我这样写啊，嗯。呃，写一个简单的等于什么呢？等于这个。我们要把这几个给重新整合一下是吧，首先把这几个给。过来。这个Switch case，我加个手机kiss啊。这个等会，这个等会等会再写哈。然后。也不用写地方，它就这几种不用在写啊，所以呃，我们要实现什么呢？就是在我们这个软之前，让它加一个判断啊，比如说我们要跳场的时候，判断是否遭弄。

啊，这这里我们可以写，我们可以封装一下，封装成什么呢？既然写成APS，那我们就不改了啊，那我们就不改了。我们这里什么呢？你看哈，我们之前不是说这个字段存储的是UN ID token吗？UN ID token对吧。那我们完全可以就是切个图看一下对吧？呃，我们可以看到这个，我找一下那个云函数啊。可以看到我们这里是有那个。Get对吧，其实这个get user。也也不是说get孕妇就是只要这些，他要这个。请求的对吧，就是他只要去这个不是这些。

放通的他都需要进行一次这个投课校验，对吧，其实我们只需要的是什么，我们只需要是这个投恨校验对吧，就校验一下看看我就是否是否生效对吧？那这样我们直接可以调用云函数的里边那个根get，它有算预，因为它就只需要一个头，对吧？那我们怎么写呢。呃，然后get user for对吧，这个内幕是什么呢？内幕是。叫user center对吧，User center。然后这个非常的。Action叫什么？我看一下action action是。啊，它有应该是就给，然后把那个给复制过来。啊，这个呢。啊，我同样的参数啊，就是我们。好像没有要没有要写的参数对吧。

没有要写的参数。看一下这里。呃，我们这里还可以，就是加一个加个判断啊，就是如果这个它是空的话。那就是它存在不存在，或者他不，如果它不存在的话，如果它存在的话，肯定就是它本身，对吧。那如果它不存在的话，那就给它变成一个值啊，对吧，那我们同样的把它上传一下。主要是我之前没写，忘了上一次写到哪里了，还有点懵，嗯，就大家继续写。然后这个盖右侧云封呢，呃，我们就这样写好了，对吧，看我们云函数也上传完毕了。然后这一步就是来判断这个是否那个。就是否是否还有效啊，当然你也可以用切图直接写，那我们这里就用酸与否，那怎么写呢？那我们要判断这个，呃，is.result对吧。它是不是等于零，如果它是零的话，不定调验成功，如果不是零的话，肯定是校验失败的，对吧？啊。

我姐呢？啊啊，肯定等于零，再成功，那就是失败，失败的话肯定不能跳转，对吧，肯定不能跳转啊，其实这个呢，我们也可以不用这样写，我只是给大家这样讲，那接下来我们写的什么呢？其实我们要写一个别的东西啊。大家这样讲，就是我们在跳伞之前呢，可以因为一次这个。福建复课这个还是要写在这个。这个SDK里边啊，我们还想写到这边，这边比较好。我们怎么写呢，因为我们这里已经服装好了，对吧，所以我们怕那么费事呢，是吧啊。我们直接写个七可，七可这是他要头，然后然后这里呢。嗯，我们直接调用那个。

AQ，对吧，好。同样呢，我写成YNC哈，啊if这个。那个is。他要执行IQ对吧，IQIQ什么呢。什么都不需要传对吧，它会自动携带这个有那ID toke，如果有的话，如果你没有，没有的话，肯定教练不通过啊，对吧。那就这样写啊，写完之后呢，我们一下啊。Is点为什么要写is.code也不是is.result因为我们这里算是result。等于等于等于零，所以呢，转。返回什么呢？返回处对吧，否则的话就返回。非行，谢谢。那我们这里就是写好了这个这个切割头啊。

嗯，而且还要写一个，就是我们需要写的，我给忘了，就是我们因为是get user对吧。有这个。那是我们肯定是要写的。所以我们这里就相当得跟他要求孕妇能。一能获取成功肯定是那个ton，不是ton是存在的，失败肯定是不存在的，对吧，那好，我们继续。怎么写呢？那我们还继续刚才那个。我们这里呢，要需要两个参数啊，一个是就是我们原来的就是它这个参数啊，我这个它就是它知道吧，就是它乘进来，还有就是我们要可以写一个什么呢？可以写一个方式啊，我们可以传方程进来，我们可以让这个。也判断一下这个分是不是有，如果没有的话，有的有，有的话就执行方，没有的话就是我们就让他。

等于就可以了。然后。继续写啊，继续写，继续写什么呢，就是。我们要这个。对，因为我们是个函数对吧，我要这个方执行一下，如果它这个折行成功的话。那肯定是。通过了，如果失败的话肯定不过，失败的话我们肯定不放过他，对吧。那我们就是。如果执行失败的话。就。发挥。然后如果这个。控制它，如果这个这个这步通过了，就是我们自己的判断调试通过了之后呢，我们就要判断一下这个。在power前面，同样我也加一个X。

就是。Fish action。这个X呢，就是判断我们调用的是哪一个哈，就这些。啊，如果是。这个那个图。啊，我们也也可以写成那个六个图对吧，当然你也可以写成一哈，这个我们也就写成一吧，啊这数字一啊数字一。Come back。然后那个P2。总有几个啊，123。1234。五六。123456对吧，总共六个。哎，我其实我觉得这个拜克，呃，先不行，我们先不先不封再封拜啊。二。

三。四。哦，然后怎么写呢，随机我写好了是吧，这个APS我们也写好了，那就这样写，然后。啊，还是同样的这个，那对吧，那。那等于什么呢？啊，我们要把这个泡沫传过来。还有那个传过来。他执行的就是。APS。Function。然后还有就是2345。2345。啊，这个S呢，我们也可以写，也可以写，都改成这些。嗯。

对，二的话肯定是他。说的话是他。哈，是他。嗯，我的话是。我们说好了不用的。一大爷，我们也不用了，玉也不用，那我们就给他四就可以了。6724啊，1234啊，这个还根据这个改哈。就是我们。也可以不要不这样写，这样写只是为了统一这个那个官方看看的像对吧。就是如果你这一部分是完全没有必要的，也是完全没有必要的。

啊，我们以前这几个。你来。还有什么ID，还有什么。IELAUCH。然后最后一个是这个。加就不需要，其实只是简单的改造了一下那个，呃，官方那些东西，其实我们加了一一个这个步骤其实很麻烦对吧，但是其实这个不用加，我们在运行的时候跳转一下就可了啊，我们。这步写好了对吧，写好之后呢。我们要在这个慢点GS里面注册一下对吧。叫什么呢？叫AP。然后这这里呢，我们仿照一下这个写法。

啊，这就那个相当于啊，引入引入他了啊。把它关掉，可SK选好了你再接着。全部关掉啊，我们去写我们的页面继续。首先那个首页对吧，首页我们可以加一个什么呢？加一个首先我们不管啊，这个资讯等会我们再做。我先把我们这个。我们先把我们这个。这个发展中心的这个页面要给给给搞一下哈。啊，首先呢，我们是要那个获取一下，呃，当我们进入这个页面的时候，我们是要获取一下什么呢。

就是。一下个人信息对吧，当然我们你看刚才我们写的啊，你看我们刚才那个。SDK里边写的这个。这个是很明显是调用个人信息的是吧，切克头其实也是获取个人信息的，对吧，切克头，那我们就切克一下呗，这就是还是这个类似点切割头对吧，我这里应该是应该在这里写一下啊。他说他。叫什么叫IQ对吧。我们先可以打印一下，看看是啥哈。Is not，这个是59号，看这是什么哈。

哎，啊，应该是上一次写的那个比较马虎的啊，上次我们没有做测试哈。就直接那啥了，然后可以看到他是一个promise对象是吧，Promise对象的话，我们可以给他写个字也可以也可以也可以阻塞他，阻塞的话就要在这写写这个对吧。我们再看一下is是什么。I had饭。这个可能是我们的云函数。我看下这个七克头克。SYNZ。

我换一下我这样写啊。Promise and find，其实那我们看一下这个网络请求，告诉我们这里是这里基本上就是语函数错误了哈，就是云函数有问题啊，因为我们上节课。视频啊，写完之后也没有测试对吧。如果你想知道具体哪里错误了，很方便的一个办法就是很快的办法，就是打开控制台。有点热，头摸摸呢。可以看到云函数这个函数列表里面，呃，这个日志啊。我们可以看一下。来告诉我们这个深圳SM扣子这里出问题了，那我去看一下啊。

啊，是。一百零五行。看看这里没有钱这个玩意儿啊。就是马虎。我很马虎的，平常。那这个时候我们再刷新一下，看一下。总会再出错的吧，查询一下。可以看到，我们还是又出错了。选完之后没有测试啊。肯定是有问题的。我就发现一个。老是忘写。

好，这说是我的麦，我们来看一下。看到这里是feels是吧？切克头呢，是切克头，他还不是真正意义上跟他有所预报对吧。我们可以完完全仿照他，仿照一个他写一个。呃，你当然也可以呀。他失败的话就是非有那成功的话，那我就直接返回什么呢？我就成功，他就直接返回这个。I即可。喂，我们也来看一下这个R是什么东西啊？是看是的对吧，I不是零，那是代表我们是没有登录的，没有登录的话我们就要判断了。我们就要改改代码了哈，就是我们这些页面这些东西都不要，肯定都不显示的，对吧，是吧。

文泽，这个。因为不敢首先呢。同样这里是pic对吧。PC我们不改，就是我们就当全当默认的头像了。这个昵称呢？呃，由于我们这个大家看一下这个。PI里面有一个是有。可乐里面这有一个有那ID用户体系啊，我们看这个获取用户头像，获取用户信息啊。获取用户信息啊，无论是这个根据token获取，还是还是根据这个UID获取啊。他这个message详细信息啊，我们都是要看的，对吧。嗯，我觉得是user的哈。我看一下我是写的哪，写的哪一个。

我是拜托获取的是吧，拜托获取这个信息的。欢迎。获取用户信息。看下这个返回的不全是吧，它上写的不全，等会我们来试一试。这我们先写一个尼克内蒙。先不写啊，我还是先写什么，先写登录吧。我先把登录写完之后，我们就可以登录了，对吧，那这里先在这里先把这个设置啊，指底下给他写个一模一样的，我们给它变成通路啊。我们只是这样写，这里是个灯啊，对吧，那么它点击之后啥效果都没有，那我们就把它跳转到我们登录页面。那我们刚才不是也也那个封装的那个什么呢？APS对吧，完全因为因为我们不需要安全，他没有登录，那登录肯定是可以的，那我就直接。

写一个哈。写什么呢？我有点蔫哈，没关系，继续讲，这是登录哈，我听下。没有效果的，为什么呢？因为这里没有调用加点击推荐啊。给他下吧。我了，我等一下我调要登录页面了，这由于用的是模板啊，我们还需要改一改啊，嗯，我们不是美团。我们需要把这个登录给改一改，他这里是创建美团账号，我们可以可以改，改成我们的创建开叉账号，对吧。然后这个。查查。他说好，那等下的话需要改的你自己改，还有就是还有就是这个微信和QQ啊。呃，这两个东西我们也要改一下。

就是如果登录环境不支持的话，肯定不能让他通过QQ微信登录对吧。那我们要怎么写呢？我们同样来看啊，同样来看这个API啊。就是不是用，那可大师就直接是API，呃，这里面有一个授权啊，我觉得是登录好像是。第三方登录。在这里登录有一个。我记得有一个是豫东路的。不是获取那个什么。嗯，我找一找。啊，在这里啊，获取这个这个供应商啊。呃，H5是不支持的，H是不支持的，因为H5不支持呢，我们也可以看到这个登录。呃，微信登录，你看各种登录他这个UZI2这个五现在都不支持了，那H5的话，我们肯定是直接这个就。

不要了，对吧。我我当然也可以写下，你可以写下看那个会计服务商他是什么样子的。他得交一个。我们把这写成通用啊oo可以试试看啊。啊，我们可以写什么，可以写这个的时候。的。写什么呢？写这个。获取这个这个服务商，对吧，我们把这个。写成。想他的吧。Success。所以我们看可以看到是什么样子啊。

他这个OK，可以看到啊，它里边这个provide里面是啥都没有的啊，因为它是H5，看这provide是一个一个都没有的啊s.provide。呃，如果它是等于等于零的话，嗯，就是没用对吧，其实我们我们也可以怎样呢？呃，我们可以看一下，它如果是有的话，会返回什么啊，它会返回微信QQ。呃，这些新浪还有这些东西对吧？啊这些东西啊，Apple登录，那我们这里就可以直接写啊。我们可以让那个。我挺好啊，就就就就用它就用这个词哈。我们一个参数个数对吧。然后。我们不是微信登录，QQ登录对吧，就是我们可以直接写。这这个点。

Provide对吧。Or protest？等于他那这里怎么判断呢？看到这有微信有QQ对吧，我们可以，其实我们可以预设几个呀。嗯，有微信有QQ，然后我们可以写个一键登录对吧。你在帮我？嗯，我们就很严重，因为我们后后台只写了微信。QQ还有一键登录对吧，那我们这里也有加个一键登录。先看一下效果啊，还是多少一键登录啊，那图标的话还是QQ。啊，我们可以给他改图标啊，你找到手机里面。记得有图标哈。错标。有很多，这个好像是。QQ feel。那个QQ。

嗯。我好像记得不止不止这么多图标啊，不止这么多图标的啊。那我们先。QQ试试看。还是QQ吧，先让他这样，然后怎么请呢，就是这三个啊。给加判判断条件，呃违对吧，等于什么呢？就是我们这个provide词里面是不是存在着一个。嗯。书存就是。微信的话可以看到。微信的话就是微信对吧，就是微信。就是不等于负一的话，说明它是存在的，对吧，那同样的话。嗯，我们的QQ也是啊，QQ他是QQ对吧。

不等QQ的话就让他存在。然后这个。它就是一键登录对吧。啊，我醒来之后可以看到这里啥都没有了，因为我就就不支持这个环境。所以这三个你就不用管哈，不是这个环境。然后这里呢，可以看到这个登录账号登录它是没有。他他这个页面只是一个页面哈，就没有做对吧，那我们同样也可以改一下啊。啊，密码登录呢，我们我们可以加个什么呢。我们用VF可以切换啊，再加一个。Mobile。Is more。Is by mobile。首先呢，我们改成数啊。现在大家不都是用主号登录对吧，然后底下改成个user name。

嗯。啊，就直接就直接这样写就可以了，一个不。就可以就就可以判断了，对吧，那这里我们还写一个username哈，然后其次是什么呢？其次是这个。Password。我们等会儿账号密码登录的时候用哈。这里呢，我们可以改成什么呢，这个。V-F等于。Mobile对吧？就是手机号登录，这是完全可以显示的是吧。然后看到我们如果改成那个非的话，可以看一下就没有了，对吧，那那怎么改。我们可以等于就是让这个。脑包等于肥猫不好。直接改成field就可以了。点一下还是没有了，对吧。刷新一下。然后呢，我们可以反了，他再写一个哈。

再写一个什么呢，这个这个是改成。这里改成什么呢？改成那个手机号登录。手机号密，这手机号验证码吗？就码登录。这里可以改成遇到问题也是这样，这个遇到问题你再自己判断对吧。啊，这个时候呢，我们可给他加个飞吧。这里可以看到。账号密码登录这是写好了，但是他这个东西上面一个没改啊，那我们就需要把它改一下，发现登录美团。就说手机号这个type number我们改了，改成这个user。A。这个改成优酸内幕。请输入用户名对吧。名或者什么的，或者手机号。

或者邮箱。然后这就写好了是吧，我把它写少一点。放大一点，给他弹过来，给他回收过来。看到这里就变成这个输入这个对吧。这个我们也肯定不让他展示了，是吧，因为我们就。嗯，用户名密码登录嘛，我这里再还要写个input对吧。还用它这个样式啊，我们给它改成password态度。然后这里改成pass。有时候。密码。好，可以看到是这个样子是吧，这个获取短信验证码呢。他这里其实是。太也可以看一下。Comp它是一个什么呢？它是一个对吧。

他就是看看这个好像是是不是输入了，如果你输入，你看这电话号码，他这个判断就是电话号码是不是输入了，呃，输输入之后呢，你可以看到。我们注意就亮了是吧，现在就是变成温静了，把它开了变成温就是。就我也不知道是不是让读，我不会读，还有亮色了，亮色了对吧，那我们我们也可以判断，其我们这里也可以用这个。我还是判断。但是我们。嗯，早上的不占判断法。啊，好吧。不好看，我看他这里，他这里。我们也可以写个style，我试试看啊，我们也把他写个条。这个我们inputs我们加个S啊，为了给区分开来哈，因为我们这里不是获取条件嘛，直接去登录对吧。我们这里是登录，然后。Health。我们也这样写。

其实你我们直接可以直接复制他的。完全可以的，就是。如果这个腰酸，内部上。有的内，呃，这个写什么呢？且那个有内不等于空，对吧，不等于空。那个爬。他也不是空的。那。我们就可以让它颜色变化是吧。他这个是健康码存在的话。你看这里写的这个空啊，我们其实也可以这样写。试试看啊，试试看。Both。好的。好，该变化了是吧，那我们也可以这样。啊，对吧。你也可以把这两个根据给根据给他，就是写一下啊，比如说我们这里不是还有就是这个太长了，你当然也可以把这个。

我看他这样式啊。这个样式。把丁。啊。三百五十一百五十这个太。改250吧，这个。就先这样吧，然后我们这个。密码框，呃，这个手机号密码框，我看看这个是什么样式啊，保存包上面。有这样式吗？没有我们，我们可以写在这里。他这里好像是写了个音不不管他其实我们写卡，我们写一个麦金top。22。

太大一点，散开了一点是吧。那这里的遇到问题的话，就让你自己写了好，我们这里就已经完成了这个手机号那个密码登录。这个只是个样式啊。然后我们就要写这个逻辑了，是吧，逻辑啊。我这里好像是没有封装这个注册的，对吧，那注册我们就等会直接自己写啊。我关掉他。关掉。看一下这个东西，呃，我们还要就是打开这个有view的。有没有的这个图片啊。啊，我们要用的一个东西啊，它那个GS里面有一个。MD5加密啊，这个MD5加密，如果我们用表单的话，我们其实也要写这个表单校验的，表单校验。这些东西你可以自己看一下，我们先用MD5加密，哎，我们这个密密码写完之后提交的话，首先是要这个M第五加密一下，对吧。

他是这样写的哈，我记得是。嗯。我们也可以这样试试看，他需要手手动匀铺的啊。我们这里写一下试试看。MT5对吧。因为我们那个提交的时候啊，提交的时候。他这个，那我们这里给他改一下submit。忧吧表示这也是我们通过这个。嗯。通过我们这个。用户名密码登录对吧，他这里就是。它它那个是跳转到这个路径，就跳转到这个验证码输入输入页面啊，那我们不跳转，呃，我们是要加加密一下这个。

啊，密码是吧。我们可以看一下，等下。好那个。对吧。那我试一下啊。能不能加密，真的？看来这已经办理成功了哈。也不加密，就是MD5嘛。大家都知道吗，好。登录，那我们还要写一个东西，就是啥吧，我们还要写一个。呃，注册对吧，我们需要写一个注册。嗯，这里写写一个柱子啊。你说我要不要在这里加一个呢，就直接在这里注册呢。看一下样式是这样的。然后这里。加一个注册。

那我在这里直接加个注册吧，遇到问题直接改成注册产生。注册。注册的话。嗯。那个反正写个页面吧。写个页面叫注册。好，这是我们写注册。啊，我们这个注册加一个跳转啊。勾。怎么写呢，我们要这个转到我们的这个注册对吧。UR。等于说呢，等于这个注册。

我们可以看看到这个。注册对吧，看到这个页面了，那我们可以来完善一下我们的注册页面。这个就欢迎登陆美团，我们也给他。欢迎登录美团的改进，欢迎登录叉叉这个自定义啊。让你改掉。然后这个同样的，我们这这一套，呃，也完全可以。把它复制掉对吧，复制掉到这个注册里面，还有这个页面，我觉得页面不挺好看的吗。对吧。那这有好多东西我们都要改了是吧。我觉得应该就可以了。然后把这里呢，这个。你给它改掉，还有就是这个我们也保留，保留这个input。还有就是。这个也删掉啊。

这个需不需要了。这个很明显也是不需要了啊，就是这个QQ这一块，这个登录这一块。我们这个动力改成注册。我们可以看到这个注册什么样子的注册，这mobile我们先不用管。我们要改是吧，呃，我们把这个删掉对吧，好把这个删掉一个，我保留一个，这个it就不要了。然后就改成欢迎注册。按住他。然后这里要用什么，要用这个。是吧？他的是右侧内幕。请输入用户名。好。然后同样的，我们给他复制一份。

先输入密码。那这个就写成对吧。这个也可以删掉。然后这里给它改成总注册。呃，但是我们这个就很很很那啥是吧，很少是吧，这个样式有问题的。我看能不能改改啊。Bottom。啊，先这样吧，我不知道是哪个钥匙，还得去找。

看一下这个就是已经没有了，现在是注册了对吧。啊，这个这他我们肯定要改啊，他还是防着我们这个。对吧，它这个。谢谢。呃，然后我们就要提到一个东西了，叫表单校验哈，就是。看这个规则校验里边啊，它这个它内置的一些校验规则。看看这些。是不好。这个就是快速校验，是不是某个参，是不是URL，是不是手机号。啊什么的，对吧，是不是结算字符串。啊，是否是数组啊，那我们可以看到这个组件里面有一个表单啊。然后表达可以看到它这底下是有表单校验的哈。可以看到是吧，那我们这里用的是表达。不是他是他一个模板，这是我们可以改，可以改掉啊，可以看到这个。

我不直接拿走用哈。感觉自己白改了半天是吧？还好了，把那个微放，我们就这提用提用提用成微，呃，那个表单哈。再赶上没卡。还好。把它放进来，然后这每一项都要改成这个。We item。同样后面也要加。啊，不是。后边还有还有一个什么，还有input对吧。这其实我们可以不用啊，因为我们有那个提醒对吧，默认提醒。不知道，该给信了。

哎，然后呢，这个。嗯。其实这样就好了。看一下效果。还是这个样子是吧，就只是在表单里边了，看到了吧，只是在这个表单里边了。那接下来呢，我们要用这个表单的这个什么。啊。是规则校验是吧？Label。啊，我们我们也把这个变成一个表达，一个表达的参数啊。这个原先能放吗？怎么写的。我把这两个给。放到这里。再把个绕了一下。那这里呢，我们就要改了啊，改成什么呢？改成那个。

方木甲是吧，方甲。But user name。校验。它这个里边没有表达校验的，我给你看底下的，我记得这个有表达校验的。泡是需要用到这个泡泡的，看能看到。对，泡泡看了吧，就他哈。就是我们需要。有港。直接改成有感硬铺子。就是你看我们这个卖一个这个IM啊，就需要加一个泡泡。一个我们是决内容对吧，这个这个是为什么，千万记住啊，这个泡用的啊，就是我们什么，就是我们同时表单表单校验要对应的啊。还有什么的pass啊？所以呢。规则我们给他复制走啊，给他复制走。

我记得他好像是有一个那个。那个模板里边哈，可以看到这个模板里边哈，嗯，如果我如果你想用这个模板的话啊，你怎么用呢。我给你找，我给大家找一下哈。这个提岗位啊。那其实我用平常用VIVO UR也也都是复制啊，这个page剂里面啊。找老师看到表单了吧，这个。我可以看到很多啊，包括这个。姓名性别密码和确认密码，看到可以看到了啊，其实我我我直接把它把它拿走用也是可以的，但是我们不拿走用啊。啊，这里呢，我还要加一个什么东西呢，加一个确认密码对吧。嗯，可能VV吧，V多对吧，就这样写。没干法，SW。

输入密码再确认吧。请确认密码。设置密码之后啊，我们这里也要写加一个对吧，加一个V杠。At what？然后这里呢，我们也要改对吧。对吧，这题就可以了。然后呢？可以看，先看一下效果。有条name是我刷新下看看。是没有错的，因为我们已经改过了，对吧。然后这个表单的这个字段哈，嗯，它这里边可能可能你有时候你看不懂哈，这样写的啊，它这里边是有一个什么呢？有一个就是自定义叫假函数哈，就是role or will和com back，就我们可以看一下这个它这个password里面哈，你可以看它这个password。

他有这个，他他有说这个异步教教特点。你找下这个password。看可以看到这个pass word哈，它是它是这个require是必须的，Message是这个请输入密密码，如果你没有输入的话，这个是就是当这个输入行改变啊，或者就是获取或者是焦点的时候，它会触发。然后同样这个就是字母，字母需要什么，然后需要在什么程度之间啊，我们等会给他给他拿走用哈，这个同样是的，这个就是自定义校减规则哈。就是。返回这个值就是它它当前它这个这个review就是你的值，然后就是判断这个是不是等于它这个写的model，其实就是我们对应那个表单的form哈，是不是等于这个这个密码哈，我们也可以直接拿走用这个。叫I是吧。

看看这个是。规则肉咋写啊，Rus是吧？ILS，我们也写了is啊。可以看到我们这个password和这个password，就我们这里是这个password是吧，Password。我们可以就是让他判断哈。我那个表单呢，就是。是不是一样？如果不一样的话，就他会告诉你就是不一样，如果一样的话，就是一样的。啊，还有就是我们还要我们的这个用户名再加一个交接。等一下我看一下啊。

我应该是没有输入错的。不好意思，这个肉是一个对象啊。然后我们还要就是输一个username对吧，Username username我们可以也可以就是啥吧？嗯。所以呢，我们要写一个，我们可以抄这个密码的啊，请输入用户名，请输入用户名对吧。然后其次呢。它要要同时包含字母数字，这个其实我们也没有，呃，这个。就是。怎么强调的规定啊，这个我们就不规定了，如果你要规定的话，你可以参看参考这个写的就是再写一个哈。然后我们就直接写什么呢，可以看看他这个请求哈。

也也也有说好，这里有，这里有说那个。呃，异步请求啊。嗯，找一下。这里有一个义务请求啊，就是。我们也可以，我们我们我们可能会用到他，我要给他拿走。啊，这里呢。一这个一步我不我我我们不按他的写啊，我们我们要怎么写呢？我们等会儿就是用户名，我们要叫减一下对吧，我们叫检我们的用户名是不是那个。啊，就是对这个这个。在我的游户名是否就是已经已经被人使用了，已经被人使用的话肯定是不行的哈。这个。我想一想哈，嗯，我们在云函数边余函数里写吧。我们也可以跳过这一步，就是时如果如果注册注册失败的话，用不用已被占用也也是可以的。

这个我们就不写了，如果如果你在云行里写了，比如说从这个UID。用那ID。ID这个杠，Users数据表里面就这个。数据表里面。你通过这个数据表里面，比如我有一个用户哈，他肯他用户注册肯定是有是有邮箱内的，就算你通过手机注册，他的那个邮箱内有手机。啊，你你你就可以就是。那看这U内是否存在，如果如果这个U内已经存在了，它肯定不能注册是吧？这这这是那个对这个U内是否重复的一个条验啊。啊，我们这个又写好了是吧，写好怎么用呢。他他告诉我们就是必须在这个里面这个。我们直接给他复复制过来啊。在它里面里面我写一个。

的生命周期。他是这样写，就是阿的生命周期组件可能尚未创建完毕哈。这个这个这个为什么要是这个二子油杠瓦峰呢，看可以看看这里写的。他这里好像是没有写的。这里写了啊，就是油杠分母，就是它的iff啊，我们这里是什么呢？我们这里好像是就是油杠分，所以我们这个交减规则已经完成了啊，我们试一下啊。啊，这就已经完成了是吧，看到这这里底下有提醒。那好，这就完事了。哦，好，还清不掉呢，还。

在这我我把样式再微调一下啊。啊，那这里就是。三个必须要都熟。才可以点点的话。等等我们点注册的时候呢，我们还要进行一步，就是再就验一次这个表单啊，这样一个表单就是出现他这种情况了。就是有的表单它是空的话，它也可以点的话，那你就要出现选一次是吧。哎，我们这里不是要进行注册吗。S等于。注册。描述写注册了对吧，写注册写一个。再看。

注册我们是肯定要调用于函数的，对吧，我非常好的IQ，然后还有就是我们要再进行一次校验啊，我记得我看他这里怎么写的啊。啊，就是这个，他再进行一次校验啊校验。我们也是同样的，就是进行的教研，教研成教验该成通过，失败通过的话，肯定就是我们。让他就是往底下走，就是用我们注册，我们注册我们之前说过，我们要写这个IIQS哈，叫IQ。我们要自定义一个对吧，IGS。TR为什么选ist tr呢？呃，可以看到我们这个。在约翰照里面。他就是他这个注册啊。就是IT啊看到了吧，就是action，然后我们需要这个用户名和密码，对吧，我们需要用户名和密码。

这个这里这里哈。我又发现一个写错过去写错的东西啊。所以不是注册的，这里应该是登录的。他会有这个。多少？然后我这里继续写，他还需要什么，他需要一个用户名对吧。还需要一个密码对吧，那密码的话，我们需要就是加密一下对吧，MD5MD5对吧。MT5。看到我们刚才刚才这里已经测试了一遍。MT，对吧。就是。这个是由此。啊，硫酸内是有点是类似点酸内。给pass了呢？啊，我们要对这个U04角错的进行分密对吧。

啊，这个写好了是吧。嗯，看一下效果。我试一下啊，这是写一个注册是可以注册是吧。密码写成。还是第一。我们等一下注册。看一下。你看到这里是没有那个。没有调用成功哈，没有调用。我来看一下啊。

等一下我那个重启一下啊。这个网络请求不是网络请求啊，这个函数就没有完全没有用啊。他在这里。难道不是天吗？写的不一样吗？我知道了，我知道为啥了哈，抱歉。

没有看到前面那个太怕了。要看这个安泰吧，这个我们可以改成。还是触摸太不是触摸时间吗？放到这是一对吧，这里注册这个用户不存在，呃，这个。为什么会会成这样呢？就要看我们，这就是我们的傻屌操作了啊。这个这个是这这两个玩意儿写反了哈，我才意识到这两个玩意儿写反了。我怎么不对劲对吧。好，我们来试一下啊。那可以看到我们就是已经注册成功了哈，我们已经注册成功了。啊，这个一呢，我我找一下这个一，我给它删掉啊。这个其实我们按理说注册成功之后啊，我们可以看到这个获取的东西啊，这个是is对吧，我们需要把这个token和这个token express给存一下，那个我们存一下也可以。

我找到这个可的STK这里面哈，可以看到这这两个东西对吧。是ISIS是的，那我就把这两个东西给存一下。啊，由于我们已经注册过了，但是为了那个啥哈。就是演示我再注册一个。给大家看看一哈，然后这里呢。把网络给删掉。把这个存储啊。之前都给删掉。这个对吧，哈士奇。好了，嗯，我这里注册一个代码哈士奇一哈，代码哈士奇一。看有没有爬氏奇。也可以看到注册一下。

六个一，然后我们再看这个存储，就是你看这个东西已经存下了，看到了吧。就token那个用那个N了，就是通过那个。那个给可能老百姓给删掉，不让他打印了，这我们这个注册就时间已经完成了是吧。中的世界完成之后呢，我们来看那个登录。登录的话就比较简单哈，登录的话我们就是。啊，我们。现在登录我们使用这个密码登录，密码登录的话。只需要由他内部发做的是吧啊。然后这里呢，嗯，我看一看。但是本来我们要这个是。听了对吧，我这个先改一下这个这个这个已经改过了，其实这触触魔瞬间也是可以触发的哈。那我们就直接写吧。

IQ，然后他是什么呢？他是登录对吧，他说他说呢。人参间有内幕？还有就是怕错的。我们要加密一下这个PA的对吧，因为我们注册的时候是加密的，自动的时候肯定要加密一下对吧。啊，这里我试一下啊。这个艾斯能不能打印啊，因为我们这个马哈士奇对吧，在马哈士奇一。呃，用户不存在。啊，我知道为啥用不存在代码H这样。看一下就是已经登录成功了，可以看到了吧，就是我们这个有我淘宝执行的。这是是新的，这就不大家看了，因因为他之前那个啊，不对，这不是新的，抱歉，因因为我们我不以后了，因为我们已经写过这个，我们已经封了，封过这个log了，对吧，就没必要再写，你看可以看到。

就是这部有我们已经就是封装过一次了，没必要再重新写一个哈。难道我们再试一下呢？我们把这也删掉，这也方便看。可以看到就是已经有了是吧，就是他已经存进来了。啊，由于我们这个。漏斗的时候可以看到。嗯，不是这个案子，我们我们记得我之前写的有一个。呃，这个。切，Token对吧，切克token。其实我们可以在在这在这个里面。我首页哈。啊，对，个人中心的首页我想想。找一下那个页面对他是吧。啊，可以看到我们这个好像写过一个是吧，安龙泽的时候写过。啊，由于我们已经登录过了，那那我们重新下载一下看看。

他就告诉我们是非。嗯，我这里看一下啊，看一下为为什么是fields。我要请求里面。他告诉我威胁他偷。难道我这个听的不对吗？哈，刷新还刷新没了。啊，这个灯笼，我我我我给灯笼写个事件啊，就是。呃，这个我们给他。让它返回上一页对吧，我让他返回上一页。这个back，然后就是就这样写就可以了啊。可以看到我们写动写动写动了之后呢。弄一下试试看。缓存刷新下没了是吧。

到这里。嗯。告诉我为谁在偷课？UID。看到这个这里是已经拿到了哈，我才发现这里是用请求成功了，是呢，我们由于是用的是这个。我找一下这个用，用的是这个获取无信息，他这个就他就就只能会调这些是吧，那我们给他改一下，我们用这个。用这个获取用户信息，这样就能获取到我们用户信息了，对吧。那我们就要改一下我们这个函数，对吧，对吧。把它改成这个。然后呢，它是什么呢。

我们可以看一下需要什么呢？需要UID是吧，需要UID。那我们这里给它改成UID。看到是个类，是个object类型的哈。那选UID就可以了，所以我们把这个上转部署一下，就是刚才我们回到的这个是吧。太少了是吧。上传完毕了，那我们刷新一下看看。啊，看到这个获期红心成功了哈，然后这个user for，就是我们要拿到的这些东西是吧，看看这个这个包括他这个上一次登录IP，然后这个上次登录的时间啊。还有那些token。对吧，都我们都已经获取到了，说明我们就是这token教也成功了，对吧。执行成就操作执行成功了。那我们就可以把这些东西给填一填了，对吧，这个微信号可能对，我又把它对应成我们的什么，对应成我们的U。

啊行，然后这个这个这个代表我们的昵称，显然我们这里是没有设置的啊。那把这就我们就可以改一下了，可以看到这个格式就是user info，可以看到展开叫它展开对吧，就是改成user info对吧。就要用用就用这个玩意儿用三孕妇。右侧是对象对吧，那我们获取完了之后呢，发现它就是is.u色对吧。啊，有色衣服。我是孕妇。那这样我们就开始填充。这个微信号就是。就像内。那你放点腰疼内幕的吧。我看看这个小写，就这写的。可以看到这这里已经改改过了是吧？啊很明显这个里面啊。

这个玩意儿他还没有改啊，他还没有改，嗯，这个改的，那我们这个昵称是没有的啊那个。好像我不知道这边这里边能不能写这个判断啊，我这也给他写一个规矩吧，就是。梳理一下。

这个我申请需要加一个这是字符串啊，这样我们就写好了啊，是微生置昵称的是吧，看这个微信号也是。那个好了。啊，如果这个。没有的话，嗯，就是不动的话，我们看一下是什么效果。把这个给删掉。就是就是没有了是吧，好，我们这就已经写好这个了。然后底下还有什么可能就是这个头像，我们也可以，因为我们这里没有设置头像啊。我们这里来完善一下这个设置页面吧，就是设置页面。啊，我想设置页面。好，你点个下载设置页面吧。这个视频我们再讲。20分钟啊，这就是作为这个中哈。

这个pages里面，我们这个里面写一个。嗯。OWN。行吧。想听？设置啊试一下。那这个我们点设置的话就有地方去了是吧。那这个时候我们是这个。设置里面。放开等于这个勾。啊，其实我们还还有一个东西呢，就是嗯，就是我们之前刚刚服装那个玩意儿啊，这里这里我先写固特定吧。主要是英文是不是这样写过错题？我们这里写S。啊，可以看到，可以看到，就是我们刚才哈，就是嗯。我记得好像就是刚才写个APS点这个。

踏实吧。他就是和我们那个UI和那个UI那点。嗯，这个uil不是有提醒啊，它是一样的是吧。我们要去这个三页面是吧。啊，你可以直接复制这个的。当然你也可以写那个里面那个玩意儿。就是这个里面的，按他那个写也是可以的。可能我们这个fun is not啊。啊，我想一想啊，就是。这里写一个。嗯，等一下，就是我们之前封装的时候还是也是有问题的啊。我来改一下。我感觉这样应该是可以的。

我们已经到设置了，看到了吧。啊，这波其实是什么呢？这波其实我们可以加，就是加什么呢？就是这个点。嗯，这个叫什么阿姨。这是在IQS里面写的是吧，就是头款啊，我可以直接把这个给传过去啊。所以我们这里就是。我们这个是登录已经是登录的哈，可以就是转回去的哈。这就是我们想样写的，我一开始不想这样写的，我一开始想直接在那个就是可在SDK里边写的，后来想试试试看呗，好像这样写勾三嗯，我们开始希我们的那个设置页面啊，设置设置页面。这界面我们要什么呢？呃，要传一个头像是吧？啊，我的审美不咋地啊，那我们就写头像，那写在写之前呢，我给大家找一个头像啊，就是。

像出价啊，看到这个头像出价了吧。就是头像，头像可以，呃，我记得这个学的话。这里的他是他是他用的就是头像啊。就刚才我说的那个。啊，这里我们用到它啥，就是头像裁剪啊头像裁剪。我们这里先就是可以。呃，想想叫什么呢，写一个。就写一个。吧。没关系，然后这个写个。嗯。上传头像。在上面写一个，在底下写一个吧。上传头像上传头像。然后这个图像。我们让他，我们其实也不能设置的时候啊，也是可以传舱的，传他传什么呢。

啊，想想啊，就是这个。刷新一下，给大家看一下。这个可能没打印啊。就是获取成功之后，可以看到我们这些东西啊。如果我们有头像的话，它是就是会有头像的啊。那我就传，我给他传个参数啊，就是。乘参数查什么呢，就是三。啊，这这个叫AVA对吧，这加什么呢。嗯，S点有色音符点这个。Avar，嗯，为什么要avar呢？嗯，我们可以这里面可以看到列表里面可以看到哈，看到我们这里面是有头像的哈。这个。AV啊，看到这个字段吧，是AV返回的时候也是这个字段啊，头像地址。

At啊，然后。没啥，等于。嗯，好。如果它存在的话，就是我们头像已经认识过了，就是传我们的头像地址，如果不存在的话。怎样他就出船仓对吧，那不存的话就传承呢。你看我们这个。那玩意啊。呃，我们在这个赛里面其实也是可以接收的呀，就是apilo在的时候可以接收的，这是。有APP的东西啊，我们可以写一个OD在那里卡通logo一下。我点设置，我把它删除掉设置。我看一下哪一处都出问题了。

我不瞎试试看啊。哎，这个奇了怪了哈。嗯，那我改一下吧。Do you want to play it。看URLS等于。零二。老是纠结这也不行是吧，因为他。或者就是他。就这玩意儿。把握起见啊，我来看一下他是什么玩意儿啊。

看看就是这个玩意儿啊，就是就是他哈。其实我们传的时候是没有传的是吧。那我们这就让他。这是那个键上啊，就是左上角ec底下那个键啊。ULS。这我们返回啊，就是可以看到，就是这里已经传到了，对吧。那我们可以可以看到的是OBT点。呃，头像地址是吧。我们拿到这个链接了，对吧，这个链接呢，就是我们这个图像链接啊。放个src。那这里我写一个src等于我们也不是，如果我们其实也可以不用默认传参，就填那个I啊，这个src就等于它就可以了，对吧，等于这个地址那就完事了，对吧。

啊，当然你也可以写。的这个src等于它。不。还有就是别我看那删测就是我不应该给他，给他默认的应该是传过来的。这太大太大了是吧，肯定是不行的，那我们就给他加个样式呗。Head。那我就写什么呢，可以让它宽度是呃，220。然后那个高度呢。二百八平对吧。

没有生效吗？然后呃，举动一下对吧。我可以给他写，你可以我说一下这个行不行啊。No。然后我给他上面这个加个居中对吧，我可以给他套一个壳子叫talk will。我给他加一个ta。等于什么呢？等于。你看对吧。这是最中的图像，我们也可以跟这头像加一个就是边框啊，再加个边框。那个border就等于200R。把这图片是圆的啊传进来，然后这个。嗯，边框上包的是吧，包加个什么加蓝色。图片加个平衡不好看是吧？

不加，要是远的就就完事了啊你。二传头像。嗯。这个其实感觉。就算放在中间也不好看是吧，那我们就不加了这头像啊就可以了，对吧。你就这样？嗯，孩子。上传头像，上传头像的话，第一点击这个头像。上海通行更改。更改。不行。那这个时候呢，我们就可以加这个图像图像剪裁了啊，你看它这个用法啊，它。告诉我们哈，首先是要就是。按路径啊，找到这个文件，因为我是NPM安装的嘛，所以我跳过这一步了。

它这个models这个。UI找到这个companies里面的。U啊，那就它，然后复制。啊。然后将它分出来放到那个某个就他哈。那我建议这个一起一起复制啊，就复制复制复制下来。到我们那个center的底下，那个center底下。然后找到此文件，把内容复制进来，然后放到这个。我们共享一下这个我们对吧，然后我们就引入。我们引入一下。找这一个配四点杰森里面啊，老是点错啊，找这个配四点接S。我们在这自己下个写，写进来哈。

啊，是啊。发路径是这个啊，佩斯。肯定是这个page center对吧。Center。看看还有没有，有的话直接选啊，有找到这个了，对吧，这样剪裁啊，我们就给它引入了，引入之后呢。然后就看如何用了哈，他这里就是点一下这个这个玩意儿，它是监听这个发布页面的时间，我们这个发布页面是谁呢？我们发布页面是我们的这个分页面对吧。那我们就要在这个C里面加一个字。在壳子里面加一个。他说这个样式的问题哈，我给大家看一下这个页面啊。他有说这个样式对吧，不是样式啊，你看我找一下看最底下啊。它引入了这个样式对吧，这个相对于相对于这个。

呃，Models这个。相当于它的对杠底，就是说他要找的是这个levels levels里面的。真的。Still count disaster。那么给它复制走也可以啊，给它复制到这个。底下。然后就改成甲杠。可以了，就已经引入成功了，嗯，咱们继续看。嗯，C页面是吧。劳的费用我们给他处理掉，然后我们看一下。Pass就是它返回的这个头像，简单返回的啊。然后我们说我们还有就是。调用对吧，就是调用啊，比如说这个求斯，他这个是这官方写的例子啊，叫秋思那个我们可以不这样写，我们也可以这样写，那我们就这样写吧，啊小秘密不好想对吧。

然后这个头像。哎，图片加一个点击事件。然后呢，我们要就是。啊，也有和那个。卡槽配一下。啊，他这个路径呢。嗯，他传什么参数对吧。这个高度和宽度。这个这个这个路径。你看一下我们这个刚才设置的这个路径啊，就他是吧。那我们重新写一次啊，他告诉我们可以用这个啊这玩意去写是吧，那我就这样用它去写吧。就我要传到什么页面呢，也提啊，就他的吧。那我们试一下看看。啊，突然剪裁，我选一个照片。

好。嗯，我看一下这个它是。呃，由于这个看可以看到介绍他这个好像说的H5是。返回的是这个V64，我记得。二五看一下，刚才好像看到有一个就是返回的参数了啊。稍等稍等稍等一下啊，再试一下啊。H5好像就是返回到这个啥玩意儿。他这里他这里不好提，还有就是一个白色64的。

别就是的参数，我们可以把它背下，我们直接让这个呃选src啊。这里也是不行的。我有点不想用这个H5了啊。哎，不用求用什么的小程序的话。那我们用小程序吧。还没有我自动自动弹开啊。

如果M4打开的话，我们就要找这个了。反正我们就直接。不存在。我看一下我是不是输错了。问一下它的配置。应该是出错了，等下我打听一下。啊，我重新说一下我这个微信小程序的ID哈。热了就已可以了。因为我们。这已经是行了是吧。

我们这里选的是不叫建那个安全域名，如果这要选域名的话，你需要再去那个后台去写哈。可以看到是这个样子的，可以看看一下你那个哦find啊，我没有登录啊这个。为什么没有登录的。那你先登录一下。我们这不是，我这已经登录了，刚才又重新编辑了一下。我们找到这个设置。选个头像。不确定他是这样的。

呃，就是。可以看到这个这个条还有啊。预函数？小程序有预函数吗？就是我们可以看一下那个参数啊。这里是提供了这个。呃，宽。和这个这个还有JPG格式对吧。那我们也可以这样写下试试看啊，我不知道这个呃，可不可以啊。等于它，然后这个。二期的。走一趟。说他JPG是吧。

这个是可以的呀。可以的话就我就还改成那个老样子吧。那个试一下。不行的话就用用它那个官方那个东西传的。可以可以，就这样穿。改改用他这个。还用这个。哎，我知道怎么问怎么回事了，喵的，老是写错地方啊。

可以看到这里，它最近就是用于这个这个传三哈，我们就还是这个传三。除了这个宽度宽高宽度啊，就是这里规定的哈，可以看一下参数，这里有写的。输出图片宽度裁剪宽度啊，对吧，还有这个类型，我们是这里是PPT嘛，呃，这裁剪完之后呢，我我我们我们继续看啊。我点确定之后，它会返回一个临时路径，对吧，这个临时路径。那我们这个时候就可以用临时路径干啥呢？我们可以上传到我们的那个呃，云数据库对吧。

那好，我们继续写这里，我们拿到这个。完事之后呢？我们叫这个对吧。给大家再看这个API哈，就的API啊，这个是云存储里面的。的费用。对啊，需要这个few pass pass对吧，其实我们都可以就是完成。你怕啥？就是pass吧，看这里。然后那个服。Half pass。然后这个。这个上传进度回调就是上传到多少了。你也可以写，弹出一个框，然后转圈看多少。这就是那个上船回调啊。我们可以点底下看，那我们上传图片这里就不写，就不加这个了，我们直接就上传了。

那这里我们怎么取，怎么取它呢？这个用这里用这个flooding哈。然后这里用这个海楼顶，海楼顶。看能不能上传成功啊。你看这里是啥也没有显示的是吧，我在这里。在这里哈。我用的微小程序对吧，设置里面点它。想权重裁剪。嗯，这里上传成功了，上传成功了这个，然后我们就获取这个费ID是吧，因为我们现在目目前用的是这个阿里云啊，对吧。

阿里云的这个环境。这个ID就是我们这个。云存储的这个，呃，就是云存储这个地址哈。哎，我们上传完之后呢，拿到这个地址之后，我们怎么办呢。我们要更新我们的头用户头像，对吧，我们要类似点这个IQ。S。叫IQ，我们可以看一下我们这个云函数啊。看我那个云函数就塞他设置头像，对嘛，就晒他他头像。把它拉过来三天呢。三天放一起啊。他俩。我们要教的是这个这个设置头像对吧，需要传这个就是。需要传一个头像地址，这UID是我们可以它系统在线获取的，对吧，那我们就传一个这个V。他说呢，他说那个。

SI吧。然后那个。在这里，我们就在这里。还老？试试试试看啊，然后这里设置。修改头像。看一下是哪里错误了。The work。啊，这可能是华硕某个地方写的有问题啊。啊。啊，我我去看一下那个空，呃复杂，因为我们第第一次写的时候没有那个。就是没有检查错误啊。

今天有点蔫，就是前两天学校来一跑又交各种表，真的烦人，哎，你不交没办法。看一下啊，这MP微信就是他这个环境啊。啊，188行。啊，明显是这个，我看一下检查一下。那IQ。是是。来我这里吃一下看看再。看他打印结果。哎呀。是这个地址。

That。顺着他这个东西，然后传一个UT啊，还有个UID。UID后期到了。我再看一眼。这是是传的参数。You must。The fire field。啊，我这写的没问题啊，现能没有听啊，我再去看一下这个API啊，看一下API比较保险。是设置头像。

是没问题的，就是头像URL，就他告诉我哪里错了。嗯。Marie。我们暂停一下，检查一下错误啊。哎呀，我真是气死，结果找半天发现自己的一个题目写错了。女孩全不去，我还查了一下是啥问题，结果发现没有，就是自己。但是他写错了，好，我们继续看一下啊。

这里应该是没有问题了，应该是没有问题了，我们试一下，可以看到这里头像设置成功了啊，可以看到测试成功了。因为我们这里也不是这个不是on show，呃，当然如果你想每次进来的时候都刷新一下个人信息。啊，你是也是完全可以的哈，你直接把它改成奥数就可以了。但是25不是不是这个的啊，是那个个人个人中心的啊，一个25可以给他改成25。他每次进来就给他刷一下这个。嗯。同样是设置成功了，但是这个什么。我看看他获取的个人信息里面啊，有没有这个头像地址啊。我们从这个页面来看吧，从这个网页来看。

嗯，我们打印一下这个，呃呃，行行。我们来看一下。也是有VR的哈，V。那这里呢，因因因为我们为什么没有，我们没有看到呢？啊是因为是因为我们没有绑定啊就是。我可以让这个p pic啊，也可以绑定这个。等于z.u four对吧，啊，就是U方点对吧，有时候这个AT不存在是吧，不存在的啊，看它是不是不是是不是存在，存不存在的话，还要就是。他对吧。是的。那我们已经存在的明显是这个对吧。那我们现在来看一下效果。

嗯，改成这个了是吧，这这里的话，因为呃，为什么会变呢？因为H5它是返回的是变六度数距对吧，我们用这用这个。小白吧。咋还没显示呢？可能格式问题啊。可以看到这里也已经就是改变成空了哈，那我们这个头像就已经改好了是吧，头像改好了之后呢，我们要改改别的东西对吧？嗯，可以看我们这个余华老师写的啊。有更新用户信息是吧，对吧，更新的用户信息。我们上次不是写了一个修改密码是吧。修改密码也可以，也是可以，我们也我们也可以加进来修改密码，我们先不加哈。呃，这个视频因为讲的时间太长了，可能大家没那么多信心，没那么多时间看下去。

那我们写这个的user再写一个哈。底下在底下洗更用信心对吧。那把它放在这里啊。我们也把它直接写成一个这个函数吧。User。写一个什么，写一个呃，VIVO就是什么呢，就是。你不咋行。运河代表就是用。用户的昵称哈，我这里写昵称你肯定。然后还有就是他的。看性别吧。和性别呢？看看性别是啥？就是云数据库里面的性别。

分别是他对吧，反正。默认的我们写成它默认是是我们未知啊，默认是未知，还有就是这个。来看那个头像啊，它是可以加这个性别的，还有这个等级的，你等男女还有不显示。呃，其实我们也是可以加的，嗯，就是。可以看到底下这个这个。Six six啊，刚才是曼和乌曼对吧，曼和woman啊，你可以自己自己写啊。如果是你可以看它这个里面不是对应的是一嘛，一你可以让它对应是慢嘛，零就代表500。嗯，那个20未知未知未知就直接让它不显示就可以了哈。在我这里，我们就改这里。嗯。然后呢？

写这个写一个就是你肯定忙啊，我就你肯定。这叫什么P这个。三呢是昵称，那一般都是有昵称的，那我就提个这个修改昵称昵称。那就修改昵称对吧。然后这里。域名的话，我们可以用组件啊，组件这里是有一个。它那个放表单组件里边是有选择器的，看到了吧。修选择器的。是。我看看用哪个比较好，我们用单选框吧，单选框单选框。可以看到它这个代线康，就是按气你的时候，他会告就改变，就告诉你是什么值啊，然后这个我杰杰拿来用啊。现在用。这里呢，嗯，你要是如果不知道怎么用，你可以看看这个，看看这个列表哈，直接把列表给复制进来。还有那个orange，它其实就是这个默认值，还有这个这个列表可以看到里边有orangeg还有什么对吧，我们直接改改成那个。

Field field我们可以写什么？写成那个，再加个video。嗯，看看。Name啊微这个这个这个改成南。很女。然后这个唯有南不是代表多少。南不是一嘛，南是一。你是二？对吧，那是二。然后这个默认值，默认值默认值改成什么呢？默认值我们改它改成。嗯，来看一下。在这里面看看就是这样的对吧，可以来回选，但是由于我们没有加这个这个事件啊，就是我们改变之后那事件。

就这个。可以看到这里啊，上面绑定了是个on对吧，还有这里啊。那可以看到啊，这个选择模项是由他触发，选择任一项是啊，由他出发，其实我们都可以啊选择。可以看看我们用用这个吧。我说两个复制进来，因为它上面绑定两个嘛，那我们两个都给它复制进来，我们可以看一下都是什么东西。可。那卡通他从那个上注射对吧？啊，我先看底下这个。那我们点一下点一下。然后显示对吧，点一下点一下它会显示，那这个时候我们就可以就可以什么呢？这个。直接让那个。嗯，男和女对吧。

那我试一下它上面那个吧。宝宝看底下这个。来看一下它，它也是显示的是男和女对吧，然后。我感觉这个VIVO就没点用了是吧。呃，那个。等于等于。难对吧，然后让我们那个。就等于那个。那是一吧。21。然后让他，然后我LFE等于女，然后这个时候呢。让那个塔啊，等于等于等于等于等于二对吧，它是于对吧。然后这个时候呢。我们可以写个保存，保存的话就让它也是返回上个页面对吧，那这一块呢，嗯，可以看到我们不需要居中，如果我们都需要居中的话。

The nickname。你说在在这哈，如果我们都需要集中的话。哎，我觉得也没有必要激动呢。那个性别。它是这个样子对吧，嗯，就不改居中了，要是如果咱想用的话，自己调啊，那昵称我们也可以从这个传过来啊，就是。同样的，我们写问题可以写，那你肯定等于什么呢，同样也是。他对吧。可惜没那么长啊。也改成那个，你看内幕。如果它不存在的话，就给它长空。就传控控制就可以了。存了肯定不传空啊，对吧，那这里我们还要写一个。

你说我们把这个，把这个你肯定给传进来。等于什么呢？那个我们刚才写了个内对吧，好，这个我们可以同样在三里面可以看到。我们看直接直接来用啊，要传过来了，我们就直接用啊，尼克内姆对吧，那这个尼克内姆。我们重新进来。因为我们本来就是空的，所以这里是不可能有的。反正就是空的，传进来还是空的，那这个时候我们底下加一个什么呢？加一个保存，点击保存对吧。这个加个按钮就是保存修改。呃，这个头像的话，其实我们也可以留到最后。但是我们放底下改了吧，保存修改就专门做一个保存修改，保存修改就做最后的。这个修改其他个人信息对吧，User。

那这个我们需要就传说他说的，嗯条这个还像是API，不是是那个IQ对吧，IQSIQ。他需要传什么，他是什么呢？他是阿尔法的对吧。他需要传参传输参穿的，我们可以看一下。我们这里是点杠了啊，接点杠的话。嗯，我想想可能有点遗忘，那就有点意忘。行，我试试看我是不是，我不知道这样是可不可以的啊。嗯。喜欢对象就是吧。呃，这样形式，我们我们修改的是这个。昵称和性别对吧，昵称可性别。就是，然后这个性别就是。

现在就是类似这样。是的。试试看，我也不知道是可不可以的啊。修改成功。那我们。上心下试试看，修改成功。这是没有的哈，还是没有修改成功的，来看一下。我们用的是。你肯定我是空的。今年200吗。没有这个群没有传过来吗。这你肯定我大家试一下啊。嗯。我。

啊，这是好了哈，这也是真的，这这这里是修改好了，这一次刚才可能是网络问题什么的啊，这里修改好了，我们这里呢，就是有任意参数啊。有几个就给介绍几个，那这里我们写成对象的形式就可以了啊，像传是没有传什么，不过这里是一要写成user方的对象啊，对象面是user in。那我们这里也写好了，对吧，这个也写好了，那支付呢，我们这个程序不结合这个支付啊，那我们把这个支付给。嗯，我我不删，我不删，我给他注释掉。嗯。注释掉，然后这个收藏相册卡券关注。这个卡片用不到，相册也用不到。然后关注我们倒是可以减，然后这个。

确实。也可以这样。还有就是其实就是。呃，如果我们想就是也快速的结合，比如说我要做一个那个。新闻媒体列表，比如说我们这次要继承这个新闻媒体，你看可以看到这个新建页面里边是有这个模板的话，可以看到这个。是有这个新闻模板，比如说这个。左图右文，呃，左图右文呢。这个我们先把它上传进来。我们我们先新建一个那个。13个。跳过一有啊。跳个。嗯，我们我们可以看一下啊这个。我把它S直接复制成我们的那个佛样。

他是这个样子的啊，他是这个样子的。呃，为什么加载不出来呢？因为他没有对应的这个数据表啊，这个因为我们这次。用那个。数据表，那个新闻媒体列表来展示哈，嗯，那我们就要在这里创建一个数据表。叫新闻的文章类别以及文章评论，收藏文章我们都可以，那个给写收藏文章，这个收藏者收藏收藏ID对吧。我们都给它穿接点啊穿接点。点击创建。等待创建完毕。还有就是说给大家讲一个稍微讲个东西啊。啊，我们找到这个新闻媒体，可以看看这个权限说明啊。这个doc.uid等于这个s.UID其实就是。就是然后或者呃，然后且这个等于零，或者就是这个多等于一，它这个什么意思呢？它这个意思就是。

状态等于零的时候是不发布的，不发布的时候只有我作者本人才能看到看对吧。然后这个状态统一的话，谁都可以看到，这是多的权限，那接下来大家都可以自己看，自己理解一下。嗯，然后我们再刷新一下看一看。就因为是没有数据的，所以就是没有数据的对吧。啊，其实我们也可以就是直接在这里面跑出这个玩意儿啊，就是你看我们不是有艾特吗？这个作者ID啊，就是我们完全可以用啊，你先把它给他们写好了对吧，然后把它给他们写好了，那可还有这个。什么？Page，它这个也是给咱们自动导入啊，我们来试一下呗，试一下。哎，就试一下呗，然后我们导入到HBX进入前端页面啊，我们导入到我们这个。你们是基本上写M-APP对吧。

我找不到他。这个可以和平对比一下。呃，这个。等会我们可以重启一下项目。我们把这个。我们看一下这个路径啊，看一下这个配的路径。他没有导入进来吗。我该重新运行一下。全部关掉。它显示了。我们都需要重新拼一下应用文件了。我等会可以看一下那个列表哈。不看它这是我们那个。

嗯，用的模板对吧，我们不看它，我们看这个。就这个径啊。就是我们通过这个。呃，这个数是通通过他这个收据表快速导入的啊，他。你看我们可以看到这个，这里还有添加对吧？啊作者ID，然后还有标题这个文章内容啊，这个摘要。其实这个东西我们也是可以拿来用的哈，啊，就是新增的话，我们这个文章ID，这个作者ID我们可以先不用，我们可以直接就是获取用户的信息的时候，我们就可以传上了。然后这个。文章内容呢，我们可以用副文本，副文本来写来写，写完之后上去直接上传上去，然后解，然后读取的时候再用副本解析一下，这个标题我们自定义嘛，就是我给大家讲一下这个要怎么做，这个我们要去掉这个分类，我们是没有添加的，我们可以先改一个添加分类。

然后这个开放评论我们可以写，把这个也给删掉，上面大图给加上，发表时间和最后修改时间我们都不用管，就它会自动自动来的，就是自动会帮你填，然后我们要，我们要还要加一个东西。就是负文本解析，我们先写副本解析。也可以先写这个，这个看你自己决定了，那我我们这个事情先讲到这里哈。