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

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

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

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

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

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

WebAssembly的主要優(yōu)點

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

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

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

提前(AOT)編譯

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

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

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

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

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

創(chuàng)建項目

您可以使用DevExpress Visual Studio模板、Microsoft Visual Studio模板或CLI (command-line interface)創(chuàng)建報表應(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

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

注冊字體

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

DXFontRepository類允許您注冊所需的字體如下：

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);
}
}