从“我的”第一栏菜单项点击进入,如下图:
包含栏目:第一组(头像、用户名、个人签名),第二组(性别、生日、地区),第三组(我的地址)
数据交互部分:
暂时完成头像、用户名、个人签名这几个数据的更新
用户名目前只能修改一次,所以用户第一次修改时 ,输入框默认提示下用户:用过户名只可修改一次
改完后,后续用户不可以点击修改用户名操作,可以取消>这个箭头标识
根据 users/{id} 返回的用户信息中的 canEditUsername 字段进行判断是否可以编辑用户名
涉及到接口文档:
获取用户资料:https://discuz.com/api-docs/v1/userprofile.html
用户资料修改:https://discuz.com/api-docs/v1/update-user.html
头像上传:https://discuz.com/api-docs/v1/upload-avatar.html
交互示意图:
更换头像
用户名
签名:
整体示意图参考如下: