ホームページ >バックエンド開発 >Python チュートリアル >Pythonの通貨コンバータ
Pythonの通貨コンバータ
- Susan Sarandonオリジナル
- 2024-12-14 22:14:12283ブラウズ
皆さん、こんにちは。今日は Python と Flask で簡単な通貨コンバータを作成し、Web 上に表示する方法を説明します。
まず、Flask が適切にインストールされていることを確認する必要があります。そのためには、Windows で Powershell または CMD を開き、右クリックして管理者として実行してください。Flask は、次のように入力することで簡単にインストールできます。コマンド:
pip インストール フラスコ
Python をインストールした後は、Windows に Python をインストールする方法に関するこのリンクを確認できます:
(https://www.geeksforgeeks.org/how-to-install-python-on-windows/)
Flask をインストールしたら、currency_converter という名前のフォルダーを作成し、そのフォルダー内に app.py という名前の txt ファイルを作成し、拡張子を .txt から .py に変更してから、currency_converter フォルダー内に (templates) という名前の別のフォルダーを作成して、このフォルダーがテンプレートと正確に同じ名前であることを確認してください。そうしないと、Flask が実行されません。次に、テンプレートフォルダー内に、index.html という名前の単一のファイルを作成します。txt ファイルを作成して、その名前を変更するだけです。 Index.html を拡張子が .html
であることを確認してください。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)
CSS を含む HTML ファイルのコードは次のとおりです:
<!DOCTYPE html>
<html lang="ja">
<メタ文字セット="UTF-8">
<meta name="viewport" content="width=device-width、initial-scale=1.0">
<title>通貨換算</title>
/* 一般的なボディスタイリング */
体 {
フォントファミリー: 'Arial'、サンセリフ;
マージン: 0;
パディング: 0;
背景: 線形グラデーション(135度、#6dd5fa、#2980b9);
色: 白;
ディスプレイ: フレックス;
コンテンツの位置揃え: 中央;
整列項目: 中央;
高さ: 100vh;
}
/* コンテナを中央に配置します */
。容器 {
背景: #ffffff10; /* 半透明の白 */
境界半径: 10px;
パディング: 20px 30px;
最大幅: 400ピクセル;
幅: 100%;
ボックスシャドウ: 0 8px 16px rgba(0, 0, 0, 0.3);
テキスト整列: 中央;
}
/* ヘッダーのスタイル */
h1 {
フォントサイズ: 28px;
マージン-ボトム: 20px;
色: #fff;
テキストシャドウ: 1px 1px 4px rgba(0, 0, 0, 0.8);
}
/* 入力とボタンのスタイル */
入力、ボタン {
表示: ブロック;
幅: 100%;
マージン: 10px 0;
パディング: 12px;
フォントサイズ: 16px;
境界線: なし。
境界半径: 5px;
}
入力 {
背景: #ffffff80; /* 半透明の白 */
カラー: #333;
}
ボタン {
背景: #2980b9;
色: #fff;
フォントの太さ: 太字;
カーソル: ポインタ;
トランジション: バックグラウンド 0.3 秒の容易さ。
}
ボタン:ホバー {
背景: #1e5786;
}
/* 結果メッセージのスタイル設定 */
。結果 {
背景: 赤;
パディング: 10px;
境界半径: 5px;
マージントップ: 20px;
テキストシャドウ: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.result p {
マージン: 0;
フォントサイズ: 18px;
}
/* エラー メッセージのスタイル */
。エラー {
色: #ff4d4d;
マージン: 10px 0;
フォントの太さ: 太字;
}
/* レスポンシブデザイン */
@media (最大幅: 480px) {
。容器 {
パディング: 15 ピクセル 20 ピクセル;
}
h1 {
フォントサイズ: 22px;
}
入力、ボタン {
フォントサイズ: 14px;
}
}
</スタイル>
</head>
<div>
<p>次に、Powershell または CMD を開いて、currency_converter フォルダーの場所に移動し、次のように入力します。<br>
フラスコ実行</p>
<p>これにより、次のような IP とポート番号を使用してマシン上に Web サーバーが作成されます:</p>
<p>http://127.0.0.1:5000</p>
<p>Web ブラウザを開き、このアドレスをコピーしてブラウザに貼り付け、通貨換算ツールを試してください。</p>
<p>コードの通貨リストについては、この Web サイトを確認してください:</p>
<p>(https://taxsummaries.pwc.com/glossary/currency-codes)</p>
<p>楽しんで、本当にありがとう。</p>
</div>
以上がPythonの通貨コンバータの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。