iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
生成式 AI

30天製作生成式AI的互動網頁專案 系列

參賽內容將以開源的生成式AI模型的應用為主,把生成式AI的技術帶入網站之中以此設計一個能與AI進行對話的平台,網頁部分主要以flask為主。

參賽天數 25 天 | 共 25 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day-11 HTML網頁設計的範例-1

今天先把我自己做的範例網頁放上來,目前的程式碼還算簡單,整體架構就是一個很陽春的網頁,主要功能是能夠跟後端的程式進行連接,並且透過呼叫 PHI-4 mini 來...

2025-09-09 ‧ 由 max 分享
DAY 12

Day-12 HTML網頁設計的範例-2

今天來講解一下昨天發的網頁設計的範例的部分程式碼講解與分析。 這段程式碼是一個基礎的 HTML 範例,主要用來建立一個可以讓使用者輸入問題並提交至後端處理的網頁...

2025-09-10 ‧ 由 max 分享
DAY 13

Day-13 串接Phi-4-mini到網頁-1

今天首先會先講解資料夾放置的位置,再來把Phi-4的使用程式碼放上來。 首先是資料夾位置放置方式: 這個專案的結構,主要分為四個部分,分別負責不同的功能模組。...

2025-09-11 ‧ 由 max 分享
DAY 14

Day-14 串接Phi-4-mini到網頁-2

今天的文章將會把程式碼進行細部的講解與分析。 from flask import Flask, render_template, request import...

2025-09-12 ‧ 由 max 分享
DAY 15

Day-15 測試與生成式AI的對話網頁

今天會進行生成式AI的對話網頁的測試,首先先將app.py這個檔案運行起來。 接下來開啟app.py裡面寫到的網址:http://127.0.0.1:5000...

2025-09-13 ‧ 由 max 分享
DAY 16

Day-16 美化及優化網頁-1

今天將把原本很陽春的介面修改一下,讓他美化的好看一點,並且把排版也修整一下。 新版的程式碼: <!DOCTYPE html> <html la...

2025-09-14 ‧ 由 max 分享
DAY 17

Day-17 美化及優化網頁-2

延續昨天的內容,我們已經完成了新版 PHI-4 問答介面的前端視覺優化與基本功能建立,今天我們將針對程式碼做更細部的解說,協助理解背後的邏輯與結構。 一、HTM...

2025-09-15 ‧ 由 max 分享
DAY 18

Day-18 延伸應用-1

在本次的網頁完成後,我認為可以對這個網頁的功能進行三個方向的延伸,首先是第一個延伸。延伸應用-1:AI 客服對話系統(Chatbot Support Syste...

2025-09-16 ‧ 由 max 分享
DAY 19

Day-19 延伸應用-2

在本次的網頁完成後,我認為可以對這個網頁的功能進行三個方向的延伸,今天是第二個延伸。延伸應用二:線上教育助教系統 另一個極具潛力的應用是將這個問答介面發展為一個...

2025-09-17 ‧ 由 max 分享
DAY 20

Day-20 延伸應用-3

延伸應用三:技術文件查詢助手 許多開發者在使用技術文件或 API 手冊時,常常會遇到搜尋不便、資訊過於分散的問題。此時,可以將這個問答介面改造為一個 技術文件查...

2025-09-18 ‧ 由 max 分享