29、Django实战第29天：修改密码和头像

修改头像

1、上传头像，我们需要的对它做一个forms验证，编辑users.forms.py

...
from .models import UserProfile

class UploadImageForm(forms.ModelForm):
    class Meta:
        model = UserProfile
        fields = ['image']

2、编辑users.views.py

class UploadImageView(LoginRequiredMixin, View):
    def post(self, request):
        image_form = UploadImageForm(request.POST, request.FILES)
        if image_form.is_valid():
            pass

3、配置url,编辑users.urls.py

...
from .views import UploadImageView

urlpatterns = [
    ...
    url(r'image/upload/$', UploadImageView.as_view(), name='upload_image'),
]

4、编辑前端页面

5、断点调试

我们发现form已经取到上传的图片放到了cleaned_data中，这里面的数据是已经通过验证的。因此我们可以直接把它取出来保存到数据库中

因为我们用的是mode.form，所以我们可以直接保存到数据库，优化代码如下：

最后我们需要返回一个json 信息，因为，这里修改头像是个异步的操作

...
from django.http import HttpResponse

class UploadImageView(LoginRequiredMixin, View):
    def post(self, request):
        image_form = UploadImageForm(request.POST, request.FILES, instance=request.user)
        if image_form.is_valid():
            image_form.save()
            return HttpResponse('{"status":"success"}', content_type='application/json')
        else:
            return HttpResponse('{"status":"fail"}', content_type='application/json')

　　

修改密码

编辑users.views.py

...
import json

class UpdatePwdView(LoginRequiredMixin, View):
    def post(self, request):
        ResetPwd_form = ResetPwdForm(request.POST)
        if ResetPwd_form.is_valid():
            pwd = request.POST.get('pwd', '')
            repwd = request.POST.get('repwd', '')
            if pwd == repwd:
                user = UserProfile.objects.get(email=request.user.email)
                user.password = make_password(pwd)
                user.save()
                return HttpResponse('{"status":"success"}', content_type='application/json')
            else:
                return HttpResponse('{"status":"fail", "msg":"密码不一致"}', content_type='application/json')
        else:
            return HttpResponse(json.dumps(ResetPwd_form.errors), content_type='application/json')

配置url,编辑users.urls.py

...
from .views import  UpdatePwdView

urlpatterns = [
    ...
    url(r'update/pwd/$', UpdatePwdView.as_view(), name='update_pwd'),
]

编辑前端页面usercenter-base.html

提交地址配置在deco-user.js中