Basic Flask Structure 🎯

Welcome to the Flask Tutorials on CodeYourCraft! In this comprehensive guide, we'll walk through the basics of Flask, a powerful Python web framework, and help you build your first web application. By the end of this lesson, you'll have a solid understanding of Flask's structure and be ready to take on more advanced topics. Let's get started! 🚀

Introduction to Flask 📝

Flask is a micro web framework for Python, perfect for building small to medium-sized web applications. It's easy to learn, highly flexible, and comes with a built-in development server, making it ideal for beginners and seasoned developers alike.

Why use Flask? 💡

Simplicity: Flask has a minimalistic design and requires fewer dependencies compared to other web frameworks.
Easy to learn: With a concise syntax and straightforward approach, Flask is perfect for beginners.
Versatility: Flask can handle multiple types of web applications, including REST APIs, web services, and simple web pages.
Powerful: Despite its simplicity, Flask provides various extensions and libraries to handle common web development tasks.

Setting up a Flask Application ✅

To start a Flask project, first, make sure you have Python and Flask installed on your system. You can install Flask using pip:

bash

pip install flask

Next, create a new directory for your project and navigate into it:

bash

mkdir my_flask_app
cd my_flask_app

Now, create a new Python file called app.py. In this file, we'll write our Flask code.

The Flask App Skeleton 📝

Every Flask application starts with creating a Flask web server. To create a server, we first import the Flask module and then create an instance of the Flask class.

python

from flask import Flask
app = Flask(__name__)

Routes 📝

Routes in Flask define the URLs that our web application will respond to. By default, Flask listens on the http://127.0.0.1:5000 address. To create a route, we use the @app.route() decorator.

python

@app.route('/')
def home():
    return "Welcome to my Flask app!"

Now, let's run our Flask application:

bash

python app.py

Your browser should now open automatically and display "Welcome to my Flask app!" on the screen. 🎉

Handling Parameters 📝

To handle parameters in our routes, we can access them using the request object. Here's an example of a route that accepts a parameter:

python

@app.route('/hello/<name>')
def hello(name):
    return f"Hello, {name}!"

Accessing this route with http://127.0.0.1:5000/hello/Alice will display "Hello, Alice!".

Static Files 📝

Flask allows you to serve static files like CSS, JavaScript, and images. To serve a static file, create a static directory and place your files inside.

bash

mkdir static
touch app.css

Then, in your app.py, add the following code to make the static directory accessible:

python

@app.route('/static/<path:filename>')
def send_static(filename):
    return send_from_directory('static', filename)

Now, you can link to your CSS file in your HTML templates:

html

<link rel="stylesheet" type="text/css" href="{{ url_for('send_static', filename='app.css') }}">

Quiz 💡

That's it for our introduction to Flask! In the next lesson, we'll dive deeper into Flask templates, forms, and routing. Stay tuned! 🤓