我的 Django 模板中的“Else if”语句出现在 HTML 标头块之后

Posted 2023-02-24

【中文标题】我的 Django 模板中的“Else if”语句出现在 HTML 标头块之后

【英文标题】：The "Else if" statement in my Django templates appears after the HTML header block

【发布时间】：2021-05-23 09:17:27

【问题描述】：

我有一些数据从我的视图传递到我的模板，只要 else if 语句为真（即 if 语句为假），该语句出现在我的 html header() 之后。

我的主要问题是为什么 else 块不在我将其放入代码的 HTML 标头下

模板.html

<table class="table table-borderless table-data3">
    <thead>
        <tr>
            <th>No</th>
            <th>Email</th>
            <th>Telephone</th>
            <th>Country</th>
            <th>Status</th>
            <th>Image</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        % if supplier %
        % for supplier in suppliers %
        <tr>
            <td>forloop.counter</td>
            <td>supplier.email</td>
            <td>supplier.telephone</td>
            <td>supplier.country</td>
            <td class="process">Active</td>
            <td>supplier.image.url</td>
            <td>
                <div class="table-data-feature">
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Edit">
                        <i class="zmdi zmdi-edit"></i>
                    </button>
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Delete">
                        <i class="zmdi zmdi-delete"></i>
                    </button>
                </div>
            </td>
        </tr>
        % endfor %
        % else %
            <h2>No supplier available</h2>
        % endif %
    </tbody>
</table>

【参考方案1】：

你不能在<tbody> 中写h2，或者至少不能直接写。 Yolu 写这个包裹在<tr> 和<td>：

% if suppliers %
    …
% else %
    <tr><td colspan="7">No supplier available</td></tr>
% endif %

您还在if 声明中打错字：它是suppliers，而不是supplier。

---

注意：Django 有一个% for … %…% empty % template tag [Django-doc] 如果您迭代的集合为空，则可用于呈现消息。

【参考方案2】：

您可以使用 % for ... %...% empty % django 模板标签。示例：

HTML

        % for supplier in suppliers %
        <tr>
            <td>forloop.counter</td>
            <td>supplier.email</td>
            <td>supplier.telephone</td>
            <td>supplier.country</td>
            <td class="process">Active</td>
            <td>supplier.image.url</td>
            <td>
                <div class="table-data-feature">
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Edit">
                        <i class="zmdi zmdi-edit"></i>
                    </button>
                    <button class="item" data-toggle="tooltip" data-placement="top" title="Delete">
                        <i class="zmdi zmdi-delete"></i>
                    </button>
                </div>
            </td>
        </tr>
        % empty %
             <div><h2>No Suppliers Available</h2></div>
        % endfor %