如何在Flask中嵌套渲染模板？实现单个商家信息传入子模板统一渲染名片的方法

当然可以实现！你想要的这种类似函数调用的模板复用方式，在Flask依赖的Jinja2模板引擎里用**宏（Macro）**就能完美搞定，正好匹配你统一维护样式、提升编码效率的需求。

具体实现步骤如下： #

1. 编写card.html子模板的宏定义

在card.html里定义一个接受商家数据参数的宏，把单个名片的结构和样式都写在这里，后续所有样式调整只需要修改这个文件：

{# card.html - 子模板，定义可复用的名片宏 #}
{% macro render_card(data) %}
  <div class="business-card" style="/* 这里放统一的网格样式，比如宽度、内边距、边框等 */">
    <h3 class="card-title">{{ data.name }}</h3>
    <p class="card-contact">联系电话：{{ data.phone }}</p>
    <p class="card-address">商家地址：{{ data.address or '暂无地址' }}</p>
    <!-- 可根据需求添加更多字段，比如商家简介、logo等 -->
  </div>
{% endmacro %}

这里的render_card就是我们自定义的“模板函数”，data是传入的商家详情对象，你可以根据实际业务字段调整模板里的变量。

2. 在catalogue.html主模板中导入并调用宏

在主模板里先导入card.html中的宏，然后循环遍历商家列表，逐个调用宏渲染名片：

{# catalogue.html - 主模板，渲染商家列表 #}
{% from 'card.html' import render_card %}

<!-- 名片网格容器，可在这里设置整体布局，比如flex或grid -->
<div class="card-container" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; padding: 20px;">
  {% for entry in datalist %}
    {{ render_card(data=entry) }}
  {% else %}
    <p>暂无商家数据</p>
  {% endfor %}
</div>

这样写和你预想的card(data=entry)写法几乎一致，只是需要先通过from...import引入宏函数。

为什么用宏而不是include？ #

• 宏支持传参：可以动态把每个商家的专属数据传入子模板，这正是你需要的场景；
• 样式统一维护：所有名片的结构、样式都集中在card.html的宏里，后续要调整网格样式（比如卡片宽度、间距、hover效果），只需要修改这一个文件，不用遍历主模板的循环代码；
• 灵活性强：还可以给宏添加默认参数，比如某个字段可能为空时，设置默认显示文本，避免页面出现空白。

内容的提问来源于stack exchange，提问作者essbeev