DevExpress Blazor UI組件使用了C#為Blazor Server和Blazor WebAssembly創建高影響力的用戶體驗，這個UI自建庫提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調度程序、圖表、數據編輯器和報表等）。

.NET 8為Blazor引入了令人興奮的重大變化，統一了它的托管模型，并采用了服務器端渲染。在這篇文章中，我們將普及一下這個新概念，并幫助您了解如何在Blazor應用程序中利用它們。

獲取DevExpress v23.2正式版下載

DevExpress技術交流群9：909157416      歡迎一起進群討論

交互式渲染模式和靜態服務器端渲染

.NET 8引入的主要變化之一是新的渲染模式：

• 靜態(SSR)
• 交互式服務器
• 交互式WebAssembly
• 自動交互

我們對靜態服務器端渲染進行了大量的關注——因為它是.NET 8中Blazor應用程序的默認渲染模式。

對于使用現代JavaScript框架的人來說，服務器端呈現(SSR)是一種很熟悉的技術。通過SSR，服務器可以預渲染頁面并將其作為完全形成的HTML發送到瀏覽器。.NET 8通過向Blazor應用程序引入靜態服務器端渲染的概念采用了這種技術，用.NET 8創建的新Blazor應用程序默認不會打開WebSocket連接，相反Blazor頁面完全在服務器上呈現，并作為靜態HTML發送給客戶端。這提供了以下優點：

• 通常靜態頁面加載速度更快。
• 具有靜態頁面的應用程序不需要運行服務器連接或大量的WebAssembly文件下載。

雖然靜態服務器端渲染提供了優勢，但它也有一定的局限性：

• Blazor組件不是交互式的 - 它們不會觸發事件，也不會在第一次渲染后執行相關的C#代碼。
• 與服務器之間導致頁面更改的任何通信都需要通過HTTP請求實現。

依賴于交互式組件和現有Blazor代碼的大型Blazor應用程序可能不容易移植到靜態SSR，當然在.NET - Razor Pages或MVC中也有提供類似靜態方法的現有技術。靜態SSR的主要好處是，它可以在同一個應用程序中與交互式呈現(WebAssembly或Server)相結合。應用程序的外殼、起始頁面和其他基本頁面可以是靜態的，但是一旦用戶導航到需要交互的頁面，應用程序將打開SignalR電路或啟動WebAssembly運行時。

新的渲染模式和DevExpress組件

在v23.2中，所有DevExpress Blazor UI組件都已經過測試，并支持此處提到的所有交互式渲染模式。

 雖然大多數DevExpress Blazor組件是交互式的，但其中一些組件可以是靜態的，并使用靜態服務器端渲染來呈現它們的內容。我們已經為以下組件實現了對靜態服務器端渲染的支持：

• 和 (在單個頁面中顯示靜態數據)
• 和 (顯示一個層次結構)
• 和 (用于指示流式渲染的進度).
• (不包括選項卡和可折疊組)).
• 和

為了簡化Blazor UI組件與.NET 8中引入的項目結構的主要變化集成，我們在v23.2中更新了DevExpress項目模板。更新后的模板現在演示了在不同的渲染模式下使用DevExpress Blazor組件，基于模板創建的最終應用包括：

• 靜態SSR模式下的組件(用于定義應用程序布局)。
• 靜態SSR模式下的組件(在應用程序中導航)。
• 計數器頁上來指定的交互式呈現模式顯示的組件。
• Interactive Server模式下Weather頁面上的組件。