模板（Jinja2+bootstrasp）

来源：互联网发布：戈仑石人升级数据编辑：程序博客网时间：2024/05/28 05:15

1、安装python扩展库：

2、hello.py

from flask import Flask, render_templatefrom flask.ext.script import Managerfrom flask.ext.bootstrap import Bootstrapapp = Flask(__name__)manager = Manager(app)bootstrap = Bootstrap(app)@app.route('/')def index():    return render_template('index.html')@app.route('/user/<name>')def user(name):    return render_template('user.html', name=name)if __name__ == '__main__':    manager.run()

3、flasky目录

4、user.html

<!-- Jinja2的extends指令，导入base.html模板并继承-->{% extends "bootstrap/base.html" %}<!-- 重定义title块的内容-->{% block title %}Flasky{% endblock %}<!-- 重定义navbar块的内容-->{% 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="/">Flasky</a>        </div>        <div class="navbar-collapse collapse">            <ul class="nav navbar-nav">                <li><a href="/">Home</a></li>            </ul>        </div>    </div></div>{% endblock %}<!-- 重定义content块的内容-->{% block content %}<div class="container">    <div class="page-header">        <h1>Hello, {{ name }}!</h1>    </div></div>{% endblock %}

5、运行hello.py

6、访问Web地址

0 0