URL building with url_for in Flask - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What URL does url_for generate for a simple route?

Given this Flask route, what URL will url_for('hello') produce?

from flask import Flask, url_for
app = Flask(__name__)

@app.route('/hello')
def hello():
    return 'Hello!'

A "/hello/world"

B "/hello/"

C "/"

D "/hello"

💡 Hint

Think about the exact route path defined in the decorator.

The route is defined as '/hello', so url_for('hello') returns '/hello'. Flask does not add a trailing slash unless specified.

❓ state_output

intermediate

What URL is generated with dynamic route parameters?

Consider this Flask route with a dynamic segment:

@app.route('/user/')
def profile(username):
    return f"User: {username}"

What does url_for('profile', username='alice') return?

A "/user/"

B "/user/<username>"

C "/user/alice"

D "/profile/alice"

💡 Hint

url_for replaces dynamic parts with the values you pass.

The dynamic part is replaced by 'alice', so the URL is '/user/alice'.

📝 Syntax

advanced

Which url_for call raises a BuildError?

Given this route:

@app.route('/post/')
def show_post(id):
    return f"Post {id}"

Which url_for call will cause an error?

A url_for('show_post')

B url_for('show_post', id=0)

C url_for('show_post', id='10')

D url_for('show_post', id=5)

💡 Hint

Check if all required parameters are provided.

The route requires an 'id' parameter. Omitting it causes a BuildError.

🧠 Conceptual

advanced

What does url_for generate with _external=True?

Given this route:

@app.route('/about')
def about():
    return 'About page'

What does url_for('about', _external=True) return if the app runs on http://localhost:5000?

A "/about"

B "http://localhost:5000/about"

C "https://localhost:5000/about"

D "localhost:5000/about"

💡 Hint

The _external flag adds the full URL including scheme and host.

With _external=True, url_for returns the full URL including scheme and host.

🔧 Debug

expert

Why does this url_for call produce a TypeError?

Examine this code snippet:

@app.route('/item/')
def item_detail(item_id):
    return f"Item {item_id}"

url = url_for('item_detail', item_id='abc')

Why does the url_for call raise a TypeError?

A Because 'abc' is a string and cannot be converted to int for the route parameter

B Because url_for requires all parameters to be integers

C Because the route name 'item_detail' is incorrect

D Because url_for cannot accept keyword arguments

💡 Hint

Check the type expected by the route converter and the type passed.

The route expects an integer for . Passing 'abc' (a string) causes a TypeError during URL building.

Practice

1. What is the main purpose of Flask's url_for function?

easy

A. To start the Flask server

B. To directly write HTML links in templates

C. To build URLs using the names of route functions

D. To handle form data submission

Solution

1. Step 1: Understand what url_for does

   url_for creates URLs by using the function names of routes, not hardcoded strings.

2. Step 2: Compare with other options

   Starting the server or handling forms are unrelated to URL building. Writing HTML links manually is not what url_for does.

3. Final Answer:

   To build URLs using the names of route functions -> Option C

4. Quick Check:

   url_for builds URLs = C [OK]

Hint: Remember: url_for uses function names, not raw URLs [OK]

Common Mistakes:

• Thinking url_for starts the server
• Confusing url_for with form handling
• Assuming url_for writes HTML links directly

2. Which of the following is the correct syntax to build a URL for a route function named profile with a dynamic user ID parameter user_id using url_for?

easy

A. url_for(profile, 42)

B. url_for('profile', id=42)

C. url_for('profile', 42)

D. url_for('profile', user_id=42)

Solution

1. Step 1: Recall url_for syntax for dynamic parts

   Dynamic parts are passed as keyword arguments matching the route parameter names, e.g., user_id=42.

2. Step 2: Check each option

   url_for('profile', user_id=42) correctly uses the function name as a string and keyword argument. Passing the function name without quotes like url_for(profile, 42) fails. Passing a positional argument like url_for('profile', 42) doesn't map to the parameter. url_for('profile', id=42) uses wrong parameter name id instead of user_id.

3. Final Answer:

   url_for('profile', user_id=42) -> Option D

4. Quick Check:

   Keyword args match route params = B [OK]

Hint: Use function name string and keyword args for dynamic parts [OK]

Common Mistakes:

• Passing positional arguments instead of keyword arguments
• Using variable names instead of strings for function names
• Mismatching parameter names in url_for

3. Given this Flask route:

@app.route('/post/')
def show_post(id):
    pass

What will url_for('show_post', id=5) return?

medium

A. '/post/5'

B. '/post?id=5'

C. '/show_post/5'

D. '/post/'

Solution

1. Step 1: Understand the route pattern

   The route expects an integer id in the URL path as /post/<id>.

2. Step 2: What url_for returns

   Calling url_for('show_post', id=5) replaces <id> with 5, so the URL is /post/5.

3. Final Answer:

   '/post/5' -> Option A

4. Quick Check:

   Dynamic URL part replaced = D [OK]

Hint: Dynamic parts appear in URL path, not query string [OK]

Common Mistakes:

• Expecting query string instead of path parameter
• Using function name as part of URL
• Missing the dynamic part in the URL

4. What is wrong with this code snippet?

@app.route('/user/<username>')
def profile(username):
    pass

url = url_for('profile', name='alice')

medium

A. The parameter name 'name' does not match the route parameter 'username'

B. The function name 'profile' is incorrect

C. url_for cannot be used outside a request context

D. The route URL should not have dynamic parts

Solution

1. Step 1: Check route parameter name

   The route expects a parameter named username.

2. Step 2: Check url_for arguments

   The call uses name='alice', which does not match username. This causes a runtime error.

3. Final Answer:

   The parameter name 'name' does not match the route parameter 'username' -> Option A

4. Quick Check:

   Keyword args must match route params = A [OK]

Hint: Match keyword argument names exactly to route parameters [OK]

Common Mistakes:

• Using wrong parameter names in url_for
• Assuming function name is wrong without checking
• Thinking url_for can't be called outside requests (it can with app context)

5. You have these routes:

@app.route('/item/')
def item(id):
    pass

@app.route('/item//edit')
def edit_item(id):
    pass

How do you build the URL for editing item with ID 10 using url_for?

hard

A. url_for('item', id=10) + '/edit'

B. url_for('edit_item', id=10)

C. url_for('edit_item', item_id=10)

D. url_for('item') + '/edit/10'

Solution

1. Step 1: Identify the correct route function for editing

   The route /item/<id>/edit is handled by edit_item.

2. Step 2: Use url_for with correct function and parameter

   Call url_for('edit_item', id=10) to build the URL correctly. Other options either misuse parameter names or try to concatenate strings manually, which is error-prone.

3. Final Answer:

   url_for('edit_item', id=10) -> Option B

4. Quick Check:

   Use function name and matching params = A [OK]

Hint: Use the exact route function name with matching parameters [OK]

Common Mistakes:

• Concatenating URLs manually instead of using url_for
• Using wrong parameter names like 'item_id'
• Calling url_for with the wrong function name