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:
    插件模板功能模块 !!!

查看全文
  • 相关阅读:
    浮点型float
    Linux时间同步命令
    四层负载均衡和七层负载均衡的区别
    Linux下把Mysql和Apache加入到系统服务里
    Linux下Nagios的安装与配置
    Linux是怎么启动的(整理)
    centos 双网卡 eth0 eth1 配置
    MYSQL的常用命令和增删改查语句和数据类型
    CentOS 下如何修改 MySQL 的密码
    mysql unrecognized service问题解决
  • 原文地址:https://www.cnblogs.com/shaozheng/p/12934510.html
  • Copyright © 2011-2022 走看看