Variable substitution syntax in Flask - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is variable substitution syntax in Flask templates?

It is a way to insert Python variable values into HTML using double curly braces like {{ variable }} inside Jinja2 templates.

beginner

How do you display a variable named username in a Flask template?

Use {{ username }} inside the HTML template to show the value of the username variable.

intermediate

What happens if you use {{ variable }} in a Flask template but the variable is not passed from the Flask app?

Jinja2 will render it as an empty string, so nothing will show in the output where the variable was used.

intermediate

Can you perform simple expressions inside {{ }} in Flask templates? Give an example.

Yes, you can. For example, {{ price * quantity }} will calculate and display the product of price and quantity variables.

beginner

Why is variable substitution syntax important in Flask web development?

It allows dynamic content to be shown in web pages by inserting Python data into HTML, making pages interactive and personalized.

Which syntax is used for variable substitution in Flask templates?

A {{ variable }}

B <% variable %>

C ${variable}

D [[ variable ]]

Flask uses Jinja2 templates where variables are inserted using double curly braces like {{ variable }}.

What will {{ user_name }} display if user_name is not passed to the template?

A An empty string

B The text 'user_name'

C An error message

D The word 'None'

If a variable is missing, Jinja2 renders it as an empty string by default.

Can you write expressions inside {{ }} in Flask templates?

A No, only strings are allowed

B No, only variables are allowed

C Yes, but only function calls

D Yes, simple expressions like math operations

Jinja2 supports simple expressions inside {{ }}, such as arithmetic operations.

Which template engine does Flask use for variable substitution?

A Handlebars

B Mustache

C Jinja2

D EJS

Flask uses Jinja2 as its default template engine.

What is the purpose of variable substitution in Flask templates?

A To style HTML elements

B To insert dynamic data into HTML

C To create database connections

D To handle user authentication

Variable substitution inserts dynamic Python data into HTML pages.

Explain how variable substitution syntax works in Flask templates and why it is useful.

Think about how Flask shows data from Python inside web pages.

Describe what happens if a variable used in {{ }} is not provided by the Flask app when rendering a template.

Consider what the user sees if data is missing.

Practice

1. In Flask templates, which syntax correctly inserts the value of a variable named username into the HTML?

easy

A. [[ username ]]

B. {{ username }}

C. {% username %}

D. <% username %>

Solution

1. Step 1: Understand Flask template syntax

   Flask uses Jinja2 templating where variables are inserted using double curly braces {{ variable }}.

2. Step 2: Identify correct variable substitution

   The correct way to show the value of username is {{ username }}.

3. Final Answer:

   {{ username }} -> Option B

4. Quick Check:

   Variable substitution = {{ username }} [OK]

Hint: Use double curly braces {{ }} for variables in Flask templates [OK]

Common Mistakes:

• Using {% %} which is for control statements
• Using brackets like [[ ]] which is not Flask syntax
• Using <% %> which is from other template engines

2. Which of the following is the correct syntax to display a variable age inside a Flask template?

easy

A. {{ age }}

B. {% age %}

C. <%= age %>

D. [[ age ]]

Solution

1. Step 1: Recall Flask variable syntax

   Flask templates use Jinja2 syntax where variables are shown with double curly braces {{ variable }}.

2. Step 2: Match the correct option

   Only {{ age }} correctly shows the variable value.

3. Final Answer:

   {{ age }} -> Option A

4. Quick Check:

   Variable display = {{ age }} [OK]

Hint: Remember: {{ variable }} shows variable value in Flask templates [OK]

Common Mistakes:

• Confusing {% %} for variables instead of control blocks
• Using syntax from other template engines like <%= %>
• Using brackets [[ ]] which Flask does not recognize

3. Given this Flask template snippet:

Hello, {{ user }}!

And the Flask code:

return render_template('template.html', user='Alice')

What will be the rendered output?

medium

A. Hello, {{ user }}!

B. Hello, user!

C. Hello, Alice!

D. Hello, !

Solution

1. Step 1: Understand variable substitution in template

   The template uses {{ user }} which will be replaced by the value passed from Flask code.

2. Step 2: Check the passed variable value

   The Flask code passes user='Alice', so {{ user }} becomes 'Alice'.

3. Final Answer:

   Hello, Alice! -> Option C

4. Quick Check:

   Variable user = Alice [OK]

Hint: Variables in {{ }} show passed values, not literal text [OK]

Common Mistakes:

• Thinking {{ user }} prints literally
• Ignoring the passed variable value
• Confusing variable name with string

4. Identify the error in this Flask template snippet:

Hello, {% user %}!

What will happen when rendering this template?

medium

A. TemplateSyntaxError due to wrong tag usage

B. SyntaxError: invalid syntax

C. It will display the literal text '{% user %}'

D. It will display the value of user variable

Solution

1. Step 1: Understand {% %} usage in Flask templates

   The {% %} syntax is for control statements like loops or conditions, not for variable substitution.

2. Step 2: Identify the error type

   Using {% user %} is invalid and causes a TemplateSyntaxError because 'user' is not a valid control tag.

3. Final Answer:

   TemplateSyntaxError due to wrong tag usage -> Option A

4. Quick Check:

   Wrong tag usage = TemplateSyntaxError [OK]

Hint: Use {{ }} for variables, {% %} only for control blocks [OK]

Common Mistakes:

• Using {% %} for variables instead of {{ }}
• Expecting literal output from {% %} tags
• Ignoring template error messages

5. You want to display a user's full name in a Flask template using two variables: first_name and last_name. Which template code correctly combines them with a space?

hard

A. {{ first_name }} + ' ' + {{ last_name }}

B. {{ first_name, ' ', last_name }}

C. {{ first_name & ' ' & last_name }}

D. {{ first_name ~ ' ' ~ last_name }}

Solution

1. Step 1: Recall string concatenation in Jinja2 templates

   Jinja2 uses the tilde (~) operator to join strings inside {{ }}.

2. Step 2: Evaluate each option

   {{ first_name ~ ' ' ~ last_name }} uses ~ correctly to join first_name, a space, and last_name. {{ first_name }} + ' ' + {{ last_name }} treats + as literal text. {{ first_name, ' ', last_name }} creates a tuple with comma. {{ first_name & ' ' & last_name }} uses invalid & operator.

3. Final Answer:

   {{ first_name ~ ' ' ~ last_name }} -> Option D

4. Quick Check:

   String join in Jinja2 = ~ operator [OK]

Hint: Use ~ to join strings in Flask (Jinja2) templates [OK]

Common Mistakes:

• Placing + outside {{ }} so it prints literally
• Using invalid operators like & or commas
• Trying Python code directly in templates