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

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

獲取DevExpress v23.2正式版下載

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

交互式渲染模式和靜態(tài)服務器端渲染

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

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

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

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

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

雖然靜態(tài)服務器端渲染提供了優(yōu)勢，但它也有一定的局限性：

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

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

新的渲染模式和DevExpress組件

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

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

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

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

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