使用Flask集成bootstrap的方法


Posted in Python onJuly 24, 2018

1. 下载flask-bootstrap

pip install flask-bootstrap

2. 找到base.html文件

将site-packages\flask_bootstrap\templates文件夹下的bootstrap目录copy到你的项目\templates目录下,确保bootstrap目录下包含base.html文件,因为我们后面要用到。

3. 代码

user.html :

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

{% block title %}Flask{% 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="/" rel="external nofollow" rel="external nofollow" >Flask</a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="/" rel="external nofollow" rel="external nofollow" >Home</a></li>
        </ul>
      </div>
    </div>
  </div>
{% endblock %}

{% block content %}
  <div class="container">
    <div class="page-header">
      <h1>Hello, {{ name }}</h1>
    </div>
  </div>
{% endblock %}

MyFlask.py :

from flask import Flask, render_template
from flask_bootstrap import Bootstrap

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


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


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

4. 查看结果

浏览器输入:http://127.0.0.1:5000/user/Brown

结果:

使用Flask集成bootstrap的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python基础教程之常用运算符
Aug 29 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
May 25 Python
解决Django模板无法使用perms变量问题的方法
Sep 10 Python
Python3对称加密算法AES、DES3实例详解
Dec 06 Python
python之当你发现QTimer不能用时的解决方法
Jun 21 Python
Django 请求Request的具体使用方法
Nov 11 Python
python使用numpy实现直方图反向投影示例
Jan 17 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
Jun 08 Python
python实现批处理文件
Jul 28 Python
Python读取pdf表格写入excel的方法
Jan 22 Python
python工具快速为音视频自动生成字幕(使用说明)
Jan 27 Python
关于PySnooper 永远不要使用print进行调试的问题
Mar 04 Python
用python统计代码行的示例(包括空行和注释)
Jul 24 #Python
Python 删除整个文本中的空格,并实现按行显示
Jul 24 #Python
Python常见MongoDB数据库操作实例总结
Jul 24 #Python
Python实现端口检测的方法
Jul 24 #Python
Flask框架信号用法实例分析
Jul 24 #Python
Flask框架响应、调度方法和蓝图操作实例分析
Jul 24 #Python
Django中的Model操作表的实现
Jul 24 #Python
You might like
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
微信支付扫码支付php版
2016/07/22 PHP
全面解析PHP验证码的实现原理 附php验证码小案例
2016/08/17 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
2011/05/07 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Python中暂存上传图片的方法
2015/02/18 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Python实现Linux监控的方法
2019/05/16 Python
Python yield的用法实例分析
2020/03/06 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
python2和python3哪个使用率高
2020/06/23 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
人力资源行政经理自我评价
2013/10/23 职场文书
大学生演讲稿
2014/04/25 职场文书
党日活动总结
2014/05/07 职场文书
房地产开发项目建议书
2014/05/16 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
考研英语复习计划
2015/01/19 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
详解Python中下划线的5种含义
2021/07/15 Python
改造DE1103三步曲
2022/04/07 无线电
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers