iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

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

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

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

Day 1:[Vueの呼吸・前言]

今天是9/1,友客鑫拍賣會集結的日子(誤). . 歡迎來到我的 IT鐵人賽挑戰! 身為一個初入職場的小白,這是我第一次參加鐵人賽,沒有遠大的抱負,只是想透過這次...

2025-09-01 ‧ 由 Noopycai 分享
DAY 2

Day 2:[Vueの呼吸・壹之型] 架構設計 - 從Prototype到Component架構

專案現況: AI 給我們的 Prototype 在昨天的探索中,我們得知我們的需求「銷售系統」是基於 HTML、CSS 和 JavaScript 的靜態原型(p...

2025-09-02 ‧ 由 Noopycai 分享
DAY 3

Day 3:[Vueの呼吸・貳之型] 資料流設計 - 初探銷售系統的狀態規劃

什麼是「狀態 (State)」? 在開始實作之前,我們需要先釐清一個核心問題: 「當使用者在我們的系統中操作時,有哪些資訊是必須被記錄下來的?」 簡單來說,...

2025-09-03 ‧ 由 Noopycai 分享
DAY 4

Day 4:[Vueの呼吸・參之型] 初探路由架構 - 多角色的Navigation設計

在 Day 3 我們說明了使用 Pinia 來管理應用程式的狀態,例如登入狀態與使用者角色。但光有「狀態管理」還不夠,因為系統需要根據不同角色,決定誰可以看到什...

2025-09-04 ‧ 由 Noopycai 分享
DAY 5

Day 5:[Vueの呼吸・肆之型] 初探 Vue API - 前後端分離的介面規劃

前後端分離與 API 設計 在現代的系統開發中,前後端分離與API 設計幾乎已經成為必備的基礎觀念。本文將以我們的 Vue 銷售系統為例,說明什麼是前後端分離、...

2025-09-05 ‧ 由 Noopycai 分享