Rumah >pembangunan bahagian belakang >Tutorial Python >Penukar Mata Wang dalam python
Penukar Mata Wang dalam python
- Susan Sarandonasal
- 2024-12-14 22:14:12283semak imbas
Hai semua, saya akan menunjukkan kepada anda hari ini cara mencipta penukar mata wang mudah dalam Python dan Flask untuk memaparkannya di web.
Mula-mula kita perlu memastikan Flask dipasang dengan betul, untuk melakukannya buka Powershell atau CMD dalam tetingkap dan pastikan untuk menjalankannya sebagai pentadbir dengan klik kanannya dan kemudian jalankan sebagai Pentadbir, Flask mudah dipasang dengan menaip ini arahan:
kelalang pemasangan pip
Selepas memasang Python sudah tentu anda boleh menyemak pautan ini tentang cara memasang Python pada tingkap:
(https://www.geeksforgeeks.org/how-to-install-python-on-windows/)
Selepas memasang Flask berjaya mencipta folder bernama currency_converter dan di dalam folder itu cipta fail txt bernama app.py dan pastikan anda menukar sambungan daripada .txt kepada .py dan kemudian di dalam folder currency_converter cipta folder lain bernama (templat) dan buat pastikan folder ini dinamakan betul-betul sebagai templat jika tidak Flask tidak akan berjalan, kemudian di dalam folder templat cipta satu fail bernama index.html anda hanya boleh mencipta fail txt kemudian menamakannya semula index.html dan pastikan sambungannya ialah .html
Berikut ialah kod untuk fail 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)
Dan berikut ialah kod untuk fail HTML dengan css:
<!DOCTYPE html>
<html lang="en">
<kepala>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Penukar Mata Wang</title>
<gaya>
/* Penggayaan badan umum */
badan {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
latar belakang: kecerunan linear(135deg, #6dd5fa, #2980b9);
warna: putih;
paparan: flex;
justify-content: pusat;
align-item: tengah;
ketinggian: 100vh;
}
/* Memusatkan bekas */
.bekas {
latar belakang: #ffffff10; /* Putih separuh lutsinar */
jejari sempadan: 10px;
padding: 20px 30px;
lebar maksimum: 400px;
lebar: 100%;
bayang-kotak: 0 8px 16px rgba(0, 0, 0, 0.3);
text-align: tengah;
}
/* Penggayaan pengepala */
h1 {
saiz fon: 28px;
jidar bawah: 20px;
warna: #fff;
bayang teks: 1px 1px 4px rgba(0, 0, 0, 0.8);
}
/* Input dan penggayaan butang */
input, butang {
paparan: blok;
lebar: 100%;
jidar: 10px 0;
padding: 12px;
saiz fon: 16px;
sempadan: tiada;
jejari sempadan: 5px;
}
input {
latar belakang: #ffffff80; /* Putih separuh lutsinar */
warna: #333;
}
butang {
latar belakang: #2980b9;
warna: #fff;
font-weight: tebal;
kursor: penunjuk;
peralihan: latar belakang 0.3s mudah;
}
butang:tuding {
latar belakang: #1e5786;
}
/* Penggayaan mesej hasil */
.hasil {
latar belakang: merah;
padding: 10px;
jejari sempadan: 5px;
jidar atas: 20px;
bayang teks: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.hasil p {
margin: 0;
saiz fon: 18px;
}
/* Penggayaan mesej ralat */
.error {
warna: #ff4d4d;
jidar: 10px 0;
font-weight: tebal;
}
/* Reka bentuk responsif */
@media (lebar maksimum: 480px) {
.bekas {
padding: 15px 20px;
}
h1 {
saiz fon: 22px;
}
input, butang {
saiz fon: 14px;
}
}
</style>
</head>
<badan>
<div>
<p>Kemudian buka Powershell atau CMD dan navigasi ke lokasi dan taip folder currency_converter anda:<br>
larian kelalang</p>
<p>Ini akan mencipta pelayan web pada mesin anda dengan nombor ip dan port seperti berikut:</p>
<p>http://127.0.0.1:5000</p><p>Buka penyemak imbas web kemudian salin alamat ini dan tampalkannya dalam penyemak imbas anda dan cuba penukar mata wang.</p>
<p>Untuk senarai mata wang kod semak tapak web ini:</p>
<p>(https://taxsummaries.pwc.com/glossary/currency-codes)</p>
<p>Nikmati dan terima kasih banyak-banyak.</p>
Atas ialah kandungan terperinci Penukar Mata Wang dalam python. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!