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