输出内容未渲染为表格展示

Question

我的输出是这样：

视频里的输出是这样：

我的 Jinja模板如下：

<table border="0" cellspacing="0" cellpadding="8" style="width: 600px; border: 1px solid #ddd; font-family: 'Segoe UI', sans-serif; line-height: 1.6;">
    <!-- 订单基本信息 -->
    <tr>
        <td colspan="2" style="background-color: #f5f5f5; padding: 15px; border-bottom: 1px solid #ddd;">
            <h2 style="margin: 0; color: #555;">订单状态</h2>
        </td>
    </tr>

    <!-- 订单ID与状态 -->
    <tr>
        <td style="width: 30%; background-color: #fff; padding: 12px; border: 1px solid #ddd; vertical-align: top;">
            订单ID：<br>{{ processed_data.order_info.order_id }}
        </td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">
            <div style="display: flex; gap: 8px;">
                {% if processed_data.order_info.status.order_status == '已取消' %}
                    <span style="background-color: #e57373; color: white; padding: 5px 10px; border-radius: 20px;">已取消</span>
                {% else %}
                    <span style="background-color: #ffeb3b; color: #555; padding: 5px 10px; border-radius: 20px;">已完成</span>
                    <span style="background-color: #ff9800; color: white; padding: 5px 10px; border-radius: 20px;">{{ processed_data.order_info.status.logistics_status }}</span>
                {% endif %}
            </div>
        </td>
    </tr>

    <!-- 订单金额与支付方式 -->
    <tr>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">
            总金额：
        </td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">
            <span style="color: #ff9800; font-size: 1.2em; font-weight: bold;">¥{{ '%.2f'|format(processed_data.order_info.payment.total) }}</span>
        </td>
    </tr>

    <tr>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">
            支付方式：
        </td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">
            {{ processed_data.order_info.payment.method }} →
        </td>
    </tr>

    <!-- 商品信息 -->
    <tr>
        <td colspan="2" style="background-color: #f5f5f5; padding: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;">
            <h2 style="margin: 0; color: #555;">商品详情</h2>
        </td>
    </tr>

    <tr>
        <th style="background-color: #f5f5f5; padding: 12px; border: 1px solid #ddd; width: 25%; font-weight: bold;">商品名称</th>
        <th style="background-color: #f5f5f5; padding: 12px; border: 1px solid #ddd; width: 25%; font-weight: bold;">规格</th>
        <th style="background-color: #f5f5f5; padding: 12px; border: 1px solid #ddd; width: 25%; font-weight: bold;">单价</th>
        <th style="background-color: #f5f5f5; padding: 12px; border: 1px solid #ddd; width: 25%; font-weight: bold;">数量</th>
    </tr>

    <tr>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">{{ processed_data.product_info.name }}</td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">{{ processed_data.product_info.specs }}</td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd; color: #ff9800; font-weight: bold;">¥{{ '%.2f'|format(processed_data.product_info.unit_price) }}</td>
        <td style="background-color: #fff; padding: 12px; border: 1px solid #ddd;">{{ processed_data.product_info.quantity }}</td>
    </tr>
</table>

工作流如下：

为什么？

Answer 1

jaguarliu 2025-06-23 15:13:43

工作流可以截个图，看一下么

• 提问者 owls0 #1

  见问题详情

• jaguarliu 回复 提问者 owls0 #2

  https://git.imooc.com/coding-937/file_code/src/master/%e8%ae%a2%e5%8d%95%e6%9f%a5%e8%af%a2jinja%e6%a8%a1%e6%9d%bf.html 用这个模板试一下

• 提问者 owls0 回复 jaguarliu #3

  回复 jaguarliu：首先感谢老师，这个模板是有效的；我的模板是通过大模型生成的，数据也正常显示了，但为什么不能渲染为表格展示， 希望老师能够解答并告知原因以及如何修改才能使用自己的模板；

点开查看后面2条评论