django模板语法使用后页面上出现”{}“而没有正常显示

django模板语法使用后页面上出现”{}“而没有正常显示


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>{{ n1 }}</div>
<div>{{ n2.0 }}</div>
<div>
    {% for item in n2 %}
        <span>
            {{ item }}</span>

    {% endfor %}
</div>

<div>
    {{ n3.0 }}
    {% for item in n3.keys %}
    <span>{{ item }}</span>
    {% endfor %}



</div>
 <li>服务员:{{ roles_list }}</li>
    <li>服务员:{{ roles_list.0 }}</li>
    <li>服务员:{{ roles_list.1 }}</li>
    <li>服务员:{{ roles_list.2 }}</li>
</body>
</html>

以上是html文件

img


以上视图文件

img


以上是效果，求解决谢谢！

按照这个格式加一下试试：

{% verbatim %}
<div>{{ n1 }}</div>
<div>{{ n2.0 }}</div>
<div>
    {% for item in n2 %}
        <span>{{ item }}</span>
    {% endfor %}
</div>
{% endverbatim %}

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

确保已经在settings.py文件中配置了TEMPLATE设置，包括指定模板的目录和所使用的模板引擎


TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [],
        "APP_DIRS": True,
        "OPTIONS": {
            "context_processors": [
                "django.template.context_processors.debug",
                "django.template.context_processors.request",
                "django.contrib.auth.context_processors.auth",
                "django.contrib.messages.context_processors.messages",
            ],
        },
    },
]

HTML中语法问题，你的n3是一个字典，key只能是1，2。而你的模板里面有n3.0，错误的取值导致模板不能正常渲染

模板问题，好好检查下你的格式，单引号双引号什么的
参考 https://www.cnblogs.com/guyouyin123/p/12163248.html

破案了，没启动app服务直接访问了网址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>{{ n1 }}</div>
<div>{{ n2.0 }}</div>
<div>
    {% for item in n2 %}
        <span>
            {{ item }}</span>
    {% endfor %}
</div>
 
<div>
    {{ n3.0 }}
    {% for item in n3.keys %}
        <span>{{ item }}</span>
    {% endfor %}
</div>
 
<li>服务员:{{ roles_list }}</li>
<li>服务员:{{ roles_list.0 }}</li>
<li>服务员:{{ roles_list.1 }}</li>
<li>服务员:{{ roles_list.2 }}</li>
</body>
</html>

你是怎么访问的页面？模板语法，需要启动服务才可以访问，不能直接访问 html 页面。

在Django中应用Vue时出现“{{ }}”无效的解决方法

当我们在django框架中运行以下html代码：

...
<body>
    <div id="app">
        {{ message }}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: "#app",
            data: {
                message: "testtest",
            }
        })
    </script>
</body>
...

我检查了你的代码啊。语法层面上没有问题，就是使用两个{}花括号来显示后面的数据对象的值。没有问题。检查下你后台传过来的数据是否正确的，其次，重新启动下你的应用程序看看有没有问题。或者清理下缓存什么的。

检查一下格式对不对，比如中英文、空格等

标记没有生效，检查一下代码有没有错误

回答部分参考、引用ChatGpt以便为您提供更准确的答案：

要将蝰蛇音效添加到WAV文件中，并在汽车上播放而不影响音质，您可以考虑以下步骤：

  1. 获取高质量的蝰蛇音效文件：首先，确保您拥有高质量的蝰蛇音效文件。您可以从专业的音效库、音效制作人或在线音效市场购买具有高保真度和适合汽车环境的蝰蛇音效文件。
  2. 格式转换和压缩：将蝰蛇音效文件转换为WAV格式，并根据需要进行适当的压缩。确保选择适合汽车音响系统的WAV格式和压缩设置，以提供最佳的音质和兼容性。
  3. 混音和平衡：使用专业音频编辑软件，将蝰蛇音效与现有的音频文件进行混音和平衡。您可以调整音量、平衡和空间效果，以确保蝰蛇音效与原始音频文件相协调，并在汽车音响系统中呈现出理想的效果。
  4. 车载音响系统设置：在汽车音响系统中进行适当的设置，以确保音频文件以最佳方式播放。调整音量、均衡器和声场设置，以使蝰蛇音效在汽车内部产生期望的空间感和音效效果。
  5. 测试和优化：在汽车内部进行测试和优化，以确保蝰蛇音效与汽车音响系统和车内环境相匹配。根据需要进行微调，以获得最佳的音质和音效体验。

需要注意的是，由于汽车音响系统和车内环境的差异，蝰蛇音效在不同车型和车内布局中的效果可能会有所不同。因此，建议您进行多次测试和调整，以找到最适合您的汽车的设置和效果。