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

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

獲取DevExpress v23.2正式版下載

DevExpress技術(shù)交流群9：909157416      歡迎一起進(jìn)群討論

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

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

• 靜態(tài)(SSR)
• 交互式服務(wù)器
• 交互式WebAssembly
• 自動(dòng)交互

我們對靜態(tài)服務(wù)器端渲染進(jìn)行了大量的關(guān)注——因?yàn)樗?NET 8中Blazor應(yīng)用程序的默認(rèn)渲染模式。

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

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

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

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

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

新的渲染模式和DevExpress組件

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

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

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

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

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