Django 模板和 DRY - 如何避免重复的 HTML

Question

我最近开始使用 Django 模板，经常在别人的代码中发现以下模式：

  {% ifequal value 1 %}
      <input type="checkbox" name="{{ item.name }}" id="{{ item.name }}" checked="checked" />
  {% else %}
      <input type="checkbox" name="{{ item.name }}" id="{{ item.name }}"  />

带有 Django 模板变量的条件用于定义一个或多个 HTML 元素属性的值。这会复制 HTML 代码并破坏 DRY 原则。我该如何避免呢？

我考虑过的替代方案：

1) 将条件嵌入到选中的属性中。

• 专业版：符合 DRY 标准
• 缺点：使代码更难阅读，特别是在条件更复杂并且操作了多个 HTML 元素属性的情况下

2) 使用模板变量值定义 Javascript 变量，并使用 Javascript 生成 HTML 元素。

• 专业版：符合 DRY 标准
• 骗局：将逻辑移至客户端

欢迎提出建议。

Answer 1

我不认为sn-p有什么问题。它可能会破坏一些 DRY，但代码最终是非常可读和可维护的。

Zen of Python 的两个核心理念是

显式优于隐式

和

可读性很重要

通过 JavaScript 生成 HTML 绝对不是显式的，而在元素中放置条件会影响可读性。

Answer 2

在您的示例中，您可以简化一些事情（见下文）：

<input type="checkbox" name="{{ item.name }}" id="{{ item.name }}" {% ifequal value 1 %}checked="checked"{% endif %} />

如您所见，此处无需复制代码——您可以在 HTML 中嵌入 if 语句来保存文本。

Answer 3

作为第三个选项，您可以使用您的视图来控制checked="checked" 部分。

创建一个名为 e.g. 的伪字段"checked" 附加到您的每个项目上，并将根据值是否为 1 或您的条件将包含空字符串（不是 None）或 checked="checked"。

你将允许你写：

<input type="checkbox" name="{{ item.name }}" id="{{ item.name }}" {{ item.checked }}  />

这适用于 DRY 原则，它仍然是明确的。尽管这将转移到您的视野中。