??最近學(xué)習(xí)flask的bootstrap模板相關(guān)知識，但是執(zhí)行程序時(shí)報(bào)錯(cuò)找不到模板。經(jīng)過一下午的折騰發(fā)現(xiàn)了問題癥結(jié)所在。

jinja2.exceptions.TemplateNotFound
jinja2.exceptions.TemplateNotFound: bootstrap/base.html

第一種情況：
??沒有templates文件夾，因?yàn)槟J(rèn)情況下，F(xiàn)lask在程序文件夾中的templates子文件夾中尋找模板。
解決方案：
??在程序文件夾下邊新建一個(gè)templates文件夾，將index.html和user.html模板文件放進(jìn)去。如下圖所示:

templates文件夾

第二種情況：
??hello.py程序中沒有bootstrap = Bootstrap(app)或者bootstrap = Bootstrap(app)語句放錯(cuò)了位置。
解決方案：
??正確添加bootstrap = Bootstrap(app)語句。

??錯(cuò)誤示范：bootstrap = Bootstrap(app)放在了程序最后，依然提示找不到bootstrap/base.html。

from flask import Flask
from flask import render_template
from flask_bootstrap import Bootstrap

app =Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/user/<name>')
def user(name=None):
    return render_template('user.html',name=name)

if __name__=='__main__':
    app.run(debug=True)

bootstrap = Bootstrap(app)

??正確示范：

from flask import Flask
from flask import render_template
from flask_bootstrap import Bootstrap

app =Flask(__name__)
bootstrap = Bootstrap(app)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/user/<name>')
def user(name=None):
    return render_template('user.html',name=name)

if __name__=='__main__':
    app.run(debug=True)

正確執(zhí)行

附模板代碼:
index.html文件內(nèi)容：
<h1>Hello World!</h1>

user.html文件內(nèi)容：

{% extends "bootstrap/base.html" %}
{% block title %}bill{% endblock %}
{% block navbar %}
<div class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle"
                    data-toggle="collapse" data-target=".navbar-collapse">
                <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="/">bill</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="/">Home</a></li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}
 
{% block content %}
<div class="container">
    <div class="page-header">
        <h1>Hello, {{ name }}!</h1>
    </div>
</div>
{% endblock %}