Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/279.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python Jinja2未正确显示在网页中_Python_Html_Css_Django_Jinja2 - Fatal编程技术网

Python Jinja2未正确显示在网页中

Python Jinja2未正确显示在网页中,python,html,css,django,jinja2,Python,Html,Css,Django,Jinja2,使用Django,我必须创建一个基本网站,以在网页上显示SQL数据库中的元素。 现在,我已经创建了一个基本的HTML模板,从那里开始,但是由于我在HTML文档中包含了Jinja2语法,所以它没有显示正确性。它在浏览器中显示所有的Jinja2代码。如果您需要查看另一个文件,请询问 views.py index.html 输出 {%和%}标记是元素,例如{和%}之间不允许有空格,只要删除它们之间的空格,Jinja就会识别其块标记并正确呈现模板。请从应用程序的views.py文件中包含相应的视图功能。

使用Django,我必须创建一个基本网站,以在网页上显示SQL数据库中的元素。 现在,我已经创建了一个基本的HTML模板,从那里开始,但是由于我在HTML文档中包含了Jinja2语法,所以它没有显示正确性。它在浏览器中显示所有的Jinja2代码。如果您需要查看另一个文件,请询问

views.py

index.html

输出


{%和%}标记是元素,例如{和%}之间不允许有空格,只要删除它们之间的空格,Jinja就会识别其块标记并正确呈现模板。

请从应用程序的views.py文件中包含相应的视图功能。添加了views.py@Dauros
from django.shortcuts import render
from django.http import HttpResponse
from .models import Book

# Functions to display the webpages using the render function when button clicked
def index(request):
    return render(request, "index.html", {})


def books(request):
    return render(request, "books.html", {'Book': Book})


def about(request):
    return render(request, "about.html", {})

{ % extends "header.html" % }

{ % block content % }
    <article>Article</article>      
    <nav>
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/books.html">Books</a></li>
            <li><a href="/about.html">About</a></li>
        </ul>
    </nav>
    <aside>Aside</aside>
{ % endblock % }
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
    <link rel="stylesheet" href="/static/styles.css">
</head>

<body>
  <header>Header</header>
  <div id="main">
    { % block content % }

    { % endblock % }
  </div>
  <footer>Footer</footer>
</body>

</html>
* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

#main {
    display: flex;
    min-height: calc(100vh - 40vh);
}

#main > article {
    flex: 1;
}

#main > nav,
#main > aside {
    flex: 0 0 20vw;
    background: gray;
}

#main > nav {
    order: -1;
}

header, footer, article, nav, aside {
    padding: 1em;
}

header, footer {
    background: black;
    color: white;
    height: 20vh;
}