Why Control structures (if, for) in Flask? - Purpose & Use Cases

The Big Idea

Discover how simple logic in templates saves you from endless manual HTML updates!

The Scenario

Imagine you have a webpage that needs to show a list of users and highlight those who are online. Without control structures, you'd have to write separate HTML for each user manually.

The Problem

Manually writing HTML for each condition or list item is slow, repetitive, and prone to mistakes. If the user list changes, you must update the HTML every time, which is tiring and error-prone.

The Solution

Flask templates let you use if and for control structures to automatically decide what to show and loop through lists. This means your HTML updates dynamically based on your data.

Before vs After

✗ Before

<ul>
  <li>Alice (online)</li>
  <li>Bob</li>
  <li>Charlie (online)</li>
</ul>

✓ After

<ul>
{% for user in users %}
  {% if user.online %}
    <li>{{ user.name }} (online)</li>
  {% else %}
    <li>{{ user.name }}</li>
  {% endif %}
{% endfor %}
</ul>

What It Enables

You can create flexible, dynamic webpages that automatically adjust content based on your data without rewriting HTML.

Real Life Example

Showing a product list on an online store where items on sale are highlighted, and the list updates as products change.

Key Takeaways

Control structures let you add logic inside your HTML templates.

if helps show or hide content based on conditions.

for helps repeat HTML for each item in a list automatically.