zoukankan      html  css  js  c++  java
  • 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:
    插件模板功能模块 !!!

查看全文
  • 相关阅读:
    Hive函数大全
    SparkSQL与Hive on Spark
    Hadoop安装—— WARN util.NativeCodeLoader: Unable to load native-hadoop library for your platf
    centos7配置防火墙
    hive使用
    SPOOL 命令使用实例【oracle导出纯文本格式文件】
    IP 跟踪
    chinaunix---linux教程
    Python语言获取目录下所有文件
    m
  • 原文地址:https://www.cnblogs.com/shaozheng/p/12934510.html
  • Copyright © 2011-2022 走看看