Bonjour à tous, je vais vous montrer aujourd'hui comment créer un convertisseur de devises simple en Python et Flask pour l'afficher sur le web.
Nous devons d'abord nous assurer que Flask est correctement installé, pour ce faire, ouvrez Powershell ou CMD dans Windows et assurez-vous de l'exécuter en tant qu'administrateur en cliquant dessus avec le bouton droit, puis en l'exécutant en tant qu'administrateur, Flask est facile à installer en tapant ceci commande :
flacon d'installation pip
Après avoir installé Python, bien sûr, vous pouvez consulter ce lien pour savoir comment installer Python sur Windows :
(https://www.geeksforgeeks.org/how-to-install-python-on-windows/)
Après avoir installé Flask, créez avec succès un dossier nommé monnaie_converter et dans ce dossier, créez un fichier txt appelé app.py et assurez-vous de changer l'extension de .txt en .py, puis dans le dossier monnaie_converter, créez un autre dossier nommé (modèles) et créez assurez-vous que ce dossier est nommé exactement comme les modèles, sinon Flask ne fonctionnera pas, puis dans le dossier des modèles, créez un seul fichier nommé index.html, vous pouvez simplement créer un fichier txt puis le renommer index.html et vous assurer que l'extension est .html
Voici le code du fichier app.py :
from flask import Flask, render_template, request, redirect, url_for import requests app = Flask(__name__) API_URL = "https://api.exchangerate-api.com/v4/latest/{}" @app.route("/", methods=["GET", "POST"]) def index(): if request.method == "POST": from_currency = request.form["from_currency"].upper() to_currency = request.form["to_currency"].upper() amount = float(request.form["amount"]) # Fetch exchange rate data response = requests.get(API_URL.format(from_currency)) if response.status_code == 200: data = response.json() rates = data.get("rates", {}) if to_currency in rates: conversion_rate = rates[to_currency] converted_amount = amount * conversion_rate return render_template( "index.html", converted_amount=converted_amount, from_currency=from_currency, to_currency=to_currency, amount=amount, ) else: error = f"Currency '{to_currency}' not found." return render_template("index.html", error=error) else: error = f"Error fetching data for '{from_currency}'." return render_template("index.html", error=error) return render_template("index.html") if __name__ == "__main__": app.run(debug=True)
Et voici le code du fichier HTML avec css :
<!DOCTYPE html> <html lang="fr"> <tête> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Convertisseur de devises</title> <style> /* Style général du corps */ corps { famille de polices : « Arial », sans empattement ; marge : 0 ; remplissage : 0 ; arrière-plan : dégradé linéaire (135 degrés, #6dd5fa, #2980b9) ; couleur : blanc ; affichage : flexible ; justifier-contenu : centre ; aligner les éléments : centre ; hauteur : 100vh ; } /* Centrer le conteneur */ .conteneur { arrière-plan : #ffffff10 ; /* Blanc semi-transparent */ rayon de bordure : 10 px ; remplissage : 20px 30px ; largeur maximale : 400 px ; largeur : 100 % ; box-shadow : 0 8px 16px rgba(0, 0, 0, 0.3); alignement du texte : centre ; } /* Style d'en-tête */ h1 { taille de police : 28 px ; marge inférieure : 20 px ; couleur : #fff ; texte-ombre : 1px 1px 4px rgba(0, 0, 0, 0.8); } /* Style des entrées et des boutons */ saisie, bouton { affichage : bloc ; largeur : 100 % ; marge : 10px 0 ; remplissage : 12 px ; taille de police : 16 px ; bordure : aucune ; rayon de bordure : 5 px ; } saisir { arrière-plan : #ffffff80 ; /* Blanc semi-transparent */ couleur : #333 ; } bouton { arrière-plan : #2980b9 ; couleur : #fff ; poids de la police : gras ; curseur : pointeur ; transition : facilité d'arrière-plan 0,3 s ; } bouton : survoler { arrière-plan : #1e5786 ; } /* Style du message de résultat */ .résultat { fond : rouge ; remplissage : 10 px ; rayon de bordure : 5 px ; marge supérieure : 20 px ; texte-ombre : 1px 1px 2px rgba(0, 0, 0, 0.7); } .résultat p { marge : 0 ; taille de police : 18 px ; } /* Style du message d'erreur */ .erreur { couleur : #ff4d4d ; marge : 10px 0 ; poids de la police : gras ; } /* Conception réactive */ @media (largeur maximale : 480 px) { .conteneur { remplissage : 15px 20px ; } h1 { taille de police : 22 px ; } saisie, bouton { taille de police : 14 px ; } } </style> ≪/tête> <corps> <div> <p>Ensuite, ouvrez Powershell ou CMD et accédez à l'emplacement de votre dossier devises_converter et tapez :<br> course de flacon</p> <p>Cela créera un serveur Web sur votre machine avec une adresse IP et un numéro de port comme suit :</p> <p>http://127.0.0.1:5000</p><p>Ouvrez un navigateur Web puis copiez cette adresse et collez-la dans votre navigateur et essayez le convertisseur de devises.</p> <p>Pour la liste des codes de devises, consultez ce site Web :</p> <p>(https://taxsummaries.pwc.com/glossary/currency-codes)</p> <p> Profitez-en et merci beaucoup. </p>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!