16- flask-bootstrap模板的使用

这篇具有很好参考价值的文章主要介绍了16- flask-bootstrap模板的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Flask 中支持 flask-bootstrap模板 和 bootstrap-flask模板

# 不使用: bootstrap-flask
# pip install bootstrap-flask==1.3.1 # 支持bootstrap 4
# pip install flask-bootstrap # 支持bootstrap3

# 中文文档:
        https://flask-bootstrap-zh.readthedocs.io/zh/latest/
# 样式文档:
        https://v3.bootcss.com/getting-started/#download

一. flask-bootstrap 模板使用

        (1). 下载: pip install flask-bootstrap

        (2).  在 ext / __init__.py中 创建bootstrap对象

        (3).  在 apps/__init__.py中 初始化bootstrap

16- flask-bootstrap模板的使用,Flask,flask

二. flask-bootstrap内置block

// bootstrap内置的block
{% block title %}标题{% endblock %}
{% block navbar %}导航栏{% endblock %}
{% block content %}中心内容{% endblock %}
{% block styles %}样式{% endblock %}
{% block srcipts %}脚本{% endblock %}
{% block head %}头{% endblock %}
{% block body %}体{% endblock %}


// styles 和 scripts  需要继承父模板
// 添加css脚本
{% block styles %}
        {{ super() }} // 继承腹肌样式
        <style>  //定义自己样式
            ...
        </style>
{% endblock %}

// 添加js脚本
{% block scripts %}
        {{ super() }}
        <script>
            ...
        </script>
{% endblock %}

三. 代码实例

16- flask-bootstrap模板的使用,Flask,flask文章来源地址https://www.toymoban.com/news/detail-679163.html

到了这里,关于16- flask-bootstrap模板的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • flask bootstrap页面json格式化

    2024年02月07日
    浏览(46)
  • Python进阶项目--只因博客(bootstrap+flask+mysql)

    只因首页效果图 1.1 具体步骤 1.2 Pycharm虚拟环境的配置 2.1 Flask的ORM 2.2 数据迁移 2.3 插件代码 3.1 app.py 3.2 init.py 3.3 views.py 3.4 views_admin.py 3.5 models.py 3.6 models_admin.py Flask入门和视图–01 Flask会话技术和Flask模板语言–02 Flask模型基础–03 敲黑板!!🎮看此片段时建议先看看这篇博客

    2024年02月03日
    浏览(35)
  • 基于Flask+Bootstrap+机器学习的世界杯比赛预测系统

    🤵‍♂️ 个人主页:@艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞👍🏻 收藏 📂加关注+ 目录 一、项目介绍 1.1项目简介 1.2技术工具 1.3页面概述  二、项目步骤 2.1首页模块 2.2查看

    2024年02月09日
    浏览(44)
  • 基于Flask+Bootstrap+机器学习的南昌市租房价格预测系统

    🤵‍♂️ 个人主页:@艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞👍🏻 收藏 📂加关注+ 目录 一、项目介绍 1.1项目简介 1.2技术工具 1.3页面概述  二、项目步骤 2.1登录模块 2.2注册

    2024年02月02日
    浏览(36)
  • Flask:模板渲染

    本文章只作为个人笔记. 文章目录 前言 一、模板渲染 二、效果 模板渲染 使用render_template可以达到用html文件对网页进行渲染,可以传参数. 使用html收到变量,用{{变量名}}这样就能拿到变量的值了. blog_detail.html渲染效果: index.html渲染效果

    2024年01月23日
    浏览(42)
  • Flask 网站装潢, 简易更换模板

    本博文找个好看的网页模板,并简单改一改变成flask模板,并展示 主博客目录:《从零开始学习搭建量化平台笔记》 主项目计划需要Flask展示可视化数据网站需要一个好看的主页。 任务:找一个好看的模板并改成Flask模板。 在某乎上找了个下载免费模板的网站。(中文网站)

    2024年02月06日
    浏览(40)
  • Flask狼书笔记 | 03_模板

    模板 (template):包含固定内容和动态部分的可重用文件。Jinja2模板引擎可用于任何纯文本文件。 HTML实体 :https://dev.w3.org/html5/html-author/charref Jinja2定界符 : 语句: {% ... %} 表达式: {{ ... }} 注释: {# ... #} 注 :适度使用模板,仅放和输出控制有关的逻辑操作。 补充 : ren

    2024年02月11日
    浏览(36)
  • flask web学习之模板(二)

    一、模板结构组织 1.1 局部模板 当多个独立模板中都会使用同一块HTML代码时,我们可以把这部分代码抽离出来,存储到局部模板中。这样,既可以避免重复,也可以方便统一管理。 1.2 宏 宏是Jinja2提供的一个非常有用的特性,它类似Python的函数。使用宏可以把一部分代码封装

    2024年01月15日
    浏览(33)
  • 二、Flask会话技术和模板语言

    模板语法 循环判断 结构标签 base.html child1.html child2_include.html child2.html

    2024年04月15日
    浏览(30)
  • (十一)Flask模板引擎jinja2

    Flask使用Jinja2作为默认的模板引擎。Jinja2是一个功能强大且易于使用的模板引擎,它允许我们在HTML中嵌入Python代码,并通过将模板和数据进行渲染来生成动态内容。 实战之在Flask中使用Jinja2模板引擎: 在Flask应用程序的根目录下创建一个名为 templates 的文件夹,用于存放模板

    2024年02月04日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包