【问题标题】:Html is not recognizing block, endblock arguments. Django queryHtml 无法识别块、结束块参数。 Django 查询
【发布时间】:2020-06-25 06:38:27
【问题描述】:

*我的 index.html 文件有问题。 {% extends 'base.html' %} 有效。但一切都是黑白的 {% block content %}{% endblock content %} 不执行。这是我的文件。

views.py:-*

from django.shortcuts import render
def index(request):
    return render(request, 'main/index.html')

base.html:-

<!doctype html>
{%load static %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
            crossorigin="anonymous"></script>
    <title>To Do App</title>
</head>
<body>
<div>
    <nav class=" navbar fixed-top navbar-dark bg-dark">
        <a class="navbar-brand" href="/">To Do App</a>
    </nav>
    <div class="container">
        {% block content %}
        {% endblock content %}
    </div>
</div>
</body>
</html>

index.html:-

{% extends 'base.html'%}
{% block content %}
<div class="row">
    <div class="col">
        <h2>Add Item</h2>
    </div>
</div>
{% endblock content %}

它只显示一个深色导航栏,上面写着 To Do App 我也尝试添加诸如表单之类的高级内容,但它不起作用,所以我添加了这个标题,说添加项目。猜猜是什么不起作用

【问题讨论】:

  • 显示你的模板目录结构

标签: python html django django-views django-templates


【解决方案1】:

当我在浏览器中检查元素时,我可以看到您的标题“添加项目”。唯一的问题是整个&lt;div class="container"&gt;...&lt;/div&gt; 隐藏在导航栏后面。原因是 CSS。 在 .container 中添加 margin-top: 56px 之类的内容可能会解决问题。

【讨论】:

  • 是的,你是对的。所以我在第一个 div 中添加了这个参数 class= "row mt-4" 并且它完美地工作。谢谢,伙计,你是一个绝对的传奇。这是最终的 index.html 代码............
    ......................跨度>
【解决方案2】:

基于documentation,当你关闭标签时,你必须只使用'endblock'标签。所以你必须用{% endblock %}替换{% endblock content %}

【讨论】:

    猜你喜欢
    • 2017-06-08
    • 2020-06-18
    • 2022-01-22
    • 2021-11-01
    • 2016-07-08
    • 2023-03-19
    • 1970-01-01
    • 1970-01-01
    • 2018-11-19
    相关资源
    最近更新 更多