基于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中完善用户实名认证的前端代码:

  

    

猜你喜欢

转载自blog.csdn.net/qq_40652101/article/details/90207360
今日推荐