直接在主页上登录/注册

Question

而不是登录页面'../account/login/'我想让用户可以直接在主页上登录,例如.我该怎么做才能成功呢？如何使用allauth连接主页上的输入字段？我不知道这是否过于复杂,无法以这种方式运作？

Answer 1

有一个适合我的解决方案。这不是最佳解决方案，因为它不干燥，所以如果有人改进它，我将不胜感激！

基本上我所做的就是渲染官方 allauth 登录模板并复制表单的 HTML 代码。然后我更改了 csrf 令牌和 url，并将其粘贴到主页模板中。

这是登录/注销的示例代码。您可以通过注册执行相同的操作。（请注意，我仅使用电子邮件而不是用户名进行登录，您的代码可能会根据您的 allauth 设置而有所不同。查看您的登录和注册模板，了解您需要哪些输入字段及其名称。）

{% load account %}

<h1>Login / Logout</h1>

{% if user.is_authenticated %}
    <p>Loged in with e-mail: {{ request.user.email }}</p>
    <a href="{% url "account_logout" %}">Logout</a>
{% else %}
    <form action="{% url "account_login" %}" method="post">
        {% csrf_token %}
        <input type="email" placeholder="E-mail" name="login">
        <input type="password" placeholder="Password" name="password">
        <label for="id_remember_menu" class="text-primary">Remember Me:</label>
        <input id="id_remember_menu" name="remember" type="checkbox">
        {% if redirect_field_value %}
            <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
        {% endif %}
        <button type="submit">Login</button>
        <a href="{% url 'account_reset_password' %}">Forgot Password?</a>
    </form>
{% endif %}

我想改进代码，并能够直接在主页模板中呈现表单，而{{ form }}不是复制 HTML。如果我能做到，我会稍后更新回复。