如何在Django中使用现成自定义表单及同URL处理登录注册

一、适配带样式的滑动登录注册表单模板 #

• 直接复用Codepen里的完整HTML结构（包括所有带类的DIV），因为样式是和这些类绑定的，改动结构会导致样式失效。
• 把原生input标签替换成Django表单字段：保留原有的class属性，用Django表单的渲染方式替换，要么在模板里给字段手动追加class（比如{{ form.username|add_class:"原类名" }}），要么在Django的表单类里给字段的widget设置attrs属性指定对应class，后者更规范。
• 保留Django表单必需的{% csrf_token %}，放在<form>标签内部；同时把<form>的action设为当前URL（比如action="{% url 'login' %}"），method设为post。
• 前端的滑动切换按钮/逻辑不用改，它只是控制登录、注册表单区域的显示隐藏，不影响后端处理。

二、同一URL处理登录与注册POST请求 #

• 前端标记区分：在登录、注册两个表单区域里，分别添加一个隐藏的input字段，比如登录表单里加<input type="hidden" name="action" value="login">，注册表单里加<input type="hidden" name="action" value="signup">。提交时这个字段会随POST数据一起发送给后端。
• 后端视图判断：用同一个视图函数处理该URL的请求。如果是GET请求，直接返回包含两个表单的模板；如果是POST请求，先获取request.POST.get('action')的值：
  • 若值为login，执行登录逻辑：验证用户名密码，调用Django自带的认证方法完成登录。
  • 若值为signup，执行注册逻辑：校验表单数据，创建新用户并保存。
• 不管是登录还是注册失败，把错误信息返回给模板，让前端对应表单区域显示错误提示即可。

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