Django中HTML表单数据提取与用户注册实现指南

<form id="signup-form" action="/signup/" method="post">
    {% csrf_token %} {# Django CSRF 保护令牌 #}

    <label for="name">全名</label>
    <input autocomplete="off" type="text" name="username" id="name" class="name">

    <label for="email">电子邮件地址</label>
    <input autocomplete="off" type="email" name="emailAddress" id="email" class="email">

    <label for="phone">电话号码 - <small>可选</small></label>
    <input autocomplete="off" type="text" name="phone" id="phone">

    <label for="password">密码</label>
    <input autocomplete="off" type="password" name="password" id="password" class="pass">

    <label for="passwordCon">确认密码</label>
    <input type="password" name="passwordCon" id="passwordCon" class="passConfirm">

    <input type="submit" form="signup-form" value="立即注册" id="submit">
</form>

# users/urls.py
from django.urls import path
from . import views

urlpatterns = [
    path("signup/", views.signUpView, name="user-signup"),
]

# users/views.py
from django.shortcuts import render, redirect
from django.contrib.auth.models import User
from django.contrib.auth import login # 用于用户注册后自动登录

def signUpView(request, *args, **kwargs):
    if request.method == "POST":
        # 1. 从 request.POST 中提取表单数据
        username = request.POST.get("username")
        email_address = request.POST.get("emailAddress") # 注意：与HTML表单中的name属性匹配
        password = request.POST.get("password")
        phone = request.POST.get("phone") # 可选字段
        # password_confirm = request.POST.get("passwordCon") # 确认密码字段，通常用于后端验证

        # 2. 基本数据验证（此处为简化示例，实际应用中需更完善的验证）
        if not username or not email_address or not password:
            # 可以添加错误消息并重新渲染表单
            return render(request, "signupPage.html", {"error": "请填写所有必填字段。"})

        # 3. 检查密码是否匹配（如果需要）
        # if password != password_confirm:
        #     return render(request, "signupPage.html", {"error": "两次输入的密码不一致。"})

        # 4. 创建新用户并保存到数据库
        try:
            # 检查用户名或邮箱是否已存在
            if User.objects.filter(username=username).exists():
                return render(request, "signupPage.html", {"error": "用户名已存在。"})
            if User.objects.filter(email=email_address).exists():
                return render(request, "signupPage.html", {"error": "邮箱已被注册。"})

            user = User.objects.create_user(username=username, email=email_address, password=password)
            # 对于可选字段，可以后续更新
            # user.profile.phone = phone # 如果有自定义User Profile模型
            user.save()

            # 5. 注册成功后自动登录用户
            login(request, user)

            # 6. 重定向到成功页面或首页
            return redirect("homepage") # 假设你有一个名为'homepage'的URL
        except Exception as e:
            # 处理创建用户时的其他异常
            return render(request, "signupPage.html", {"error": f"注册失败：{e}"})

    else:
        # 处理 GET 请求，渲染注册表单页面
        return render(request, "signupPage.html")