如何在Django 3.x中基于django-allauth实现双主题登录/注册页面

下面给出几个稳定可行的实现方式，解决查询参数丢失的问题：

方案一：继承 allauth 视图并重写模板获取逻辑（推荐） #

核心思路是通过Session 存储主题标识，继承 allauth 的登录/注册视图后，动态返回对应主题的模板。Session 会在用户会话中保留，重定向时不会丢失，完美解决跨页面主题保持的问题。

1. 自定义主题视图

# your_app/views.py
from allauth.account.views import LoginView, SignupView
from django.shortcuts import redirect

# 通用主题视图基类，可复用
class ThemedAuthViewMixin:
    def get_template_names(self):
        # 从 Session 取主题，默认用 allauth 原模板路径
        theme = self.request.session.get('auth_theme', 'default')
        # 假设模板结构为 account/{theme}/login.html，按需调整
        return [f'account/{theme}/{self.template_name.split("/")[-1]}']

# 自定义登录视图
class ThemedLoginView(ThemedAuthViewMixin, LoginView):
    # 保留原视图的 template_name 作为基础，方便动态替换主题路径
    template_name = 'account/login.html'

# 自定义注册视图
class ThemedSignupView(ThemedAuthViewMixin, SignupView):
    template_name = 'account/signup.html'

# 主题设置视图：将 URL 中的主题标识存入 Session
def set_auth_theme(request, theme):
    # 限制合法主题，避免恶意输入
    allowed_themes = ['default', 'theme_a', 'theme_b']
    if theme in allowed_themes:
        request.session['auth_theme'] = theme
    # 重定向回登录页
    return redirect('account_login')

2. 替换原 allauth 的 URL 配置

# your_app/urls.py
from django.urls import path
from .views import ThemedLoginView, ThemedSignupView, set_auth_theme

urlpatterns = [
    # 替换 allauth 默认的登录/注册 URL
    path('accounts/login/', ThemedLoginView.as_view(), name='account_login'),
    path('accounts/signup/', ThemedSignupView.as_view(), name='account_signup'),
    # 主题切换入口，比如访问 /accounts/set-theme/theme_a/ 即可切换到主题A
    path('accounts/set-theme/<str:theme>/', set_auth_theme, name='set_auth_theme'),
]

3. 模板文件结构
   按照以下结构放置主题模板：

templates/
├─ account/
│  ├─ default/
│  │  ├─ login.html
│  │  └─ signup.html
│  ├─ theme_a/
│  │  ├─ login.html
│  │  └─ signup.html
│  └─ theme_b/
│     ├─ login.html
│     └─ signup.html

方案二：模板重载 + 上下文处理器 #

如果不想修改视图代码，可以通过重载 allauth 的基础模板，结合上下文处理器动态加载主题片段。

1. 编写主题上下文处理器

# your_app/context_processors.py
def auth_theme(request):
    # 从 Session 取主题标识
    theme = request.session.get('auth_theme', 'default')
    return {'auth_theme': theme}

2. 在 settings 中注册上下文处理器

# settings.py
TEMPLATES = [
    {
        # ... 其他配置
        'OPTIONS': {
            'context_processors': [
                # ... 默认上下文处理器
                'your_app.context_processors.auth_theme',
            ],
        },
    },
]

3. 重载 allauth 基础模板
   在项目 templates 目录下创建 account/base.html，根据上下文变量加载对应主题的模板片段：

{% extends "base.html" %}

{% block content %}
    {% if auth_theme == 'theme_a' %}
        {% include "account/theme_a/auth_base.html" %}
    {% elif auth_theme == 'theme_b' %}
        {% include "account/theme_b/auth_base.html" %}
    {% else %}
        {% include "account/default/auth_base.html" %}
    {% endif %}
{% endblock %}

然后在各主题的 auth_base.html 中编写对应的登录/注册页面结构，allauth 的登录、注册模板会自动继承这个重载后的基础模板。

方案三：多 URL 绑定不同视图实例 #

如果需要不同主题对应独立的访问入口，可以给每个主题单独配置 URL 和视图，直接指定固定模板路径。

1. 定义多主题视图

# your_app/views.py
from allauth.account.views import LoginView, SignupView
from django.urls import reverse

class ThemeALoginView(LoginView):
    template_name = 'account/theme_a/login.html'

class ThemeASignupView(SignupView):
    template_name = 'account/theme_a/signup.html'
    # 注册成功后跳回主题A的登录页
    def get_success_url(self):
        return reverse('account_login_theme_a')

class ThemeBLoginView(LoginView):
    template_name = 'account/theme_b/login.html'

2. 配置多主题 URL

# your_app/urls.py
from django.urls import path
from .views import ThemeALoginView, ThemeASignupView, ThemeBLoginView

urlpatterns = [
    # 主题A的登录/注册入口
    path('accounts/theme-a/login/', ThemeALoginView.as_view(), name='account_login_theme_a'),
    path('accounts/theme-a/signup/', ThemeASignupView.as_view(), name='account_signup_theme_a'),
    # 主题B的登录/注册入口
    path('accounts/theme-b/login/', ThemeBLoginView.as_view(), name='account_login_theme_b'),
    # 默认登录入口
    path('accounts/login/', LoginView.as_view(), name='account_login'),
]

这个方案逻辑简单，但需要维护多套 URL，适合主题入口固定的场景。

内容的提问来源于stack exchange，提问作者shinywhitebox