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


相关文章
|
2月前
|
前端开发
基于jeecgboot的flowable流程支持退回到发起人节点表单修改功能
基于jeecgboot的flowable流程支持退回到发起人节点表单修改功能
117 0
|
1天前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
2天前
|
JavaScript
大事件项目06-注册功能_点击事件和拿到数据
大事件项目06-注册功能_点击事件和拿到数据
|
2月前
|
移动开发 前端开发
基于若依的ruoyi-nbcio流程管理系统修复自定义业务表单的取消终止功能
基于若依的ruoyi-nbcio流程管理系统修复自定义业务表单的取消终止功能
20 3
|
2月前
|
消息中间件 架构师 NoSQL
以架构师的视角,深入剖析如何设计订单超时自动取消的功能
我们在美团 APP 下单,假如没有立即支付,进入订单详情会显示倒计时,如果超过支付时间,订单就会被自动取消。 这篇文章,笔者想以架构师的视角,深入剖析如何设计订单超时自动取消的功能。
以架构师的视角,深入剖析如何设计订单超时自动取消的功能
|
2月前
|
移动开发 前端开发 JavaScript
动态获取新增的数据+项目实例介绍
动态获取新增的数据+项目实例介绍
70 0
|
10月前
|
移动开发
微信h5扫码接口范例:多个扫码框支持的办法,通过引入一个参数来区分及使用localStorage保证之前扫到的数据不丢失
微信h5扫码接口范例:多个扫码框支持的办法,通过引入一个参数来区分及使用localStorage保证之前扫到的数据不丢失
86 0
|
前端开发 数据库
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
eggjs 怎么实现更新用户信息接口去更新上传头像信息?
133 0
 eggjs 怎么实现更新用户信息接口去更新上传头像信息?
|
中间件 数据库
eggjs 怎么实现更新用户信息接口去更新个性签名?
eggjs 怎么实现更新用户信息接口去更新个性签名?
81 0
eggjs 怎么实现更新用户信息接口去更新个性签名?
|
程序员 测试技术 数据库
实战! 项目单据确认状态未更新排查
实战! 项目单据确认状态未更新排查