在這集會學到如何在 React 前端實作一個完整的「設備管理」功能,包含新增、修改、刪除設備資料,並透過 API 串接即時取得後端的設備清單。

此外,會示範如何使用 Bootstrap Modal 來呈現兩項實用功能:
一是點擊「即時影像」按鈕即可在彈出視窗中觀看攝影機串流畫面; 二是點擊「查看地圖」即可在彈出視窗中顯示設備的 Google 地圖位置。

整個流程直接結合 Axios、Bootstrap 與 React 狀態管理完成,讓前端介面與後端資料完美整合。

00:00 需求說明
00:31 設備管理API修改
03:08 設備讀取
03:08 設備新增、修改、刪除
09:45 即時影像、查看地圖