首页 > 代码库 > Flask学习 三
Flask学习 三
使用flask-bootstrap 集成Bootstrap
pip install flask-bootstrap
安装后即可继承使用Bootsftrap所有文件的基模版
from flask import Flask,render_template from flask.ext.bootstrap import Bootstrap app = Flask (__name__) bootstrap = Bootstrap(app) @app.route (‘/‘) def index1(): return render_template(‘index.html‘) @app.route (‘/user/<name>‘) def index(name): return render_template(‘user.html‘,name= name) if __name__ == ‘__main__‘: app.run (debug=True)
{% extends ‘bootstrap/base.html‘ %} {% block title %}Flasky{% endblock %} {% block navbar %} <div class="navbar navbar-inverse" role="navigation"> <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> {% endblock %} {% block content %} <div class="container"> <div class="page-header"> <h1>Hello,{{ name }}!</h1> </div> </div> {% endblock %}
bootstrap 中scripts和styles块如果想添加新内容,必须使用super()函数
{% block scripts %} {{ super() }} <script type="text/javascript" src = ‘myscript.js‘></script> {% endblock %}
Flask学习 三
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。