跳到內容
課程地圖/06 前端是櫃台,後端是廚房

概念班 · 第 6 關 · 約 10 分鐘

前端是櫃台,後端是廚房

畫面是櫃台,數字是廚房做的;權限檢查一定在廚房。

震旦示例週報為教學用虛構案例,資料、數字、人物、公式、權限與流程皆為合成示例,不代表震旦正式資料、制度或 KPI。

Excel:你看到的格子就是答案儀表板:先點餐(請求),廚房才出菜(資料)
實作:待練習測驗:待通過兩項完成後可記入進度

主圖 · 第 06 課

櫃台只接單,廚房才做判斷

畫面負責接收條件;後端驗證身分、查資料,再把結果送回來。

櫃台同事送出篩選請求,廚房同事準備圖表結果的情境插畫
  1. 01前端櫃台
  2. 02請求
  3. 03後端廚房
  4. 04回傳

💡 看得到的按鈕不等於真正的授權,權限檢查要在後端。

Excel 裡,你盯著的格子就是答案。網頁拆成兩半: 是櫃台,負責讓人點、讓人看; 是廚房,負責查資料、套規則、擋不該看的。中間那張點餐單叫 。

這不是文謅謅的分工。意思是:畫面再漂亮,數字對不對、權限有沒有守住,都在廚房。只改櫃台,改不了口徑。

動手:櫃台點一次餐

櫃台 · 前端

林小美的畫面

她只點「本週摘要」。她看不到廚房怎麼做。

廚房 · 後端

GET /metrics?range=this_week

  • 1. ……
  • 2. ……
  • 3. ……
  • 4. ……

注意第二步:即使有人想在網址改成「辦公」,廚房仍以身分為準。權限若只做在櫃台(把按鈕藏起來),會被看穿。這也是為什麼「看起來沒有辦公的按鈕」不等於「真的拿不到辦公的數」。

小測驗

要把「家電看不到辦公」做對,檢查應該發生在哪裡?

真實專案怎麼用到這一課?

Report-Dashboard · DNIS 電話進線分析

去識別化測試資料/MVP 驗證;以下不含公司正式明細與真實數字。

這堂課對應
伺服器端處理
專案情境
MVP 在伺服器端解析大型 DNIS Excel,查詢由資料庫產生結果,瀏覽器只接收必要的彙總。
想一想
為何不把原始明細全部交給瀏覽器?
驗收證據
能說明資料最小化、查詢與未來權限檢查應在伺服器端。

這一關帶走的一句話

畫面是櫃台,數字是廚房做的;權限檢查一定在廚房。

帶回工作練一遍

窗口改網址的事業部代碼,後端應檢查什麼?

看參考檢查點

依已驗證身分限制資料範圍,查詢與匯出都要檢查。

容易忽略:隱藏按鈕、網址難猜都不能代替授權。

筆記會先保存在這個瀏覽器;連結同步帳號後也會安全同步。

先完成上面的互動實作並答對測驗,再完成本關。