上传forget_password.html文件的注释

pull/1/head
yyd 4 months ago
parent e085e352dc
commit d7d8ab9291

@ -1,30 +1,35 @@
{% 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 %}
{{ form.non_field_errors }}
//这个文件用于实现"忘记密码"功能页面
{% 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">//表单提交到account:forget_password URL,使用POST方法
//表单内容
{% 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="{% url "account:login" %}">login page</a>
</p>
</p>//提供返回首页和登录页面的链接
</div> <!-- /container -->
{% endblock %}
Loading…
Cancel
Save