DevExpress?Blazor UI組件使用了C#為Blazor Server和Blazor WebAssembly創(chuàng)建高影響力的用戶體驗(yàn)，這個UI自建庫提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調(diào)度程序、圖表、數(shù)據(jù)編輯器和報表等）。
.NET 8為Blazor引入了令人興奮的重大變化，統(tǒng)一了它的托管模型，并采用了服務(wù)器端渲染。在這篇文章中，我們將普及一下這個新概念，并幫助您了解如何在Blazor應(yīng)用程序中利用它們。
獲取DevExpress v23.2正式版下載(Q技術(shù)交流：909157416）
交互式渲染模式和靜態(tài)服務(wù)器端渲染
.NET 8引入的主要變化之一是新的渲染模式：
- 靜態(tài)(SSR)
- 交互式服務(wù)器
- 交互式WebAssembly
- 自動交互
我們對靜態(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的主要好處是，它可以在同一個應(yīng)用程序中與交互式呈現(xiàn)(WebAssembly或Server)相結(jié)合。應(yīng)用程序的外殼、起始頁面和其他基本頁面可以是靜態(tài)的，但是一旦用戶導(dǎo)航到需要交互的頁面，應(yīng)用程序?qū)⒋蜷_SignalR電路或啟動WebAssembly運(yùn)行時。
新的渲染模式和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ù)器端渲染的支持：
- Grid?和?Pivot Grid?(在單個頁面中顯示靜態(tài)數(shù)據(jù))
- Menu?和?TreeView?(顯示一個層次結(jié)構(gòu))
- Wait Indicator?和?Loading Panel?(用于指示流式渲染的進(jìn)度).
- Form Layout?(不包括選項(xiàng)卡和可折疊組)).
- Grid Layout?和?Stack Layout
為了簡化Blazor UI組件與.NET 8中引入的項(xiàng)目結(jié)構(gòu)的主要變化集成，我們在v23.2中更新了DevExpress項(xiàng)目模板。更新后的模板現(xiàn)在演示了在不同的渲染模式下使用DevExpress Blazor組件，基于模板創(chuàng)建的最終應(yīng)用包括：文章來源：http://www.zghlxwxcb.cn/news/detail-771970.html
- 靜態(tài)SSR模式下的GridLayout組件(用于定義應(yīng)用程序布局)。
- 靜態(tài)SSR模式下的Menu組件(在應(yīng)用程序中導(dǎo)航)。
- 計(jì)數(shù)器頁上來指定的交互式呈現(xiàn)模式顯示的Button組件。
- Interactive Server模式下Weather頁面上的Grid組件。
文章來源地址http://www.zghlxwxcb.cn/news/detail-771970.html
到了這里，關(guān)于官宣！DevExpress Blazor UI組件，支持全新的.NET 8渲染模式的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
