Flask学习——Flask-Bootstrap框架

本文介绍了如何在Flask应用中使用Flask-Bootstrap扩展来集成Bootstrap框架,以创建美观的网页。通过模板继承,实现了页面布局的复用,简化了HTML响应的创建。在Flask-Bootstrap的基模板中,定义了多个可被衍生模板重定义的块,如title, navbar和content,方便定制页面内容。这种做法使得导航条和主要内容可以在不同页面中独立定义,提高了代码的可维护性和复用性。" articleid,blogid,新标题,新标签,新关键词,新摘要 127082945,11219767,DSP音频输出与DAC映射关系解析,"['音频开发', '数字信号处理', '音频系统', 'TDM', '音频接口']
摘要由CSDN通过智能技术生成

Bootstrap(http://getbootstrap.com)是Twitter开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网页,而且能够兼容所有现代Web浏览器。

Bootstrap是客户端框架,因此不会直接涉及服务器。服务器要做的只是提供引用了Bootstrap层叠样式表(CSS)和Javascript文件的HTML响应,并在HTML、CSS和Javascript代码中实例化所需组件。这些操作最理想的执行场所就是模板。

在Flask中安装Flask-Bootstrap的Flask扩展简化集成过程,使用pip安装:

pip install flask-bootstrap
Flask扩展一般都在创建实例时初始化,如下对前面创建的hello.py进行Flask-Bootstrap初始化:

hello.py:初始化Flask-Bootstrap

from flask_bootstrap import Bootstrap
#...
bootstrap = Bootstrap(app)

初始化之后,就可以在程序中使用一个包含所有Bootstrap文件的基模板,这个模板利用Jinja2的模板继承机制,让程序扩展一个具有基本页面结构的基模板,其中就有用来引入Bootstrap的元素。例,user.html改写为衍生模板后的新版本。

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

{% block title %}Flasky{% endblock %}

{% block na
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值