使用 Streamlit 製作 Web 應用程式是如此簡單

Streamlit 在資料科學家中很受歡迎，因為您通常不需要前端知識。

它們提供簡單且易於實現的元素和小部件，無需編寫太多程式碼。

我在 ML/AI 專案中多次使用了 Streamlit，體驗非常棒。你可以更專注於編寫邏輯，前端部分（設計、佈局等）由streamlit處理得很好。

我使用 Streamlit 和 Python 創建了一個演示 Web 應用程序，以便您可以理解我在說什麼。

網路應用程式

這個網頁應用程式是將圖像格式轉換為另一種格式，例如，如果您的圖像是PNG格式，您可以將其轉換為JPEG圖像。

以下程式碼製作了 web 應用程式的使用者介面。

import streamlit as st
from imgconvrtr import convert_img_format
from PIL import Image

# Webpage setup
st.set_page_config(page_title="Image Convrtr")
st.title("Image Converter")
st.write("Convert your images in one _click_")

# File uploader
uploaded_file = st.file_uploader(
    "Upload an image",
    type=["png", "jpg", "jpeg", "jfif", "bmp"]
)

if uploaded_file is not None:
    # Show the uploaded image
    img = Image.open(uploaded_file)
    st.image(img, caption="Uploaded Image", use_column_width=True)

    # Show original image format
    st.write(f"Original format: {img.format}")

    # Output format selection
    format_options = ["PNG", "JPEG", "JFIF", "BMP"]
    output_format = st.selectbox("Choose output format", format_options)

    # Convert the image
    if img.format != output_format:
        if st.button("Convert"):
            converted_img = convert_img_format(uploaded_file, output_format.lower())
            st.write(f"Image converted to {output_format}")

            # Download button
            st.download_button(
                label=f"Download as {output_format}",
                data=converted_img,
                file_name=f"image.{output_format.lower()}",
                mime=f"image/{output_format.lower()}"
            )
    else:
        st.write("Select a different format... Yo!")

現在您已經大致了解了這個網頁應用程式的用途。我們可以直接跳到討論此程式碼中使用的元件。

一開始，你可以看到 st.title 和 st.write 等頁面元素，分別用於設定頁面標題和在頁面上顯示文字。

接下來，您可以看到一個用於上傳檔案的小部件（在本例中用於上傳圖像）。了解建立文件上傳器是多麼容易。

st.image 用來顯示使用者上傳的圖片。

然後我們有一個下拉式選單來選擇使用選擇框（st.selectbox）小工具建立的各種格式。

現在，您可以看到我們有兩個按鈕（st.button 和 st.download_button）。它們都是一樣的，但都是為了方便。

st.button 顯示我們在這裡用於影像轉換的按鈕小工具。

當使用者需要直接從應用程式下載檔案時，st.download_button 非常有用。

Streamlit 提供了許多用於不同目的的元素和小部件。

現在如果你想嘗試這個網頁應用程序，你需要安裝所需的函式庫：

pip install streamlit pillow

這是影像轉換函數：

from PIL import Image
import io

# Function to convert image format
def convert_img_format(image_file, frmat):
    with Image.open(image_file) as img:
        output_img = io.BytesIO()
        img.save(output_img, format=frmat.upper())
        output_img.seek(0)
        return output_img

使用以下命令執行應用程式：

streamlit run <script_name>.py
</script_name>

替換為實際的腳本名稱。

---

現在就這些。
繼續編碼✌✌

以上是使用 Streamlit 製作 Web 應用程式是如此簡單的詳細內容。更多資訊請關注PHP中文網其他相關文章！