Flask és un framework o entorn de treball dedicat a facilitar la creació d'aplicacions web utilitzant el llenguatge de programació Python.

Un framework és un marc o esquema de treball que consisteix en un conjunt d'eines i mòduls per a facilitar-nos el desenvolupament de programari. En aquest cas, Flask, igual que el famós Django, és un framework que ens facilita la creació d'aplicacions web dinàmiques utilitzant Python.

Flask i l'arquitectura MVC

Flask és un framework que implementa l'arquitectura MVC https://ca.wikipedia.org/wiki/Model-Vista-Controlador, i ho fa d'una manera molt particular (un cop hagis comprès la seva manera de treballar realment et resultarà molt còmoda i et sorprendrà l'enorme quantitat de possibilitats d'aplicacions que pots desenvolupar utilitzant aquest framework.

Instal·la Flask al teu sistema operatiu

Abans d'instal·lar Flask al teu sistema operatiu has d'entendre el següent:

Per a instal·lar Flask al teu sistema operatiu simplement has de recórrer al gestor de paquets de Python conegut com a pip. En primer lloc, actualitza pip amb

python3 pip install --upgrade pip

o

python3 -m pip install --upgrade pip

Després, instal·la Flask amb

python3 -m pip install flask

I ja tindries Flask instal·lat al teu sistema. Si més endavant el vols desinstal·lar perquè has après a utilitzar entorns virtuals simplement utilitza la mateixa ordre però substituint install per uninstall.

Crea el controlador

Crea una carpeta anomenada Flask i a dins crea dues carpetes: static i templates, i dos fitxers: controlador.py i models.py. A dins de la carpeta static crea'n una anomenada images.

Obre la carpeta Flask amb Visual Studio Code o amb el teu editor preferit.

Abans de continuar, llegeix el següent:

Flask està configurat per defecte per a utilitzar la carpeta templates per a fitxers HTML de vistes i la carpeta static per a fitxers d'estils (CSS), imatges (carpeta images) i altres com fitxers JavaScript. Cadascun d'aquests elements pertanyents a les vistes s'ha de trobar a dins d'una subcarpeta o subdirectori de static, pel que en el cas d'utilitzar fitxers .css o .js o imatges, hem de crear subcarpetes per a allotjar-los, que seran css, js o com la que ja hem creat abans images. Com que ara no anem a utilitzar cap d'aquests fitxers no les necessitem.

Has de comprendre que les carpetes que has creat a dins de la carpeta Flask són els subdirectoris que utilitza Flask per a obligar-nos a desenvolupar les aplicacions seguint l'arquitectura MVC. Així que cada cop que creïs un projecte és probable que hagis de crear aquestes mateixes carpetes, entre d'altres, per a allotjar plantilles, fitxers d'estils, imatges, etc.

Importa la classe Flask i crea app al controlador de l'aplicació

El primer que hem de fer és indicar que es tracta d'un fitxer script de Python i després importar el framework Flask per a començar a treballar amb ell. Per a treballar amb un framework o llibreria qualsevol el primer requisit és tenir-la instal·lada, i el segon «importar-la» al fitxer Python on l'anem a utilitzar. Així que obrim el fitxer controlador.py i hi afegim

from flask import Flask

A continuació afegim

app = Flask (__name__)

Importar la classe Flask és estrictament necessari per a treballar amb Flask, i ens permetrà crear objectes basats en aquesta classe. Aquests objectes seran aplicacions. I és el que fem a la segona línia: creem un objecte que hereta de la classe Flask i, per tant, ens permetrà utilitzar els mètodes dels que disposa la classe Flask per a cada objecte.

Així ja hem creat, simplement, una aplicació. Ara és el moment de definir les «rutes». I ho farem utilitzant un mètode de la classe Flask, que és routes.

Crea les rutes de l'aplicació al controlador

Però… què són les rutes? Les rutes són bàsicament funcions que determinen què passarà en carregar determinada url de la nostra aplicació. Una url és una determinada adreça al navegador, i totes la pàgines o llocs web tenen una url d'inici o «home» que és la url principal. Així que anem a crea