2017-06-09 26 views
-1

这可能是某种愚蠢的误会不渲染,但是我想包括我的HTML文件的一些神社代码,在这个文件中,我在GitHub上找到:神社在HTML文件

{% extends "bootstrap/base.html" %} 

{% block title %} 
Demo App 
{% endblock %} 

{% block styles %} 
{{super()}} 
<link rel="stylesheet" href="{{url_for('.static', filename='starter- 
template.css')}}"> 
{% endblock %} 

{% block content %} 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Project name</a> 
    </div> 
    <div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="{{ url_for('login') }}">Login</a></li> 
     <li><a href="{{ url_for('signup') }}">Sign Up</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</nav> 

<div class="container"> 

    <div class="starter-template"> 
    <h1>Bootstrap starter template</h1> 
    <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> 
    </div> 

</div><!-- /.container --> 
{% endblock %} 

您会看到Jinja代码包含在“{%...%}”中。“然而,当我在Web浏览器中运行这个文件,我得到如下:enter image description here

正如你可以在截图上看到,而不是执行神社代码,该神社被解读为HTML文本。这怎么解决?

谢谢!

+0

好像你缺少一个css文件(除非你在'basse.html'中声明了样式)。你可以分享'base.html'吗? – AArias

+0

你可以包含渲染模板的烧瓶路线吗?当你说你在浏览器中运行这个文件时,你只是在浏览器中打开HTML文件?从屏幕截图看来,您的模板从未呈现过。 – Maarten

回答

0

jinja模板不应该在浏览器中查看。烧瓶将生成并提供合适的html,并在请求时从您的模板生成。