在 Django 中将不同的模板呈现为相同的 URL 模式
Posted
技术标签:
【中文标题】在 Django 中将不同的模板呈现为相同的 URL 模式【英文标题】：Rendering different templates to the same URL pattern in Django 【发布时间】：2017-10-16 15:06:04 【问题描述】：我的问题类似于Same URL in multiple views in Django，但我不是根据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')
【问题讨论】：
你怎么知道js被禁用了？浏览器不会宣布这个事实。<noscript> 标签会告诉你。看看我的 base.html 代码。
【参考方案1】：
根据您的 Django 版本，您可能需要在 settings.py 中指定 TEMPLATE_DIR =（在较新的版本中，这不是必需的）。
这里有一些关于模板和标签逻辑的有用 information：
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 %
【讨论】：
首先非常感谢您的回答，其次什么是“输出% include 'jsDisabled.html' % 抛出一个错误，我在文档上看到了它，但我没有得到它。我想在我的 base.html 中呈现 jsDisabled.html，因为我的 base.html 包含用于显示页面页眉和页脚的代码，如果我尝试在 index.html 中显示 jsDisabled.html，它将显示页眉和页脚以及我不想要的。
% include 'file.html' % 从 main/templates/myapp/includes/file.html 检查并确保目录路径准确。我喜欢在全球范围内为标准页眉和页脚以及脚本信息提供 base.html。使用 % extends 'myapp/base.html' % 然后创建包含内容来填充这些模板的 index.html。【参考方案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 放入其中，将include 内置模板标签包含为@noes1s 建议的% include 'includes/jsDisabled.html' %。
【讨论】：
以上是关于在 Django 中将不同的模板呈现为相同的 URL 模式的主要内容，如果未能解决你的问题，请参考以下文章
在 Google App Engine 中将 docx 文件呈现为 django 模板
在 Django 模板中将卡片组划分为行的最佳方法 - Django