Insta-la Python a Windows<\/a><\/p>\n\n\n\n Python no apareix a l’arbre del projecte perqu\u00e8 es pressuposa que ja est\u00e0 instal\u00b7lat pr\u00e8viament al sistema operatiu. L’arbre del projecte nom\u00e9s mostra els fitxers i directoris espec\u00edfics del teu projecte. Aqu\u00ed tens l’arbre del projecte sense Python:<\/p>\n\n\n\n Ara hem d’instal\u00b7lar Flask al directori env<\/mark> (entorn virtual)<\/p>\n\n\n\n Arbre del projecte Insta-la Python a Windows Python no apareix a l’arbre del projecte perqu\u00e8 es pressuposa que ja est\u00e0 instal\u00b7lat pr\u00e8viament al sistema operatiu. L’arbre del projecte nom\u00e9s mostra els fitxers i directoris espec\u00edfics del teu projecte. Aqu\u00ed tens … Continua llegint python -m venv env (crea un entorn virtual)\n.\\env\\Scripts\\activate (Activa l'entorn vritual)\npip install flask (instal\u00b7la Flask dintre del entorn-> dependencies aillades)<\/code><\/pre>\n\n\n\nARBRE1:<\/mark> Es llan\u00e7a l'escript obrint calculadora.html amb el navegador \n\nC:\\Users\\urqte\\Desktop\\calculadora\n\u251c\u2500\u2500 app.py\n\u251c\u2500\u2500 calculadora_html.py\n\u251c\u2500\u2500 env\n\u251c\u2500\u2500 estructura.txt\n\u251c\u2500\u2500 \n\u2514\u2500\u2500 templates\n \u2514\u2500\u2500 calculadora.html\n\nindex.html= calculadora.html, es canvia el nom per a que funcioni a l'arbre 2\nFunciona indistintament tamb\u00e9 a:\n\nARBRE2: <\/mark>Es llan\u00e7a l'escript amb el navegador a l'adre\u00e7a: https:\/\/beseit.net\/calculadora\/<\/a>\nS: es una unitat de xarxa de Synology que coinsideix amb el www del Synology,\n\n\nS:\\beseit\\calculadora>\n\u251c\u2500\u2500 app.py\n\u251c\u2500\u2500 calculadora_html.py\n\u251c\u2500\u2500 calculadora.ico\n\u251c\u2500\u2500 env\n\u251c\u2500\u2500 estructura.txt\n\u251c\u2500\u2500 index.htm\n\u2514\u2500\u2500 templates\n \u2514\u2500\u2500 \n\n<\/code><\/pre>\n\n\n\nExplicaci\u00f3 del projecte<\/h3>\n\n\n\n
\n
from flask import Flask, render_template, request # Importa les classes i funcions necess\u00e0ries de Flask\n\napp = Flask(__name__) # Crea una inst\u00e0ncia de l'aplicaci\u00f3 Flask\n\ndef suma(a, b): # Defineix una funci\u00f3 per sumar dos n\u00fameros\n return a + b\n\ndef resta(a, b): # Defineix una funci\u00f3 per restar dos n\u00fameros\n return a - b\n\ndef multiplica(a, b): # Defineix una funci\u00f3 per multiplicar dos n\u00fameros\n return a * b\n\ndef divideix(a, b): # Defineix una funci\u00f3 per dividir dos n\u00fameros\n if b != 0: # Comprova que el divisor no sigui zero\n return a \/ b\n else: # Si el divisor \u00e9s zero, retorna un missatge d'error\n return \"No es pot dividir per zero\"\n\n@app.route('\/') # Defineix la ruta per a la p\u00e0gina principal\ndef index(): # Defineix la funci\u00f3 que es crida quan es visita la p\u00e0gina principal\n return render_template('calculadora.html') # Renderitza el fitxer HTML 'calculadora.html'\n\n@app.route('\/resultat', methods=['POST']) # Defineix la ruta per a la p\u00e0gina de resultats, nom\u00e9s accepta sol\u00b7licituds POST\ndef resultat(): # Defineix la funci\u00f3 que es crida quan es visita la p\u00e0gina de resultats\n operacio = request.form['operacio'] # Obt\u00e9 l'operaci\u00f3 seleccionada del formulari\n num1 = float(request.form['num1']) # Obt\u00e9 el primer n\u00famero del formulari i el converteix a float\n num2 = float(request.form['num2']) # Obt\u00e9 el segon n\u00famero del formulari i el converteix a float\n\n if operacio == '1': # Si l'operaci\u00f3 \u00e9s '1', suma els dos n\u00fameros\n resultat = suma(num1, num2)\n elif operacio == '2': # Si l'operaci\u00f3 \u00e9s '2', resta els dos n\u00fameros\n resultat = resta(num1, num2)\n elif operacio == '3': # Si l'operaci\u00f3 \u00e9s '3', multiplica els dos n\u00fameros\n resultat = multiplica(num1, num2)\n elif operacio == '4': # Si l'operaci\u00f3 \u00e9s '4', divideix els dos n\u00fameros\n resultat = divideix(num1, num2)\n else: # Si l'operaci\u00f3 no \u00e9s v\u00e0lida, retorna un missatge d'error\n resultat = \"Elecci\u00f3 inv\u00e0lida\"\n\n return render_template('resultat.html', resultat=resultat) # Renderitza el fitxer HTML 'resultat.html' amb el resultat\n\nif __name__ == '__main__': # Si aquest fitxer es crida directament, executa l'aplicaci\u00f3 Flask\n app.run(debug=True) # Executa l'aplicaci\u00f3 en mode de depuraci\u00f3\n<\/code><\/pre>\n\n\n\n\n
calculadora.html<\/code>, que \u00e9s la interf\u00edcie d’usuari de la calculadora. Un cop finalitzat el projecte aquest directori es pot suprimir.<\/li>\n<\/ol>\n\n\n\nFuncionament del projecte<\/h3>\n\n\n\n
\n
calculadora.html<\/code> cont\u00e9 un formulari que permet als usuaris introduir n\u00fameros i seleccionar una operaci\u00f3. Quan l’usuari envia el formulari, les dades es passen al servidor Flask.<\/li>\n\n\n\napp.py<\/code> cont\u00e9 el codi per al servidor Flask. Aquest servidor gestiona les sol\u00b7licituds del formulari HTML i crida les funcions de la calculadora per calcular el resultat.<\/li>\n\n\n\ncalculadora.py<\/code> cont\u00e9 les funcions per sumar, restar, multiplicar i dividir. Aquestes funcions es criden des del servidor Flask per calcular el resultat.<\/li>\n\n\n\n