flask-bootstrap 生成基模版过程中的细节

最新推荐文章于 2023-02-21 17:12:05 发布

minoboy

最新推荐文章于 2023-02-21 17:12:05 发布

阅读量277

点赞数

分类专栏： python 文章标签： flask-bootstrap css 基模版

本文链接：https://blog.csdn.net/minoboy/article/details/103667909

版权

python 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

pip install flask_bootstrap

from flask_bootstrap import Bootstrap

#上述模块其实是在 C:\Python27\Lib\site-packages\flask_bootstrap\__init__.py导入

bootstrap=Bootstrap()

#生成一个 base.html 基模版文件，位置在 C:\Python27\Lib\site-packages\flask_bootstrap\templates\bootstrap\base.html

初始化flask-bootstrap 后，在程序中生成一个bootstrap/base.html基板，它提供了一个网页框架，引入了所有的CSS和

Javascript文件。

如下图：

{% block doc -%}
<!DOCTYPE html>
<html{% block html_attribs %}{% endblock html_attribs %}>
{%- block html %}
<head>
{%- block head %}
<title>{% block title %}{{title|default}}{% endblock title %}</title>

{%- block metas %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endblock metas %}

{%- block styles %}

<link href="{{bootstrap_find_resource('css/bootstrap.css', cdn='bootstrap')}}" rel="stylesheet">
{%- endblock styles %}
{%- endblock head %}
</head>
<body{% block body_attribs %}{% endblock body_attribs %}>
{% block body -%}
{% block navbar %}
{%- endblock navbar %}
{% block content -%}
{%- endblock content %}

{% block scripts %}
<script src="{{bootstrap_find_resource('jquery.js', cdn='jquery')}}"></script>
<script src="{{bootstrap_find_resource('js/bootstrap.js', cdn='bootstrap')}}"></script>
{%- endblock scripts %}
{%- endblock body %}
</body>
{%- endblock html %}
</html>