> 백엔드 개발 > 파이썬 튜토리얼 > 파이썬의 환율 변환기

파이썬의 환율 변환기

Susan Sarandon
풀어 주다: 2024-12-14 22:14:12
원래의
282명이 탐색했습니다.

Currency Converter in python

안녕하세요 여러분 오늘은 Python과 Flask에서 간단한 통화 변환기를 만들어 웹에 표시하는 방법을 보여 드리겠습니다.

먼저 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로 변경한 다음 통화_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="ko">
<머리>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>통화 변환기</title>
    <스타일>
        /* 일반적인 바디 스타일링 */
        몸 {
            글꼴 계열: 'Arial', 산세리프;
            마진: 0;
            패딩: 0;
            배경: 선형 그라데이션(135deg, #6dd5fa, #2980b9);
            색상: 흰색;
            디스플레이: 플렉스;
            내용 정당화: 센터;
            항목 정렬: 중앙;
            높이: 100vh;
        }

        /* 컨테이너 중앙 정렬 */
        .컨테이너 {
            배경: #ffffff10; /* 반투명 흰색 */
            테두리 반경: 10px;
            패딩: 20px 30px;
            최대 너비: 400px;
            너비: 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);
        }

        .결과 p {
            마진: 0;
            글꼴 크기: 18px;
        }

        /* 오류 메시지 스타일 지정 */
        .오류 {
            색상: #ff4d4d;
            여백: 10px 0;
            글꼴 두께: 굵게;
        }

        /* 반응형 디자인 */
        @media (최대 너비: 480px) {
            .컨테이너 {
                패딩: 15px 20px;
            }

            h1 {
                글꼴 크기: 22px;
            }

            입력, 버튼 {
                글꼴 크기: 14px;
            }
        }
    </스타일>
</머리>
<본문>
    <div>



<p>그런 다음 Powershell 또는 CMD를 열고 통화_변환기 폴더 위치로 이동하여 다음을 입력하세요.<br>
플라스크 런</p>

<p>다음과 같이 IP와 포트 번호를 사용하여 컴퓨터에 웹 서버가 생성됩니다.</p>

<p>http://127.0.0.1:5000</p><p>웹 브라우저를 연 다음 이 주소를 복사하여 브라우저에 붙여넣고 통화 변환기를 사용해 보세요.</p>

<p>통화 코드 목록을 보려면 다음 웹사이트를 확인하세요.</p>

<p>(https://taxsummaries.pwc.com/glossary/currency-codes)</p>

<p>즐거웠고 감사했습니다.</p>


          

            
        
로그인 후 복사

위 내용은 파이썬의 환율 변환기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿