宗次郎の故郷

导航

统计

FLASK学习记录-宏、模板继承

{% macro name %}

{% endmacro %}

app.py

复制代码
from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index1():
    return render_template("macro1.html")

@app.route("/")
def index2():
    return render_template("macro2.html")

if __name__ == '__main__':
    app.run(host='0.0.0.0',port=8000,debug=True)
View Code
复制代码
复制代码
{# 求和 #}
<body>
{% macro add( ) %}
    <p>
            {% set sum=namespace(num=0) %}
            {% for i in range(0,varargs|length) %}
                {% set sum.num=sum.num+varargs[i] %}
            {% endfor %}
            {{ sum.num }}
    </p>
{% endmacro %}
{{ add(10,20) }}
{{ add(30,50,90) }}

</body>

{# 宏导入 #}
{% macro input(name,type='text',value='' ) %}
    <input type="{{ type }}" name="{{ name }}" value="{{ value }}">
{% endmacro %}


<body>
{% from 'macro.html' import input %}
<p>用户名:{{ input("username") }}</p>
<p>密码:{{ input("pwd",type="password") }}</p>
<p>{{ input("login",type="submit",value="登录") }}
    {{ input("clear",type="reset",value="清空") }}</p>

</body>
View Code
复制代码

加载CSS, favicon.icon, JavaScript

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/test.css') }}">

    <link rel="stylesheet" href="static/css/test.css">  
    <link rel="icon" href="{{ url_for('static',filename='favicon.ico') }}">

</head>
<body>
<p>css外部静态文件引用</p>
<img src="{{ url_for('static',filename='images/test.jpg') }}">
<script src="{{ url_for('static',filename='javascript/test.js')}}"></script>
</body>
</html>
View Code
复制代码

模板继承

{# 父模板 #}
{% block blockName %}
{% endblock %}

{# 子模板 #}
{% extends parent_blockName  %}

 

posted on   宗次郎  阅读(5)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示