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


相关文章
|
8月前
|
敏捷开发 自然语言处理 测试技术
云效产品使用常见问题之webhook 触发,不能将运行备注填充进运行历史如何解决
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
大事件项目18_个人中心_基本资料组件准备和路由
大事件项目18_个人中心_基本资料组件准备和路由
大事件项目18_个人中心_基本资料组件准备和路由
|
6月前
|
监控
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
大事件项目20_个人中心_基本资料重置按钮实现
大事件项目20_个人中心_基本资料重置按钮实现
支付系统34----支付成功异步通知,处理重复通知,我们在我们程序当中找到处理订单的processOrder方法,我们要在更新订单状态和记录日志之前,先处理重复通知
支付系统34----支付成功异步通知,处理重复通知,我们在我们程序当中找到处理订单的processOrder方法,我们要在更新订单状态和记录日志之前,先处理重复通知
|
7月前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
7月前
|
移动开发 JavaScript 前端开发
大事件项目22_个人中心,更换头像,选择后预览
大事件项目22_个人中心,更换头像,选择后预览
TienChin 渠道管理-配置校验失败信息
TienChin 渠道管理-配置校验失败信息
55 0
TienChin 渠道管理-配置校验失败信息
|
开发者
评审不通过开发者的提交工具一直显示推送状态,必须通过后推送的信息才会消失
在使用sourcetree时,开发者提交推送代码后,评审不通过,sourcetree上边一直显示推送的状态,只有通过评审推送状态才会消失。
|
前端开发 数据库
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
172 0
 eggjs 怎么实现更新用户信息接口去更新上传头像信息?

热门文章

最新文章