bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc


flask_basic

Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió
Revisió prèvia
flask_basic [2023/07/06 18:57]
antoni_hortal_martinez [Crea les rutes de l'aplicació al controlador]
flask_basic [2023/07/06 21:37]
antoni_hortal_martinez [Crea les rutes de l'aplicació al controlador]
Línia 73: Línia 73:
 N'hi ha prou amb afegir a sota de l'**import** i de la instància de Flask el següent: N'hi ha prou amb afegir a sota de l'**import** i de la instància de Flask el següent:
  
-''@app.route('/')'' +<file python controlador.py> 
- +@app.route('/'
-''def inici():'' +def inici(): 
- +    return 'Aquesta és la pàgina d´inici' 
-''     return 'Aquesta és la pàgina d%%'%%inici'''+</file>
  
 El que fem a la primera línia d'aquest bloc de codi és utilitzar un "decorador" conegut com a "route". El decorador és una mètode de la instància de **app** que hereta de la classe **Flask**. El que fem a la primera línia d'aquest bloc de codi és utilitzar un "decorador" conegut com a "route". El decorador és una mètode de la instància de **app** que hereta de la classe **Flask**.
Línia 89: Línia 89:
 Simplement afegim un altre decorador argumentant-hi la url i a sota creem una nova funció: Simplement afegim un altre decorador argumentant-hi la url i a sota creem una nova funció:
  
-''@app.route('/')'' 
  
-''def agraiments():'' +<file python controlador.py> 
- +@app.route('/'
-''     return 'Moltes gràcies!'''+def agraiments(): 
 +    return 'Moltes gràcies!' 
 +</file>
  
 === Inicia la teva aplicació Flask === === Inicia la teva aplicació Flask ===
  
 Ara ja podem provar la nostra aplicació (si es pot anomenar així, ja que encara no fa res!). Ara ja podem provar la nostra aplicació (si es pot anomenar així, ja que encara no fa res!).
-Per a fer-ho disposem d'un servidor que ens proporciona Flask apte per a proves, però abans hem d'indicar-li el fitxer o a la configuració de Flask quina és l'aplicació+Per a fer-ho disposem d'un servidor que ens proporciona Flask apte per a proves, però abans hem d'indicar-li el fitxer o a la configuració de Flask quina és l'aplicació que ha d'iniciar, en quin mode i en quina adreça. 
 +Ho pots fer afegint el següent al final del fitxer **controlador.py**: 
 + 
 +<file python controlador.py> 
 +if __name__ == '__main__': 
 +    app.run('127.0.0.1', 5000, debug=True) 
 +</file> 
 + 
 +Recordes que quan vam crear l'objecte **app** instància de la classe Flask vam afegir com a argument "**%%__%%name%%__%%**"? Doncs el condicional el que fa és comprovar si el nom és igual al fitxer que executem (**%%__%%main%%__%%**). Sempre que vegis **main** es tractarà del fitxer en si. Per tant, en executar el nostre fitxer aquest condicional es compleix! 
 +I a dins s'especifica que executi el mètode "**run**" de l'app, el que farà que s'iniciï. Però també especifica com a argument que s'activi el mode "**debug**", que ens permetrà identificar i corregir errors en la programació de la nostra app. Així que mentre la iniciem i fem ús de la nostra app **veurem a la consola els errors que vagin sorgint i les sol·licituds que es realitzen**. I a més indiquem l'adreça **//url//** i el port que anema a utilitzar. 
 + 
 +El nostre controlador.py ha quedat així: 
 + 
 +<file python controlador.py> 
 +from flask import Flask 
 +app = Flask(__name__) 
 + 
 +@app.route('/'
 +def inici(): 
 +    return 'Aquesta és la pàgina d'inici' 
 + 
 +@app.route('/agraiments'
 +def agraiments(): 
 +    return 'Moltes gràcies!' 
 + 
 +if __name__ == '__main__': 
 +    app.run('127.0.0.1', 5000, debug=True) 
 +</file> 
 + 
 +Ara sí, prova-la! 
 +N'hi ha prou d'obrir un terminal o consola (ho pots fer directament des de Visual Code Studio amb la seva terminal integrada). 
 +Com qualsevol aplicació, ens posicionem a la carpeta o directori on es troba controlador.py i executem 
 + 
 +''python3 controlador.py'' 
 + 
 +Immediatament hauríem de veure la nostra aplicació corrent: 
 + 
 +{{:flask02.png?400|}} 
 + 
 +Com vam dir al començament d'aquest tutorial, aquest framework serveix per a crear aplicacions web, així que només hem d'obrir un navegador i anar a l'adreça que hem especificat ''127.0.0.1:5000''. Veurem el següent: 
 + 
 +{{:flask03.png?400|}} 
 + 
 +És clar que és molt humil, però funciona!!!! 
 + 
 +No et descuidis d'accedir a la //url// **/agraiments** amb ''127.0.0.1:5000/agraiments'' 
 + 
 +{{:flask04.png?400|}}
  
 +Aquests són els passos a seguir per a crear una app amb Flask.
  
flask_basic.txt · Darrera modificació: 2023/07/06 21:37 per antoni_hortal_martinez