大家好,今天我將向您展示如何使用 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,然後在currency_converter資料夾內建立另一個名為(templates)的資料夾並製作確保該資料夾的名稱與templates 完全相同,否則Flask 將無法運行,然後在templates 資料夾中建立名為index.html 的文件,您可以建立一個 txt 文件,然後將其重新命名為 index.html 並確保擴展名是.html
這是app.py檔的程式碼:
這是帶有 css 的 HTML 檔案的程式碼:
<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.3s緩動; } 按鈕:懸停{ 背景:#1e5786; } /* 結果訊息樣式 */ 。結果 { 背景:紅色; 內邊距:10px; 邊框半徑:5px; 上邊距:20px; 文字陰影:1px 1px 2px rgba(0, 0, 0, 0.7); } .結果 p { 保證金:0; 字體大小:18px; } /* 錯誤訊息樣式 */ 。錯誤 { 顏色:#ff4d4d; 邊距:10px 0; 字體粗細:粗體; } /* 響應式設計 */ @media(最大寬度:480px){ 。容器 { 內邊距:15 像素 20 像素; } h1 { 字體大小:22px; } 輸入,按鈕 { 字體大小:14px; } } 風格> 頭> <div> <p>然後開啟 Powershell 或 CMD 並導航到您的currency_converter 資料夾位置並輸入:<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> </div>
以上是python 中的貨幣轉換器的詳細內容。更多資訊請關注PHP中文網其他相關文章!