基于Flask开发的前后端分离租房项目(四)

十、用户详细信息模块

10.1使用七牛云平台来存储图片,首先去七牛云官网注册一个账号,创建一个存储空间

10.2安装SDK: 

             pip install qiniu

 

10.3在utils/image_storage.py中根据SDK包封装一个上传图片到七牛云存储的函数:

 

   

 

10.4在ihome/api_1.0/profile.py中编写用户详细信息中上传用户头像的后端代码:

  

 

10.5在profile.html和profile.js中编写用户详细信息中上传头像的前端逻辑:

10.5.1由于我们需要发送给后端的是一个图片文件,所以表单的样式如下:

 

10.5.2同时为了发送图片文件,我们需要借助一个js包:jquery.form.min.js

    

10.6在profile.py中编写用户详细信息中修改用户名和实名认证的后端逻辑:

10.6.1在profile.html页面加载完后会向后端获取用户的个人信息数据:

 

10.6.2当用户修改了用户名并点击保存按钮时,前端向后端发起请求:

 

10.6.3在profile.js文件中完善对应的前端逻辑:

 

10.6.4当用户点击了实名认证按钮,跳转到auth.html页面,加载时向后端获取实名认证信息:

 

10.6.5当用户填写了实名认证信息并点击保存时,前端向后端发起保存实名信息到数据库的请求

 

10.6.6在auth.js中完善用户实名认证的前端代码:

  

    

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小陈工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值