|
|
|
|
@ -1,33 +1,34 @@
|
|
|
|
|
{% extends 'share_layout/base_account.html' %}
|
|
|
|
|
```
|
|
|
|
|
{% extends 'share_layout/base_account.html' %} {# 继承账户基础布局模板 #}
|
|
|
|
|
|
|
|
|
|
{% load static %}
|
|
|
|
|
{% block content %}
|
|
|
|
|
<div class="container">
|
|
|
|
|
{% load static %} {# 加载静态文件标签 #}
|
|
|
|
|
{% block content %} {# 主要内容块 #}
|
|
|
|
|
<div class="container"> {# 容器 #}
|
|
|
|
|
|
|
|
|
|
<h2 class="form-signin-heading text-center">绑定您的邮箱账号</h2>
|
|
|
|
|
<h2 class="form-signin-heading text-center">绑定您的邮箱账号</h2> {# 页面标题 #}
|
|
|
|
|
|
|
|
|
|
<div class="card card-signin">
|
|
|
|
|
{% if picture %}
|
|
|
|
|
<img class="img-circle profile-img" src="{{ picture }}" alt="">
|
|
|
|
|
{% else %}
|
|
|
|
|
<img class="img-circle profile-img" src="{% static 'blog/img/avatar.png' %}" alt="">
|
|
|
|
|
<div class="card card-signin"> {# 登录卡片 #}
|
|
|
|
|
{% if picture %} {# 如果存在用户头像 #}
|
|
|
|
|
<img class="img-circle profile-img" src="{{ picture }}" alt=""> {# 显示用户头像 #}
|
|
|
|
|
{% else %} {# 如果没有用户头像 #}
|
|
|
|
|
<img class="img-circle profile-img" src="{% static 'blog/img/avatar.png' %}" alt=""> {# 显示默认头像 #}
|
|
|
|
|
{% endif %}
|
|
|
|
|
<form class="form-signin" action="" method="post">
|
|
|
|
|
{% csrf_token %}
|
|
|
|
|
{% comment %}<label for="inputEmail" class="sr-only">Email address</label>
|
|
|
|
|
<form class="form-signin" action="" method="post"> {# 绑定邮箱表单 #}
|
|
|
|
|
{% csrf_token %} {# CSRF令牌 #}
|
|
|
|
|
{% comment %}<label for="inputEmail" class="sr-only">Email address</label> {# 注释掉的邮箱输入框 #}
|
|
|
|
|
<input type="email" id="inputEmail" class="form-control" placeholder="Email" required autofocus>
|
|
|
|
|
<label for="inputPassword" class="sr-only">Password</label>
|
|
|
|
|
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>{% endcomment %}
|
|
|
|
|
{{ form.non_field_errors }}
|
|
|
|
|
{% for field in form %}
|
|
|
|
|
{{ field }}
|
|
|
|
|
{{ field.errors }}
|
|
|
|
|
{{ form.non_field_errors }} {# 表单非字段错误 #}
|
|
|
|
|
{% for field in form %} {# 遍历表单字段 #}
|
|
|
|
|
{{ field }} {# 显示表单字段 #}
|
|
|
|
|
{{ field.errors }} {# 显示字段错误 #}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn btn-lg btn-primary btn-block" type="submit">提交</button>
|
|
|
|
|
<button class="btn btn-lg btn-primary btn-block" type="submit">提交</button> {# 提交按钮 #}
|
|
|
|
|
|
|
|
|
|
{% comment %}
|
|
|
|
|
{% comment %} {# 注释掉的复选框代码 #}
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
<a class="pull-right">Need help?</a>
|
|
|
|
|
<label>
|
|
|
|
|
@ -39,8 +40,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p class="text-center">
|
|
|
|
|
<a href="{% url "account:login" %}">登录</a>
|
|
|
|
|
<a href="{% url "account:login" %}">登录</a> {# 登录页面链接 #}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div> <!-- /container -->
|
|
|
|
|
{% endblock %}
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
