You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
2.0 KiB
35 lines
2.0 KiB
//这个文件用于实现"忘记密码"功能页面
|
|
{% 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 }}//显示该字段的错误信息
|
|
{% 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>//提交按钮：提交整个表单
|
|
</form>
|
|
</div>
|
|
//导航链接
|
|
<p class="text-center">
|
|
<a href="/">Home Page</a>
|
|
|
|
|
<a href="{% url "account:login" %}">login page</a>
|
|
</p>//提供返回首页和登录页面的链接
|
|
|
|
</div> <!-- /container -->
|
|
{% endblock %} |