Pythonの通貨コンバータ

皆さん、こんにちは。今日は 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 ファイルのコードは次のとおりです:

    
    <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;
            }
        }
    スタイル>


    <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 サイトの他の関連記事を参照してください。