flask 模板

模板:
加载 + 渲染

静态 + 动态
{{title}} {%block extCSS %}}
{% endblock %}
{ % block header %}

{% endblock %}

{% block content %}

{% endblock %}

{% block extJS %}

{% endblock %}

{% extends 'index.html' %}

{%block extCSS %}

{{super()}}

{% endblock %}

{% block header %}}

信息数据

展示信息

{% endblock %} 模板过滤: 循环: { %for foo in hobbies %}
  • {{ foo }}
  • {% endfor %}}
    def temp():
    # 数据传递
    hobbies = ['danan','tag','tiao','play','<h2>link</h2>']
    return render_template('index.html',hobbies=hobbies)
    

    --》 页面浮动:

    (换行 + 请浮动)
    判断:
    { % if loop.first %}
  • {{foo}}:{{loop.revindex}}

  • {% elif loop.last %}
  • {{foo}}:{{loop.revindex}}

  • {% else %}
  • {{foo}}:{{loop.revindex}}

  • {% endif %}
    组合:

    { %for foo in hobbies %}
    
        { % if loop.first %}
            <li style="color: yellow">{{foo}}:{{loop.revindex}}</li>
        {% elif loop.last %}
            <li style="color: blue">{{foo}}:{{loop.revindex}}</li>
        {% else %}
            <li style="color: yellow">{{foo}}:{{loop.revindex}}</li>
        {% endif %}
        
    {% endfor %}}
    

    过滤器:

    {{ 变量|过滤器 | 过滤器......}}
    
    --> lower / upper /sort / saft     : 修改变量展示
    

    flask-bootstrap :
    插件 (样式) --. 前端:
    pip install flask-bootstrap

    {% extends 'bootstrap/base.html %}

    {% block content %}

    ....

    {% endblock %}
    manage.py:
    Bootstrap(app=app)

    @blue.route('/boot/')
    def boot():
    return render_template('boot.html')
    flash:
    1.闪过提示信息
    2.前端做提示
    3.view 内 flash 函数u,将信息传递出去
    4.模板使用,get_flash_message() 获取信息
    bootstrap:
    插件模板功能模块 !!!

    原文地址:https://www.cnblogs.com/shaozheng/p/12934510.html