鐵人檔案
今天是9/1，友客鑫拍賣會集結的日子（誤）. . 歡迎來到我的 IT鐵人賽挑戰！ 身為一個初入職場的小白，這是我第一次參加鐵人賽，沒有遠大的抱負，只是想透過這次...
專案現況： AI 給我們的 Prototype 在昨天的探索中，我們得知我們的需求「銷售系統」是基於 HTML、CSS 和 JavaScript 的靜態原型（p...
什麼是「狀態 (State)」？ 在開始實作之前，我們需要先釐清一個核心問題： 「當使用者在我們的系統中操作時，有哪些資訊是必須被記錄下來的？」 簡單來說，...
在 Day 3 我們說明了使用 Pinia 來管理應用程式的狀態，例如登入狀態與使用者角色。但光有「狀態管理」還不夠，因為系統需要根據不同角色，決定誰可以看到什...
前後端分離與 API 設計 在現代的系統開發中，前後端分離與API 設計幾乎已經成為必備的基礎觀念。本文將以我們的 Vue 銷售系統為例，說明什麼是前後端分離、...
在 Day 5 中，我們透過 getCustomers 成功從後端取得了客戶資料，並把它存進了變數 customers。 問題來了：如果我們新增或刪除了一個客...
昨天 Day 6 我們學會了 Vue 的響應式原理。 但實話說，用單純的 HTML、CSS、JS 檔案來拼裝一個系統，隨著功能越來越多，很快就會變得混亂。 今天...
在昨天 Day7 的章節中，我們成功地為專案建立了現代化的開發環境。 今天，我們將正式開始享受這個環境帶來的好處，著手進行我們銷售系統的實作！ 元件化 (Com...
在 Day 8，我們打造了第一個可複用的 BaseButton 元件。我們在 LoginView.vue 中將它展示出來，手動點擊，看起來一切正常。但這就夠了嗎...
在前兩天我們成功打造了 BaseButton 元件，為我們的設計系統踏出了堅實的第一步。今天，我們將乘勝追擊，挑戰另一個在表單中無處不在的元素，下拉選單 (&l...
