前端变量以及控制语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ parameter.title }}</title>
</head>
<body>
<div>
    {% if parameter.uname == 'lucy' %}
        <h1>Welcome {{ parameter.uname }}</h1>
    {% elif parameter.uname == 'lux' %}
        <h1>
            <a target='_blank' href="{{ url_for('login') }}">login</a>
        </h1>
    {% else %}
        <h2>here is else</h2>
    {% endif %}

    书名:《{{ parameter.bookName }}》<br>
    价格: ￥{{ parameter.price }} <br>
    作者: {{ parameter.author }} <br>
    简介: {{ parameter.string|capitalize }}

<!--        使用过滤器转变显示形式-->
<!--      capitalize  首字符大写,其他字符小写-->
<!--      upper            全大写-->
<!--      lower            全小写-->
<!--      title            每个单词的首字母大写,其他值小写-->
<!--      trim             去除值两端的空格-->



</div>

<!--for循环-->
<div style="font-size: 18px;">
    {% for str in parameter.list %}
        <p>{{ str }}</p>
    {% endfor %}
</div>

<ul>
    {% for str in parameter.tup %}
        <li>{{ str }}</li>
    {% endfor %}
</ul>

<div style="color: #ff6af4;">
    {% for key, value in parameter.dic.items() %}
        <h2>{{ key }}:{{ value }}</h2>
    {% endfor %}
</div>


<!--声明一个宏-->
{% macro show(str) %}
    <li style="color: #f60;">{{ str }}</li>
{% endmacro %}

<h3>使用宏函数</h3>
<ul>
    {% for str in parameter.tup %}
        {{ show(str) }}
    {% endfor %}
</ul>

<!-- 导入macro宏定义的函数 -->
{% import "macro.html" as macros %}
{% for i in parameter.tup %}
    {{ macros.show_a(i) }}
{% endfor %}

{% include "02-head.html" %}

<!--

控制结构

    1.if语句

    2.for语句

    3.宏
    使用  macro  标签声明宏
    可以在别的html文件中编写宏函数,在其他文件中导入使用,实现解耦

    4.包含
    include

    5.继承
        1.父模板中
            { % block 块名 % }
            { % endblock % }

            block 作用:定义在子模板中允许被修改的部分内容
                1.在父模板中是被正常显示的
                2.在子模板中可以被重写
        2.子模板中
            1.使用{ % extends '父模板名称' % } 实现继承
            2.使用{ % block 块名 % }.. { % endblock % }
                覆盖父模板中的同名内容
            3.使用{ { super() } } 调用父模板中的内容
    注！意！
        不要在注释里写控制语句，找了半天的错（呜呜呜~~~
-->

<a href="/requests">requests</a>

</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容