Flask中集成bootstrap框架

最新推荐文章于 2024-09-13 07:04:57 发布

lover-517

最新推荐文章于 2024-09-13 07:04:57 发布

阅读量781

点赞数

本文链接：https://blog.csdn.net/GLH_2236504154/article/details/88257387

版权

本文介绍了如何在Flask框架中集成Bootstrap，包括Bootstrap的作用、Flask项目中静态文件和链接的导入、Flash消息及Session的使用，还讨论了在Flask中实现登录和管理员权限的装饰器。

摘要由CSDN通过智能技术生成

1. 什么是Bootstrap?

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

2. Flask中如何集成Bootstrap?

使用 pip 安装Flask-Bootstrap 的 Flask 扩展,简化集成的过程。
    from flask.ext.bootstrap import Bootstrap
    bootstrap = Bootstrap(app)

3. Flask-Bootstrap实现了什么?

- 利用 Jinja2 的模板继承机制,让程序扩展一个具有基本页面结构的基模板,其中
就有用来引入 Bootstrap 的元素。
{ % extends "bootstrap/base_other.html" % }

- 基模板中定义了可在衍生模板中重定义的块。
        块名                    说 明
        doc                     整个 HTML 文档
        html_attribs            <html> 标签的属性
        html <html>             标签中的内容
        head <head>             标签中的内容
        title <title>           标签中的内容
        metas                   一组 <meta> 标签
        styles                  层叠样式表定义
        body_attribs