這一集我們來聊聊 ASP.NET 專案中不可或缺的維運技能，就是日誌機制。 很多人在開發 API 時，習慣用 Console.WriteLine()、或是偶爾丟個 try-catch，但當系統上線後，你會發現沒有一個穩定可靠的 Log 機制，出了錯根本無從查起。 這集教你如何在 ASP.NET 中整合 NLog + Middleware，打造一套完整的

在這支影片中，我們將一步步帶你實作一個前端設備管理介面，整合三項實用功能：即時影像播放、地圖定位，以及依使用者角色過濾授權設備，你將學會如何解析設備參數中的串流連結，透過按鈕點擊跳出新視窗顯示即時畫面，也會使用設備的經緯度資訊，在 Google 地圖中定位並顯示設備位置。 除了畫面操作，我們也會設計兩個後端 API，一個是無條件列出所有設備，另一個則是根據帳號查詢角色授權的設備，讓系統管理者與一般使用者看到的資料有所區隔，這樣的設計，不僅讓畫面更直觀，也讓權限控管更靈活。 影片中使用純 JavaScript 搭配 ASP.

這集影片延續上一集的「使用者管理」，這次我們要來實作「角色管理」功能，並進一步加入「設備綁定」的設定。 在實務專案中，每個角色常常會對應到不同的設備控制權限，因此將示範如何設計一個前端介面，為每個角色選擇對應的設備清單，並透過多選下拉選單（＜select multiple＞）來實作這個功能。 從表單設計開始，逐步實作角色的新增、修改、刪除功能，並介紹如何載入設備清單、預設勾選已綁定的設備，以及如何處理角色與設備之間的關聯資料。 整體實作維持簡潔、實用的風格，

本集教你如何在前端實作「使用者管理模組」的讀取功能，內容包含：導覽選單製作、透過 API 抓取使用者清單、使用 JavaScript 動態渲染表格，以及實作頁面權限驗證機制，一步步帶你完成資料顯示與權限控制的實戰流程，讓你的管理系統不只是能看，還更安全、更完整！ 00:00 首頁修改及選單製作 01:46 登出功能開發 03:21 前端使用者管理-讀取功能

這支影片要帶你一步一步，用最簡單的方式，完成一個純 JavaScript 的前端登入模組。 我們不使用任何框架、不寫 jQuery，只靠最基本的 HTML 和原生 JavaScript，就能做到完整的登入流程，包括： 傳送帳號密碼到後端 API 接收回傳的 token 並儲存 顯示登入後的主畫面與歡迎詞 這套架構簡單好懂，很適合剛學前端的人跟著練習，學會怎麼從「按下登入」開始，