大事件项目19_个人中心_基本资料调接口更新保存

简介: 大事件项目19_个人中心_基本资料调接口更新保存

(1)、本项目我们用来修改名称和邮箱

(2)、提交修改,先监视他的点击行为

(3)、点击之后,我要做点什么呢?

(4)、

(5)、如果valid为true,那么通过就通过校验

(6)、准备好之后,我们就调接口发给后台进行更新,看一下我们的接口文档,更新一下用户的资料

(7)、我们现在传参,就几种方法,要么在请求头传参,要么在请求体中传参

(8)、所有的接口都要带token

(9)、请求方式叫做put 大小写都可以,这里我已经配置好了Authorization的请求头了

(10)、为什么非得带token,因为你需要判断究竟你要修改的是那个用户

(11)、给axios发送的数据,添加上参数名和变量名

(12)、结构赋值,变量名得和属性名一致

(13)、这里的eslint提示报错信息,不让写

(14)、我就想用下划线,找到eslint,给他修改内容

(15)、在eslint中将camelcase进行关闭

(16)、这里写一个参数

(17)、下一步,我用方法进行命名导出

(18)、下一步提交的时候,进行表单校验

(19)、这里我来个async和await

(20)、现在我传入了5个属性

(21)、直接将this.userForm对象传入行吗?不行,原因是现在的form对象,只有3个对象

(22)、不行,因为我现在userForm对象只有这三个对象

(23)、传给后台的参数只有这三个

(24)、这样写行吧!!!不行,比如id就是必填项,你要是不填,后台大哥,就给你报错,你信不信

(25)、验证一下,后台有没有报错

(26)、给他改一下,看看呗!!!

(27)、 虽然出现了200

(28)、但是要求你必须传id

(29)、既然缺id属性,那么我们就添加id属性,这个值从哪里来

(30)、用户的id在Vuex中当中就有

(31)、组件内可以用this.$store

(32)、这样就可以确保他的要求

(33)、这一次后台返回的数据告诉你修改用户信息成功了

(34)、成功之后,我们可以对用户的做一个提示

(35)、我就想要后台数据返回来的keyValue,这里我给他来个keyValue

(36)、完整写法

(37)、基本资料的更新,最后用git提交


相关文章
|
安全 Java
Java并发编程中的锁优化策略
【5月更文挑战第25天】在Java并发编程中,锁是实现线程同步的关键。然而,锁的使用可能导致性能下降,尤其是在高并发场景下。为了提高程序的执行效率,本文将探讨几种常用的锁优化策略,包括自旋锁、适应性锁和锁粗化等技术。通过这些优化策略,我们可以在保证线程安全的同时,提高程序的运行效率。
73 3
|
编译器 计算机视觉
[笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV vs2015编译
[笔记]OpenCV+FFmpeg+Qt实现视频编辑器之OpenCV vs2015编译
231 0
|
存储 人工智能 达摩院
手把手教您如何购买视图计算服务
阿里云视图计算服务报价指南
1455 1
|
JavaScript
js 如何if( a== 1 && a == 2 && a==3)
js 如何if( a== 1 && a == 2 && a==3)
245 0
|
开发者 容器
标签控件| 学习笔记
快速学习标签控件。
|
物联网
ZigBee(CC2530)最小系统PCB设计(AD18开发软件)
ZigBee(CC2530)最小系统PCB设计(AD18开发软件
ZigBee(CC2530)最小系统PCB设计(AD18开发软件)
《Drools 7 规则引擎教程》番外篇-规则条件匹配机制
《Drools 7 规则引擎教程》番外篇-规则条件匹配机制
462 0
|
人工智能 安全 物联网
数字基建狂潮中:区块链处于什么位置?
基建浪潮的本质其实就是新一轮的数字化,它会带来一个直接的变化,不同技术之间的融合性会越来越强。