Django用户信息及头像编辑功能开发咨询

1. 确认模型关联（若未配置） #

先确保你的Profile模型和Django默认User是一对一绑定的，models.py代码示例：

from django.db import models
from django.contrib.auth.models import User

class Profile(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    # 自定义字段示例：昵称、头像、个人简介
    nickname = models.CharField(max_length=50, blank=True)
    avatar = models.ImageField(upload_to='avatars/', blank=True)
    bio = models.TextField(max_length=500, blank=True)

    def __str__(self):
        return self.user.username

如果是刚加的模型，记得跑python manage.py makemigrations和python manage.py migrate生成数据表。

2. 完善表单（forms.py） #

分两个表单处理：一个改User基础信息（用户名、邮箱），一个改Profile自定义字段，代码示例：

from django import forms
from django.contrib.auth.models import User
from .models import Profile

class UserUpdateForm(forms.ModelForm):
    email = forms.EmailField()

    class Meta:
        model = User
        fields = ['username', 'email']

class ProfileUpdateForm(forms.ModelForm):
    class Meta:
        model = Profile
        fields = ['nickname', 'avatar', 'bio']

3. 编写视图逻辑（views.py） #

写一个登录用户才能访问的视图，处理表单的显示和提交逻辑：

from django.shortcuts import render, redirect
from django.contrib.auth.decorators import login_required
from .forms import UserUpdateForm, ProfileUpdateForm

@login_required
def edit_profile(request):
    # 处理POST提交
    if request.method == 'POST':
        u_form = UserUpdateForm(request.POST, instance=request.user)
        p_form = ProfileUpdateForm(request.POST, request.FILES, instance=request.user.profile)
        if u_form.is_valid() and p_form.is_valid():
            u_form.save()
            p_form.save()
            return redirect('profile')  # 替换成你的个人主页URL名称
    
    # 处理GET请求（显示表单）
    else:
        # 防止用户没有关联的Profile实例，自动创建
        try:
            profile = request.user.profile
        except Profile.DoesNotExist:
            profile = Profile.objects.create(user=request.user)
        
        u_form = UserUpdateForm(instance=request.user)
        p_form = ProfileUpdateForm(instance=profile)
    
    context = {'u_form': u_form, 'p_form': p_form}
    return render(request, 'editprofile.html', context)

4. 配置URL路由（urls.py） #

在应用的urls.py里添加编辑页面的路由：

from django.urls import path
from . import views

urlpatterns = [
    # 其他路由...
    path('edit-profile/', views.edit_profile, name='edit-profile'),
    # 假设个人主页路由是这个
    path('profile/', views.profile, name='profile'),
]

5. 填充editprofile.html模板 #

写一个支持文件上传的表单模板，示例：

{% extends "base.html" %} <!-- 替换成你的基础模板 -->

{% block content %}
    <h1>编辑个人资料</h1>
    <form method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="form-group">
            <h3>用户基础信息</h3>
            {{ u_form.as_p }}
        </div>
        <div class="form-group">
            <h3>个人资料</h3>
            <!-- 头像预览 -->
            {% if user.profile.avatar %}
                <img src="{{ user.profile.avatar.url }}" alt="当前头像" style="width:150px;height:150px;border-radius:50%;">
            {% endif %}
            {{ p_form.as_p }}
        </div>
        <button type="submit" class="btn btn-primary">保存修改</button>
    </form>
{% endblock %}

6. 个人主页添加跳转链接 #

在你的个人主页模板（比如profile.html）里加编辑入口：

<a href="{% url 'edit-profile' %}" class="btn btn-primary">编辑我的资料</a>

内容的提问来源于stack exchange，提问作者Alec Smith