|
|
|
|
@ -3,26 +3,36 @@
|
|
|
|
|
{% block content %}
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
|
{# 页面标题:用户注册 #}
|
|
|
|
|
<h2 class="form-signin-heading text-center">Create Your Account</h2>
|
|
|
|
|
|
|
|
|
|
{# 注册卡片容器 #}
|
|
|
|
|
<div class="card card-signin">
|
|
|
|
|
{# 默认用户头像 #}
|
|
|
|
|
<img class="img-circle profile-img" src="{% static 'blog/img/avatar.png' %}" alt="">
|
|
|
|
|
|
|
|
|
|
{# 用户注册表单 #}
|
|
|
|
|
<form class="form-signin" action="{% url 'account:register' %}" method="post">
|
|
|
|
|
{% csrf_token %}
|
|
|
|
|
{% csrf_token %} {# CSRF保护令牌,防止跨站请求伪造 #}
|
|
|
|
|
|
|
|
|
|
{# 显示表单级别的错误信息(非特定字段的错误) #}
|
|
|
|
|
{{ form.non_field_errors }}
|
|
|
|
|
|
|
|
|
|
{# 循环遍历并渲染表单的所有字段 #}
|
|
|
|
|
{% for field in form %}
|
|
|
|
|
{{ field }}
|
|
|
|
|
{{ field.errors }}
|
|
|
|
|
{{ field }} {# 渲染表单字段输入框 #}
|
|
|
|
|
{{ field.errors }} {# 显示字段特定的验证错误信息 #}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{# 注册提交按钮 #}
|
|
|
|
|
<button class="btn btn-lg btn-primary btn-block" type="submit">Create Your Account</button>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{# 页面底部链接:已有账号登录 #}
|
|
|
|
|
<p class="text-center">
|
|
|
|
|
<a href="{% url "account:login" %}">Sign In</a>
|
|
|
|
|
<a href="{% url "account:login" %}">Sign In</a> {# 跳转到登录页面 #}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div> <!-- /container -->
|
|
|
|
|
|