大事件项目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提交


相关文章
|
10天前
|
监控
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
支付系统40------定时查单-订单未创建,支付宝登陆前在支付宝端创建还是没有创建,不知道,之所以打印警告日志,是因为创建的时候更容易看到它
支付系统40------定时查单-订单未创建,支付宝登陆前在支付宝端创建还是没有创建,不知道,之所以打印警告日志,是因为创建的时候更容易看到它
大事件项目20_个人中心_基本资料重置按钮实现
大事件项目20_个人中心_基本资料重置按钮实现
支付系统34----支付成功异步通知,处理重复通知,我们在我们程序当中找到处理订单的processOrder方法,我们要在更新订单状态和记录日志之前,先处理重复通知
支付系统34----支付成功异步通知,处理重复通知,我们在我们程序当中找到处理订单的processOrder方法,我们要在更新订单状态和记录日志之前,先处理重复通知
|
16天前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
10月前
|
移动开发
微信h5扫码接口范例:多个扫码框支持的办法,通过引入一个参数来区分及使用localStorage保证之前扫到的数据不丢失
微信h5扫码接口范例:多个扫码框支持的办法,通过引入一个参数来区分及使用localStorage保证之前扫到的数据不丢失
87 0
|
程序员 测试技术 数据库
实战! 项目单据确认状态未更新排查
实战! 项目单据确认状态未更新排查
|
微服务
微信授权回调时,回调地址中原有参数丢失
微信授权回调时,回调地址中原有参数丢失
651 0
微信授权回调时,回调地址中原有参数丢失
|
前端开发
前端工作总结108-修改新增按钮显示逻辑
前端工作总结108-修改新增按钮显示逻辑
88 0
前端工作总结108-修改新增按钮显示逻辑
|
前端开发
前端工作总结128-阅读账号里面的新增调用接口操作
前端工作总结128-阅读账号里面的新增调用接口操作
74 0
前端工作总结128-阅读账号里面的新增调用接口操作