The Project | About Us | Contribute | Donations | License
HOME My courses Completed
◄ Previous
◄

Routing and URL Mapping

Next ►
►

Routing and URL mapping are fundamental concepts in Flask that allow you to define how your web application responds to different URL paths. In this section, we will cover the basics of routing, how to create routes, and how to handle dynamic URLs.

Key Concepts

  1. Route: A route is a URL pattern that is mapped to a specific function in your Flask application.
  2. View Function: A function that is executed when a specific route is accessed.
  3. Dynamic URL: A URL that contains variable parts, allowing for more flexible and dynamic web applications.

Creating Routes

In Flask, you create routes using the @app.route decorator. This decorator is used to bind a URL to a view function.

Example

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Welcome to the Home Page!"

@app.route('/about')
def about():
    return "This is the About Page."

if __name__ == '__main__':
    app.run(debug=True)

Explanation

  • @app.route('/'): This decorator binds the root URL (/) to the home function.
  • @app.route('/about'): This decorator binds the /about URL to the about function.
  • home and about are view functions that return a simple string to be displayed on the web page.

Dynamic URLs

Dynamic URLs allow you to capture parts of the URL and pass them as arguments to your view functions.

Example

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

@app.route('/post/<int:post_id>')
def show_post(post_id):
    return f"Post ID: {post_id}"

Explanation

  • <username>: This part of the URL is dynamic and will be passed as an argument to the show_user_profile function.
  • <int:post_id>: This part of the URL is dynamic and will be passed as an integer argument to the show_post function.

HTTP Methods

By default, routes in Flask respond to GET requests. You can specify which HTTP methods a route should respond to by using the methods parameter in the @app.route decorator.

Example

@app.route('/submit', methods=['GET', 'POST'])
def submit():
    if request.method == 'POST':
        return "Form Submitted!"
    else:
        return "Submit Form"

Explanation

  • methods=['GET', 'POST']: This specifies that the submit route should respond to both GET and POST requests.
  • request.method: This checks the HTTP method used to access the route.

Practical Exercise

Task

Create a Flask application with the following routes:

  1. /: Displays "Welcome to the Home Page!"
  2. /about: Displays "This is the About Page."
  3. /user/<username>: Displays "User: <username>"
  4. /post/<int:post_id>: Displays "Post ID: <post_id>"
  5. /submit (GET and POST): Displays "Submit Form" on GET and "Form Submitted!" on POST.

Solution

from flask import Flask, request

app = Flask(__name__)

@app.route('/')
def home():
    return "Welcome to the Home Page!"

@app.route('/about')
def about():
    return "This is the About Page."

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

@app.route('/post/<int:post_id>')
def show_post(post_id):
    return f"Post ID: {post_id}"

@app.route('/submit', methods=['GET', 'POST'])
def submit():
    if request.method == 'POST':
        return "Form Submitted!"
    else:
        return "Submit Form"

if __name__ == '__main__':
    app.run(debug=True)

Common Mistakes and Tips

  • Missing @app.route decorator: Ensure that each view function has a corresponding @app.route decorator.
  • Incorrect URL patterns: Double-check your URL patterns for typos or incorrect syntax.
  • Not specifying HTTP methods: If your route should handle multiple HTTP methods, make sure to specify them using the methods parameter.

Summary

In this section, we covered the basics of routing and URL mapping in Flask. You learned how to create routes, handle dynamic URLs, and specify HTTP methods for your routes. These concepts are essential for building any Flask web application, as they define how your application responds to different URL paths.

Next, we will dive into handling HTTP methods in more detail, which will allow you to create more interactive and dynamic web applications.

◄ Previous
◄
Next ►
►
The Project | About Us | Contribute | Donations | License
© Copyright 2024. All rights reserved