更新 'src/DjangoBlog-master/templates/account/forget_password.html'

src/DjangoBlog-master/templates/account/forget_password.html

@@ -1,30 +1,44 @@
 {% extends 'share_layout/base_account.html' %}
 {% load i18n %}
 {% load static %}
+
 {% block content %}
     <div class="container">
-
+        {# 页面标题 #}
         <h2 class="form-signin-heading text-center">{% trans 'forget the password' %}</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:forget_password' %}" method="post">
-                {% csrf_token %}
+                {% csrf_token %}  {# CSRF令牌，用于防止跨站请求伪造 #}
+                
+                {# 显示表单非字段错误（如表单级别的验证错误） #}
                 {{ form.non_field_errors }}
+                
+                {# 循环遍历表单的所有字段 #}
                 {% for field in form %}
-                    {{ field }}
-                    {{ field.errors }}
+                    {{ field }}        {# 渲染字段输入框 #}
+                    {{ field.errors }} {# 显示字段特定错误 #}
                 {% endfor %}
-            <input type="button" class="button" id="btn" value="{% trans 'get verification code' %}">
-            <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans 'submit' %}</button>
+                
+                {# 获取验证码按钮 #}
+                <input type="button" class="button" id="btn" value="{% trans 'get verification code' %}">
+                
+                {# 提交按钮 #}
+                <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans 'submit' %}</button>
             </form>
         </div>
 
+        {# 页面底部链接 #}
         <p class="text-center">
-            <a href="/">Home Page</a>
+            <a href="/">Home Page</a>  {# 首页链接 #}
             |
-            <a href="{% url "account:login" %}">login page</a>
+            <a href="{% url "account:login" %}">login page</a>  {# 登录页面链接 #}
         </p>
-
     </div> <!-- /container -->
-{% endblock %}
+{% endblock %}
+