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

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

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

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

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

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

WebAssembly的主要優點

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

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

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

提前(AOT)編譯

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

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

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

為Blazor WebAssembly創建一個報表應用程序

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

創建項目

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

添加NuGet包

創建應用程序的諸多策略都需要以下NuGet包：

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

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

注冊字體

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

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