iT邦幫忙

0

Day 30|完整展示網站與回顧開發成果

  • 分享至 

  • xImage
  •  

技術 實際應用
HTML / CSS 製作表單、卡片、導覽列及響應式畫面
Python 處理使用者輸入、資料驗證與業務邏輯
Flask 建立網址路由、接收表單、回傳 HTML
SQLite / SQL 儲存、查詢、修改、刪除與統計收藏資料
JavaScript 動態表單及統計圖表

專案動機:
我平常會接觸電影與遊戲,但收藏作品越來越多之後,容易忘記哪些作品已經看過、哪些遊戲還沒通關,以及自己對作品的評價。因此,我決定使用 Python、Flask 與 SQLite,從零製作一個個人收藏管理網站,希望將平常分散的紀錄集中到同一個地方。

專案功能:

  • 電影與遊戲分開管理
  • 新增、查看、修改與刪除收藏
  • 依照名稱搜尋作品
  • 依照狀態與分類篩選
  • 記錄評分、心得與完成日期
  • 顯示收藏統計與圖表
  • 匯出 CSV 檔案

開發過程中學到的技術和挑戰:
這個專案讓我實際使用 Flask 建立網頁路由,並透過 HTML 模板呈現資料。我也使用 SQLite 保存作品資訊,學習如何透過 SQL 新增、查詢、修改與刪除資料。在前端方面,我使用 CSS 設計網站外觀與響應式排版,並利用 JavaScript 和 Chart.js 製作統計圖表。開發過程中,我需要處理表單驗證、不同作品類型的狀態、資料庫欄位擴充,以及搜尋和篩選條件的整合。這些問題讓我理解,完成一個網站不只是讓畫面顯示出來,還必須確保資料能正確保存、錯誤輸入能被處理,而且各項功能可以一起正常運作。

結語:
這 30 天讓我把原本只有想法的收藏管理工具,逐步實作成可以在本機執行的網站。對我來說,最大的收穫不只是學會幾個框架,而是開始理解一個完整網站從規劃、實作、測試到整理文件的過程。透過這次實作,我也更清楚自己接下來需要加強的技術,以及未來可以繼續擴充的方向。


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言