在Django中将不同的模板呈现为相同的URL模式

Question

我的问题类似于Django中多个视图中的Same URL ，但是我不是基于user_authentication呈现模板，而是基于浏览器中启用或禁用的JavaScript呈现模板。

我要做什么？

如果尝试在浏览器中启用JavaScript，我将尝试呈现index.html页面，否则，如果禁用jsDisabled.html页面，并且两个页面均应使用相同的URL模式呈现，则我想呈现该页面。例如：

如果在浏览器中启用了JavaScript，则localhost:8000应该呈现index.html如果禁用JavaScript，则应该呈现jsDisabled.html页面。

注意：我正在使用<noscript>标记检查浏览器中是否禁用了JavaScript，该标记将在禁用JavaScript时运行。

到目前为止，这是我的代码：

base.html文件：

{% load staticfiles %}

<!DOCTYPE html>
<html>
    <head>
    </head>

    <body class="noJs">
        ...
        <a href="{% url 'index' 0 %}"> abc </a>
        ...
        <noscript>
            <style type="text/css">
                .noJs {
                    display: none;
                }
            </style>
            <meta http-equiv="refresh" content="{% ulr 'index' 1 %}"> /* This should render jsDisabled.html page on the same URL which is 'localhost:8000' */

        </noscript>
    </body>
</html>

urls.py：

from django.conf.urls import include, url
from django.contrib import admin
from . import views

urlpatterns = [
  ...
  url(r'^(?P<flag>[0-1])$', views.index, name='index'),
]

views.py：

from django.shortcuts import render

def index(request, flag):
    if (flag):
       return render(request, 'jsDisabled.html')
    else:
       return render(request, 'index.html')

Answer 1

根据您的Django版本，您可能需要在settings.py中指定TEMPLATE_DIR =（在较新的版本中，这不是必需的）。

以下是有关模板和标签逻辑的一些有用信息：

Main/templates/myapp/base.html
Main/templates/myapp/index.html
Main/templates/myapp/includes/yes_js.html
Main/templates/myapp/includes/no_js.html

base.html文件：

{% load staticfiles %}

<!DOCTYPE html>
<html>
<head>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>

index.html的：

{% extends 'myapp/base.html' %}
{% load staticfiles %}

{% block content %}
<noscript>
{% include 'no_js.html' %}
</noscript>

{% include 'yes_js.html' %}

{% endblock %}

Answer 2

经过大量的调试，我终于找到了解决方案:)在这里：

base.html文件：

{% load staticfiles %}

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 <div class="noJs">
    ...
    <a href="{% url 'index' 0 %}"> abc </a>
    ...
 </div>
 <noscript>
    <style type="text/css">
        .noJs {

            display: none;
       }
    </style>
    {% include 'includes/jsDisabled.html' %}
</noscript>
</body>
</html>

urls.py

from django.conf.urls import include, url
from django.contrib import admin
from . import views

urlpatterns = [

   url(r'^admin/', admin.site.urls),
   url(r'^articles/', include('articles.urls')),
   url(r'^contact/', include('contact.urls')),
   url(r'^temp/',views.temp, name="temp"),
   url(r'^$', views.index, name='index'),
]

views.py：

from django.shortcuts import render

def index(request):
    return render(request,'index.html')

def temp(request):
     return render(request,'temp.html')

通过在模板文件夹内创建一个名为includes的文件夹并将jsDisabled.html放在其中，我将@ noes1s建议的include内置模板标签{% include 'includes/jsDisabled.html' %}为{% include 'includes/jsDisabled.html' %} 。

在Django中将不同的模板呈现为相同的URL模式

问题描述

2 个解决方案

解决方案1
1 2017-10-16 15:47:09

base.html文件：

index.html的：

解决方案2
0 已采纳 2017-10-17 10:58:49

base.html文件：

urls.py

views.py：

在Django中将不同的模板呈现为相同的URL模式

问题描述

2 个解决方案

解决方案1 1 2017-10-16 15:47:09

base.html文件：

index.html的：

解决方案2 0 已采纳 2017-10-17 10:58:49

base.html文件：

urls.py

views.py：

解决方案1
1 2017-10-16 15:47:09

解决方案2
0 已采纳 2017-10-17 10:58:49