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

DevExpress Reports — 跨平臺報表組件，允許用戶在針對任何基于.NET平臺的應用程序中生成報表文檔，可部署在任何支持的操作系統上。在過去的幾個月里，官方技術團隊一直專注于增強多個環境中的報表生成進程，同時保持與主機操作系統本身的獨立性。在我們深入研究細節之前，先簡單介紹一下Visual Studio Code，以及為什么選擇它而不是其他可用的替代品。

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

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

在過去的三年里，Visual Studio Code (VS Code)一直是全球開發者社區成員首選的IDE(這個結論是基于Stack Overflow開發者調查)。廣泛采用是我們選擇VS Code的一個原因，另一個是微軟最近關于的公告。

DevExpress Visual Studio Code報表設計器擴展

VS Code報表設計器擴展允許您在Visual Studio Code IDE中創建和編輯DevExpress報表文檔，在本文中，我們將指導您完成macOS上的安裝過程，并說明如何利用該擴展的功能來開發和修改現有的報告。

注意：當前DevExpress VS Code擴展是社區技術預覽版(CTP)。

基于VS Code擴展的技術

如果您在過去的Web應用程序中加入了DevExpress Reporting工具，會發現DevExpress Web Report Designer（報表設計器）和VS Code擴展之間的相似之處。

Web報表設計器是使用JavaScript實現的，服務器端邏輯在 .NET 中執行。我們將這個設計器集成到Visual Studio Code中，允許后端在使用后端配置文件打開工作空間時安靜地運行。當您雙擊*. REPX (報表模板文件)，一個新的IDEdock面板呈現網頁與報表設計器，這個實現是基于.NET 7的，并且利用了我們基于sky的跨平臺繪圖引擎(允許您在IDE中預覽報表文檔)。

先決條件

下面是您需要在機器上執行的DevExpress VS Code報表設計器相關的東西：

在本文的以下部分中，我們將使用Docker來展示運行的結果。以示例項目的形式提供各種預配置的Dockerfiles：。我們創建這些Dockerfiles是為了解決開發和部署過程中的潛在挑戰，從這些文件創建的Docker容器在初始化期間安裝所有必要的本地庫。

要在VS Code中顯示文檔打印預覽，或者如果在本地macOS/Linux上開發/執行報告，請確保在您的開發機器上安裝所有本地依賴項(在macOS上，您必須使用homebrew)：

• libicu
• libc
• fontconfit
• libjpeg

設置

下載擴展并指定相關設置

一旦您確認機器滿足所有先決條件：

• 在Visual Studio Code extensions選項卡中搜索擴展來安裝它：

• 或者使用下面的Visual Studio Code市場鏈接來下載*. VSIX文件的DevExpress VS Code Report Designer Extension（報表設計器擴展）：.，獲得文件后，打開VS Code并導航到extensions選項卡。單擊結束省略號圖標來顯示其上下文菜單，然后選擇“Install from VSIX…”：

安裝擴展后，單擊右下角的齒輪圖標來修改設置：

1. 輸入您的
2. 選擇報表設計器可視主題(在此處查看可用主題列表：)。
3. 版本設置保持默認值。

準備好環境

注意：您可以使用自己的示例項目或在Visual Studio Code中打開一個空文件夾來測試功能。

我們將利用以下GitHub存儲庫用于演示目的：。按照本文的步驟，點擊F1，輸入git clone，并提供VS Code的存儲庫URL，將它復制到您的機器上。在Visual Studio Code中打開目錄(包含示例項目)后，將新的Reporting .config.json文件添加到其中，或者使用DX Reporting: Start Designer VS Code命令生成該文件。

擴展在后端進程啟動之前讀取該文件的內容，請參閱下面支持的報表設計器設置列表：

• DataBindingMode (Expressions | DataBindings | ExpressionsAdvanced) - 設置報表設計器數據綁定模式。
• SqlConnectionStrings - 定義可用的基于SQL的數據源集合，確保在連接字符串中使用XpoProvider前綴。
• JsonConnectionStrings - 定義可用JSON數據源的集合。
• ReportsDirectory - 存儲包含報表模板的目錄路徑。
• ReportUrlsMap - 存儲與報表模板文件關聯的報表名稱集合。

一個示例配置文件如下所示：

{
"DataBindingMode": "Expressions",
"SqlConnectionStrings":{
"Northwind_Connection": "XpoProvider=MSSqlServer;...."
},
"JsonConnectionStrings":{
"Nwind JSON Data": "Uri=nwind.json",
"Dummy 100 Users": "Uri=//dummyjson.com/users/"
},
"ReportsDirectory" : "PredefinedReports",
"ReportUrlsMap":{
"Report1": "Report1.repx",
"newReport": "newReport.repx"
}
}

將文件添加到打開的目錄后，重新打開VS Code以初始化報表設計器擴展，或者手動調用DX Reporting: Start Designer命令，IDE將通知您有關報表設計器初始化的信息。

在接下來的文章中我們將繼續介紹如何創建DevExpress報表及運行實例應用程序，請持續關注我們喲~