Django allauth : how would you create a typical/accounts/settings page while leveraging what allauth already gives us?

Question

我已经设置了 allauth 并注意到它暴露了 /accounts/password/change/这是更改当前登录用户密码的可爱形式。它还暴露了/accounts/email/这非常适合处理与将电子邮件地址链接到帐户相关的所有疯狂问题。

我的问题是:

我如何创建 /accounts/settings/ 的概念页这将充当用户的典型设置页面，以便他们可以通过 1 个模板编辑姓名、更改电子邮件信息或更新密码？

我相信第一步是创建一个 settings应用程序然后连接一个 /accounts/settings受登录保护的路由，创建一个 View 来处理表单提交并显示 allauth 提供的其他模板，但我只是不确定如何在 View 级别将所有内容组合在一起。

我认为在此页面上有 (3) 个单独的表格可能是个好主意。一个用于更改密码，第二个用于处理 allauth 提供的所有电子邮件业务，最后第三个表单将用于处理自定义信息，例如更新他们的姓名以及扩展用户模型中可能具有的其他任何信息？

Answer 1

嗯，很简单，allauth 帐户模板扩展 account/base.html扩展 base.html所以你可以编辑 account/base.html将左侧菜单作为导航，右侧内容将根据用户选择而改变，将其放置在您的项目模板中 account/base.html :

{% extends "base.html" %}

{% load url from future %}
{% load i18n %}

{% block body %}
<div class="container">
    <div class="row">
        <div class="span3 columns">
            <div class="well">
                <h3>{% trans "Account" %}</h3>
                    <ul class="nav nav-list">
                        <li><a href="{% url "profile_edit" %}">{% trans "Profile" %}</a></li>
                        <li><a href="{% url "account_change_password" %}">{% trans "Change password" %}</a></li>
                        <li><a href="{% url "socialaccount_connections" %}">{% trans "Social Connections" %}</a></li>
                        <li><a href="{% url "account_email" %}">{% trans "Manage Email Accounts" %}</a></li>
                    </ul>
                </div>
            </div>
            <div class="span9 columns">
                <div class="well">
                    {% block content %}{% endblock %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

现在上面的模板将作为一个设置页面。例如，您可以设置 profile_edit作为设置页面的默认 url，当用户要登陆页面时，它看起来像这样:



我使用 bootstrap 布局只是为了演示。还要密切注意模板中的块名称，可能因您的不同而有所不同 base.html .