iT邦幫忙

2025 iThome 鐵人賽

DAY 20
0
生成式 AI

智慧旅遊顧問--結合 LLM 與 RAG 架構的台灣旅遊資訊助手系列 第 20

【Day20】前端介面開發 - 從Streamlit到部署介面

  • 分享至 

  • xImage
  •  

一、Streamlit 的優缺點

Streamlit 的強項在於其開發速度快、與 Python 後端整合緊密。讓我們能迅速將複雜的 AI 功能視覺化,這在開發和原型階段是巨大的優勢。然而,它的客製化彈性較低,且在應對高併發使用者時,效能可能會受到挑戰。對於這個專案來說,Streamlit 仍然是最佳的選擇,因為它可以讓我們專注於 AI 核心邏輯。

二、規劃最終的 UX/UI 佈局

無論選擇 Streamlit 還是其他前端框架(例如 React 或 Vue),使用者體驗 (UX) 都是核心。我們必須確保介面能專業地展示 AI 導遊的豐富功能:

  • AI 回覆區:這是最關鍵的區域。我們需要確保 RAG 答案、Function Calling 的景點列表和交通路線能以清晰的視覺層次感呈現,持續利用 st.markdown 和 st.expander。

  • 輸入框:保持輸入框簡單、直覺,讓使用者專注於提問,必要時可加入預設問題提示。

  • 側邊欄:可用來放置專案說明、設定選項,或用於展示開發者資訊,保持主聊天介面的簡潔。


上一篇
【Day19】部署前的準備-容器化與環境配置
系列文
智慧旅遊顧問--結合 LLM 與 RAG 架構的台灣旅遊資訊助手20
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言