From Beginner to Intermediate: Exploring Flask's Features with a Task Manager App


 

Here's an example of an intermediate-level Flask app that incorporates more features and functionality:

python
from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)

# Sample data
tasks = []

@app.route('/')
def index():
    return render_template('index.html', tasks=tasks)

@app.route('/add', methods=['POST'])
def add_task():
    task = request.form['task']
    tasks.append(task)
    return redirect(url_for('index'))

@app.route('/delete/<int:task_id>')
def delete_task(task_id):
    if task_id < len(tasks):
        del tasks[task_id]
    return redirect(url_for('index'))

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

In this example, we have an app that allows users to add and delete tasks. Here's an overview of the functionality:

  • The index() function renders the index.html template and passes the tasks data to it. The template is responsible for displaying the list of tasks.

  • The /add route is configured to accept POST requests. It retrieves the task from the form data and adds it to the tasks list. After that, it redirects the user back to the home page.

  • The /delete/<int:task_id> route is set up to accept a dynamic URL parameter, task_id, which represents the index of the task to delete. If the specified task_id is within the valid range of the tasks list, it deletes the corresponding task and redirects the user back to the home page.

  • The index.html template utilizes Jinja2 templating engine to dynamically render the list of tasks. It provides an input form to add new tasks and includes a delete button for each task to delete it.

Remember to create an index.html file in a templates folder within the same directory as the Python script. The index.html file should contain the HTML and Jinja2 template code to render the tasks.

To run this Flask app, save the code to a file (e.g., app.py), create the templates folder, and include the index.html file. Then, execute the script using Python. Visit http://localhost:5000/ to interact with the app and manage tasks.

Note: You may need to install Flask using the following command if you haven't already:

pip install flask

Feel free to customize and enhance the app according to your requirements. Flask offers many features to build powerful web applications.

Here's an example of how the index.html file could look like for the intermediate-level Flask app:

html
<!DOCTYPE html>
<html>
<head>
    <title>Task Manager</title>
    <style>
        ul {
            list-style-type: none;
            padding: 0;
        }
        
        li {
            margin-bottom: 10px;
        }
        
        form {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <h1>Task Manager</h1>

    <h2>Add Task</h2>
    <form action="/add" method="POST">
        <input type="text" name="task" placeholder="Enter task description" required>
        <input type="submit" value="Add">
    </form>

    <h2>Task List</h2>
    <ul>
        {% for task in tasks %}
        <li>
            {{ task }}
            <a href="/delete/{{ loop.index0 }}">Delete</a>
        </li>
        {% endfor %}
    </ul>
</body>
</html>

In this index.html file:

  • The title of the web page is set to "Task Manager."
  • The CSS style defines some basic styling for the list and form elements.
  • The page displays a heading, an input form to add tasks, and a list of tasks.
  • The for loop iterates over the tasks data passed from the Flask app and dynamically generates list items (<li>) for each task. It also includes a delete link for each task, where the loop.index0 represents the index of the task in the list.

Make sure to save this HTML code in a file named index.html within a templates folder in the same directory as the Python script.

Feel free to modify the HTML code to suit your preferences and add more styling or functionality as needed.

Let me know if you have any further questions!

Comments

Post a Comment

Popular posts from this blog

Unlocking Python's Potential: Exploring Fibonacci Series, Factorials, Prime Numbers, and Temperature Conversion

  Here are a few more simple programs that you can try: Fibonacci Series This program generates and prints the Fibonacci series up to a specified number of terms. python Copy code n = int ( input ( "Enter the number of terms: " )) # Initialize the first two terms a, b = 0 , 1 print ( "Fibonacci Series:" ) for _ in range (n): print (a, end= " " ) a, b = b, a + b Factorial Calculation This program calculates the factorial of a given number. python Copy code n = int ( input ( "Enter a number: " )) factorial = 1 for i in range ( 1 , n + 1 ): factorial *= i print ( "The factorial of" , n, "is" , factorial) Prime Number Check This program checks whether a given number is prime or not. python Copy code num = int ( input ( "Enter a number: " )) is_prime = True if num > 1 : for i in range ( 2 , int (num ** 0.5 ) + 1 ): if num % i == 0 : is_prime = False brea...
Read more

Simplifying Data Insertion: Extracting Insert Scripts from a PostgreSQL Database

Image
Introduction: In this tutorial, we will walk you through the steps to create an insert script from an existing PostgreSQL database. This method allows you to generate a script containing insert statements, which can be useful for data migration, backup, or transferring data to another database. We will be using the popular PgAdmin tool for this demonstration. Step 1: Open PgAdmin To begin, open the PgAdmin application on your computer. Make sure you have the necessary credentials to access the PostgreSQL database you want to work with. Step 2: Select the Table and Choose Backup In the PgAdmin interface, navigate to the database that contains the table you want to generate the insert script for. Locate the table in the object browser and right-click on it. From the context menu that appears, select "Backup". Step 3: Specify File Name and Format A "Backup Options" dialog box will appear. In this dialog box, you can provide a file name for the backup file. Choose a des...
Read more

Building Your First Web Application with Flask: A Simple Introduction to Flask Framework

  Here's an example of a simple Flask app that displays a basic webpage: python Copy code from flask import Flask app = Flask(__name__) @app.route( '/' ) def hello (): return "Hello, Flask!" if __name__ == '__main__' : app.run() In this Flask app, we import the Flask class from the flask module. We then create an instance of the Flask class and assign it to the variable app . The @app.route('/') decorator defines the route for the root URL (i.e., http://localhost:5000/ ). When a user visits that URL, the hello() function is executed, and it returns the "Hello, Flask!" message. To run this app, save it to a file (e.g., app.py ) and execute it using Python. Open your browser and visit http://localhost:5000/ to see the "Hello, Flask!" message. Note: You need to have Flask installed on your system. You can install it using the following command: Copy code pip install flask Feel free to modify the app, add mor...
Read more