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…
Reference in new issue