Com crear una aplicació web utilitzant Flask en Python 3

Flask és un framework web lleuger i flexible per a Python que permet construir aplicacions web de manera ràpida i senzilla. Es focalitza en la simplicitat i la modularitat, cosa que el fa fàcil d'aprendre i d'utilitzar per a projectes petits i grans. No requereix eines o biblioteques addicionals, cosa que significa que pots començar a construir la teva aplicació web amb només unes poques línies de codi.

A continuació et proporcionem un manual detallat per crear una aplicació web utilitzant Flask en Python 3:

1. Preparació de l'entorn de desenvolupament

Abans de començar a escriure codi per a l'aplicació web, és important tenir un entorn de desenvolupament adequat. Assegura't de tenir Python 3.x i pip (l'administrador de paquets de Python) instal·lots al teu sistema. Després, segueix els següents passos:

1. Crea un nou directori per a l'aplicació web al teu sistema.

2. Obre una terminal o consola de comandaments al directori acabat de crear.

3. Crea un entorn virtual de Python utilitzant la comanda python3 -m venv venv a la terminal.

4. Activa l'entorn virtual amb la comanda source venv/bin/activate en sistemes UNIX o venv\Scripts\activate en sistemes Windows.

5. Instal·la Flask amb la comanda pip install flask.

2. Creació de l'aplicació web

Ara que has preparat l'entorn de desenvolupament, pots començar a escriure el codi per a l'aplicació web. Segueix els següents passos:

1. Crea un arxiu app.py al directori de l'aplicació web.

2. Importa Flask i crea una instància de l'aplicació web. Pots fer-ho de la manera següent:

file app.py

from flask import Flask
app = Flask(__name__)

3. Crea una ruta bàsica que mostri un missatge de benvinguda. Pots fer-ho de la manera següent:

file app.py

@app.route('/')
def index():
    return 'Benvingut a la meva aplicació web!'

4. Afegeix una condició if __name__ == '__main__': al final de l'arxiu per assegurar-te que l'aplicació web només s'executi si s'executa l'arxiu directament i no si s'importa a un altre arxiu. Pots fer-ho de la manera següent:

file app.py

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

5. Desa l'arxiu i tanca'l.

3. Execució de l'aplicació web

Per executar l'aplicació web, segueix els següents passos:

1. Obre una terminal o consola de comandaments al directori de l'aplicació web.

2. Activa l'entorn virtual amb la comanda source venv/bin/activate en sistemes UNIX o venv\Scripts\activate en sistemes Windows.

3. Executa l'aplicació web amb la comanda python app.py.

4. Obre un navegador web i visita http://localhost:5000/. Hauries de veure el missatge de benvinguda que has afegit anteriorment.

4. Afegir més funcionalitat a l'aplicació web

Ara que has creat una aplicació web bàsica, pots començar a afegir-hi més funcionalitat. Pots fer-ho afegint més rutes i funcions a l'arxiu app.py. Per exemple, pots afegir una ruta per mostrar una pàgina de contacte i una funció que processi un formulari de contacte. Pots fer-ho de la manera següent:

file app.py

@app.route('/contacto')
def contacto():
    return 'Pàgina de contacte'

@app.route('/enviar', methods=['POST'])
def enviar():
    nombre = request.form['nombre']
    email = request.form['email']
    mensaje = request.form['mensaje']
    # Processar el formulari i enviar el correu electrònic
    return 'Missatge enviat correctament'

En l'exemple anterior, la ruta /contacto mostra una pàgina de contacte i la ruta /enviar processa un formulari enviat per l'usuari utilitzant el mètode HTTP POST.

Per processar el formulari, s'utilitza l'objecte request que ve amb Flask. La informació enviada per l'usuari es pot obtenir de l'objecte request.form, que és un diccionari que conté les dades del formulari. En aquest exemple, s'obtenen els valors de nombre, email i mensaje del formulari.

Després, es processa el formulari i s'envia un missatge de confirmació a l'usuari.

5. Ús de plantilles

Quan es construeixen aplicacions web més complexes, pot ser útil utilitzar plantilles per crear el contingut HTML de les pàgines. Flask utilitza el motor de plantilles Jinja2 per fer això.

Per utilitzar plantilles a la teva aplicació web, segueix els següents passos:

1. Crea una carpeta templates al directori de l'aplicació web.

2. Crea un arxiu de plantilla anomenat base.html a la carpeta templates. Aquest arxiu contindrà l'estructura bàsica de totes les pàgines del teu lloc web.

file base.html

<!doctype html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}
    {% endblock %}
</body>
</html>

3. Crea un arxiu de plantilla anomenat contacto.html a la carpeta templates. Aquest arxiu contindrà el contingut específic de la pàgina de contacte.

file contacto.html

{% extends 'base.html' %}

{% block title %}Contacte{% endblock %}

{% block content %}

Contacte