DevExpress Reports組件被設(shè)計(jì)為一個(gè)跨平臺(tái)的報(bào)表解決方案，您可以創(chuàng)建一次報(bào)表，然后將文檔顯示、打印和導(dǎo)出到任何受支持的.NET平臺(tái)中，用戶體驗(yàn)擴(kuò)展到部署應(yīng)用程序的所有托管環(huán)境/操作系統(tǒng)。

DevExpress Reporting是.NET Framework下功能完善的報(bào)表平臺(tái)，它附帶了易于使用的Visual Studio報(bào)表設(shè)計(jì)器和豐富的報(bào)表控件集，包括數(shù)據(jù)透視表、圖表，因此您可以構(gòu)建無與倫比、信息清晰的報(bào)表。

獲取DevExpress Reporting v23.1正式版下載

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

 由于我們過渡到一個(gè)基于Skia的繪畫引擎（DevExpress.Drawing圖形庫），能夠修改原生的Blazor Report Viewer（報(bào)表查看器）實(shí)現(xiàn)，使其現(xiàn)在支持Blazor WebAssembly (WASM)托管模型。Report Viewer（報(bào)表查看器）允許您顯示、打印和導(dǎo)出簡單報(bào)表，并將報(bào)表綁定到JSON和Object數(shù)據(jù)源。

此外，我們的跨平臺(tái)繪圖引擎允許您在 .NET MAUI Blazor應(yīng)用程序中使用DevExpress Report和Blazor Report Viewer組件。

WebAssembly的主要優(yōu)點(diǎn)

 支持Blazor WebAssembly托管模型的主要好處是，您現(xiàn)在可以在瀏覽器中預(yù)覽、打印和導(dǎo)出報(bào)表，而無需ASP. NET Core后端。

 Blazor WebAssembly托管模型允許您直接在瀏覽器中執(zhí)行客戶端C#代碼，這意味著應(yīng)用程序、它的依賴項(xiàng)和.NET運(yùn)行時(shí)被下載到瀏覽器中。您的應(yīng)用程序也可以離線運(yùn)行——一旦所有必要的資源下載完畢。

 Blazor Report Viewer（報(bào)表查看器）是一個(gè)使用C#實(shí)現(xiàn)的.NET組件，因此您不需要處理JavaScript代碼來定制組件操作。此外Blazor Report Viewer（報(bào)表查看器）確保了UI的一致性，并支持所有的DevExpress Blazor主題。

提前(AOT)編譯

在v23.1和未來的版本中，DevExpress Reports for Blazor WebAssembly都具有內(nèi)置的提前(AOT)編譯支持。AOT編譯會(huì)在C#代碼被瀏覽器執(zhí)行之前將其“預(yù)編譯”成機(jī)器碼，這項(xiàng)技術(shù)在Blazor WASM中特別有用，因?yàn)樗试SC#代碼直接由瀏覽器的WebAssembly引擎執(zhí)行，并顯著提高了運(yùn)行時(shí)性能。

 下面的圖表說明了啟用AOT和未啟用AOT時(shí)的性能差異，在Invoice Demo報(bào)表中測(cè)量了性能(以秒為單位)。

 請(qǐng)注意，AOT編譯的應(yīng)用程序大小很大，因此應(yīng)用程序在首次請(qǐng)求后需要更長的時(shí)間才能下載到客戶端。

為Blazor WebAssembly創(chuàng)建一個(gè)報(bào)表應(yīng)用程序

 在本節(jié)中，我們將描述如何將Blazor Report Viewer（報(bào)表查看器）集成到Blazor WebAssembly應(yīng)用程序中，并顯示一個(gè)簡單的表格報(bào)表。

創(chuàng)建項(xiàng)目

 您可以使用DevExpress Visual Studio模板、Microsoft Visual Studio模板或CLI (command-line interface)創(chuàng)建報(bào)表應(yīng)用程序。

添加NuGet包

創(chuàng)建應(yīng)用程序的諸多策略都需要以下NuGet包：

• DevExpress.Drawing.Skia
• SkiaSharp.Views.Blazor
• SkiaSharp.NativeAssets.WebAssembly
• SkiaSharp.HarfBuzz
• HarfBuzzSharp.NativeAssets.WebAssembly
• DevExpress.Blazor
• DevExpress.Blazor.Reporting.Viewer

注意：不要忘記在您的機(jī)器上設(shè)置DevExpress NuGet提要，以獲得對(duì)所需NuGet包的訪問權(quán)。

注冊(cè)字體

在應(yīng)用程序可以在瀏覽器中運(yùn)行之前，注冊(cè)字體來確保Skia繪圖引擎可以使用它們來繪制報(bào)表內(nèi)容。

DXFontRepository類允許您注冊(cè)所需的字體如下：

public async static Task LoadFonts(HttpClient httpClient, List<string> fontNames) {
foreach (var fontName in fontNames) {
var fontBytes = await httpClient.GetByteArrayAsync($"fonts/{fontName}");
DXFontRepository.Instance.AddFont(fontBytes);
}
}