iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

打造銷售系統30天修練 - 全集中・Vue之呼吸 系列

目標在30天內,以 Vue框架 為核心,結合元件化思維、路由設計、狀態管理與前後端整合,循序漸進掌握開發流程。

參賽天數 25 天 | 共 25 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊達利貓出任務
DAY 21

Day 21:[Stateの呼吸・貳之型] User State - 管理登入狀態與資料

在上一回的修煉中,我們初探了 Pinia 的核心,學會了使用 state、getters 和 actions 來建立一個管理認證 token 的中央倉庫 (au...

2025-09-21 ‧ 由 Noopycai 分享
DAY 22

Day 22:[APIの呼吸・壹之型] Backend連接 - Axios設定與封裝

在過去幾天的修煉中,我們已經建立起一套完整的登入與狀態管理機制。在上一回,我們甚至在 authStore 中定義了一個名為 fetchUserProfile 的...

2025-09-22 ‧ 由 Noopycai 分享
DAY 23

Day 23:[APIの呼吸・貳之型] 錯誤處理 - 攔截器與重試機制

在上一回的修煉中,我們打造了 axios 客戶端。它配備的「回應攔截器」可以在偵測到 401 錯誤時,果斷地將使用者登出並踢回登入頁。這確保了系統的安全性,但從...

2025-09-23 ‧ 由 Noopycai 分享
DAY 24

Day 24:[Systemの呼吸・壹之型] 庫存查詢 - 模擬資料與搜尋功能

今天,我們要施展的是系統開發中最實用的一式:「庫存查詢系統」。 一個能讓管理者快速掌握所有商品庫存狀況的介面,是POS系統不可或缺的核心功能。 我們將打造一個功...

2025-09-24 ‧ 由 Noopycai 分享
DAY 25

Day 25:[Systemの呼吸・貳之型] 客戶資料管理(上):介面結構、搜尋與雙視圖設計

今天聚焦「客戶管理」的頁面設計與基礎實作,主角是 CustomerManagement.vue。我們會完成搜尋卡(CustomerSearchCard)、結果清...

2025-09-25 ‧ 由 Noopycai 分享