使用Flask集成bootstrap的方法

 更新时间:2018年07月24日 14:13:27   作者:BrownWong  
这篇文章主要介绍了使用Flask集成bootstrap的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

结果:

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

相关文章

  • 基于Python中random.sample()的替代方案

    基于Python中random.sample()的替代方案

    这篇文章主要介绍了基于Python中random.sample()的替代方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-05-05
  • 关于Python中Flask全局异常处理流程详解

    关于Python中Flask全局异常处理流程详解

    Flask是一个基于Python的Web框架,它提供了全局异常处理的机制来捕获和处理应用程序中的异常,本文将详细介绍Flask的全局异常处理,并提供相应的代码示例,需要的朋友可以参考下
    2023-06-06
  • pytorch之inception_v3的实现案例

    pytorch之inception_v3的实现案例

    今天小编就为大家分享一篇pytorch之inception_v3的实现案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-01-01
  • Python计算质数的方法总结

    Python计算质数的方法总结

    质数(Prime Number)是指大于1且只能被1和自身整除的正整数,计算质数是数论中的一个经典问题,本文将介绍python中多种计算质数的方法,希望对大家有所帮助
    2023-11-11
  • Python项目管理Git常用命令详图讲解

    Python项目管理Git常用命令详图讲解

    这篇文章主要介绍了Python项目管理Git常用命令详图讲解,文中附含详细的图片讲解,建议收藏阅读,有需要的朋友可以借鉴参考下,希望能够有所帮助
    2021-09-09
  • python3 中文乱码与默认编码格式设定方法

    python3 中文乱码与默认编码格式设定方法

    今天小编就为大家分享一篇python3 中文乱码与默认编码格式设定方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Python的三种主要模块介绍

    Python的三种主要模块介绍

    这篇文章介绍了Python的三类主要模块,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • Python获取文本文件行数的三种常用方法

    Python获取文本文件行数的三种常用方法

    在Python中获取文件中的行数可以帮助我们更好地处理和分析数据,这篇文章主要给大家介绍了关于Python获取文本文件行数的三种常用方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • Python 字典一个键对应多个值的方法

    Python 字典一个键对应多个值的方法

    这篇文章主要介绍了Python 字典一个键对应多个值的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • Tensorflow高性能数据优化增强工具Pipeline使用详解

    Tensorflow高性能数据优化增强工具Pipeline使用详解

    这篇文章主要为大家介绍了Tensorflow高性能数据优化增强工具Pipeline使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11

最新评论