🚀 HCL Domino XPages 效能優化：局部更新 (Partial Refresh) 與 AJAX 實戰全解析 (Lesson 06-3) скачать в хорошем качестве

🚀 HCL Domino XPages 效能優化：局部更新 (Partial Refresh) 與 AJAX 實戰全解析 (Lesson 06-3)

在本集教學中，我們將深入探討 XPages 最強大的功能之一：局部更新（Partial Refresh）。您將學習如何利用 AJAX 技術減少伺服器與瀏覽器間的資料交換量，解決網頁頻繁閃爍的問題，並提升應用程式的反應速度。影片中將透過「客製化查詢」與「發票金額自動計算」等實戰案例，教您精準控制網頁區塊的重新渲染。 💡 核心學習重點 AJAX 與非同步技術原理：了解如何透過 JavaScript 與 XML（或 JSON）進行後台通訊，僅取回必要資料並更新局部 UI。 局部更新 vs. 完整更新： 完整更新 (Full Refresh)：整頁重新載入，耗費資源且體驗較差。 局部更新 (Partial Refresh)：僅針對指定的 Panel 或 ID 進行更新，保持頁面流暢度。 SSJS 觸發局部更新：示範在伺服器端 JavaScript 執行完邏輯後，如何連動更新前端的指定組件。 CSJS (前台) 呼叫局部更新：學習使用 XSP.partialRefreshGet() 從前端腳本主動觸發後端邏輯並更新畫面。 實戰案例：發票系統自動化： 客製化帶入：輸入客戶編號後，自動異步帶出客戶名稱。 自動計算稅額：當金額或稅率變動時，利用局部更新即時計算並顯示含稅總額。 避坑指南：驗證程序卡控：解決局部更新時觸發到其他「必填欄位」驗證而導致功能失效的問題。 ⏰ 影片章節 (Timestamps) [00:03] 課程導覽：XPages AJAX 特性與局部更新的重要性 [01:03] AJAX 原理詳解：減少資料傳輸量與降低伺服器負載 [03:33] 實戰對比：傳統 AJAX 寫法與 XPages 局部更新的差異示範 [05:00] 局部更新實測：觀查特定 Panel 與計算欄位 (Timestamp) 的變化 [07:17] 技術深度分析：傳統 Agent 吐 XML 與 XPages SSJS 的開發負擔比較 [11:38] 前端連動技巧：使用 CSJS (用戶端 JavaScript) 觸發局部更新 [13:43] 發票申請單實作：客製化編號連動帶出名稱的功能設計 [17:09] 關鍵設定：勾選「沒有驗證程序資料」以解決 Partial Refresh 衝突 [19:46] 進階查詢技巧：使用 Key Array 在 View 中進行多條件過濾搜尋 [22:10] 效能提醒：為什麼局部更新必須精確指定 ID 範圍 [25:53] 多維度連動：根據公司別切換動態顯示不同的交易稅率清單 [31:34] 商業邏輯封裝：將計算稅額與總額的 SSJS 邏輯包裝為 Function [36:30] 綜合演練：實作金額變動觸發 Table 局部更新與自動結算 [39:43] 總結與學習建議：如何透過實戰快速掌握 SSJS 的開發手感 關於 先宏資訊 (XRed Information) 我們專精於 HCL Notes/Domino 技術開發、系統升級與 AI 整合應用。若您的企業需要專業的技術支援或開發培訓協助，歡迎與我們聯繫。 #HCLDomino #XPages #PartialRefresh #局部更新 #AJAX #SSJS #網頁效能優化 #先宏資訊 #XRedInformation #發票系統實戰