DevExpress Reporting是.NET Framework下功能完善的报表平台它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集包括数据透视表、图表因此您可以构建无与伦比、信息清晰的报表。DevExpress Reports — 跨平台报表组件允许用户在针对任何基于.NET平台的应用程序中生成报表文档可部署在任何支持的操作系统上。在过去的几个月里官方技术团队一直专注于增强多个环境中的报表生成进程同时保持与主机操作系统本身的独立性。在我们深入研究细节之前先简单介绍一下Visual Studio Code以及为什么选择它而不是其他可用的替代品。DevExpress新旧版本帮助文档获取可点击这篇文章查看——《界面控件DevExpress v26.1帮助文档大全CHM版本》在过去的三年里Visual Studio Code (VS Code)一直是全球开发者社区成员首选的IDE(这个结论是基于Stack Overflow开发者调查)。广泛采用是我们选择VS Code的一个原因另一个是微软最近关于Visual Studio for Mac的公告。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报表设计器相关的东西C# VSCode Extension.NET Runtime Install Tool VSCode Extension.NET 7 SDKDevExpress NuGet Feed API Key (Licensed or Trial)DevExpress VSCode Report Designer Extension在本文的以下部分中我们将使用Docker来展示运行的结果。以示例项目的形式提供各种预配置的Dockerfiles如何使用基于skiassharp的DevExpress绘图引擎。我们创建这些Dockerfiles是为了解决开发和部署过程中的潜在挑战从这些文件创建的Docker容器在初始化期间安装所有必要的本地库。要在VS Code中显示文档打印预览或者如果在本地macOS/Linux上开发/执行报告请确保在您的开发机器上安装所有本地依赖项(在macOS上您必须使用homebrew)libiculibcfontconfitlibjpeg设置下载扩展并指定相关设置一旦您确认机器满足所有先决条件在Visual Studio Code extensions选项卡中搜索扩展来安装它或者使用下面的Visual Studio Code市场链接来下载*. VSIX文件的DevExpress VS Code Report Designer Extension报表设计器扩展Download DevExpress VS Code Report Designer Extension.获得文件后打开VS Code并导航到extensions选项卡。单击结束省略号图标来显示其上下文菜单然后选择“Install from VSIX…”安装扩展后单击右下角的齿轮图标来修改设置输入您的DevExpress NuGet feed API key选择报表设计器可视主题(在此处查看可用主题列表主题和样式)。版本设置保持默认值。准备好环境注意您可以使用自己的示例项目或在Visual Studio Code中打开一个空文件夹来测试功能。我们将利用以下GitHub存储库用于演示目的如何使用基于SkiaSharp的DevExpress绘制引擎。按照本文的步骤点击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: XpoProviderMSSqlServer;.... }, JsonConnectionStrings:{ Nwind JSON Data: Urinwind.json, Dummy 100 Users: Urihttps://dummyjson.com/users/ }, ReportsDirectory : PredefinedReports, ReportUrlsMap:{ Report1: Report1.repx, newReport: newReport.repx } }将文件添加到打开的目录后重新打开VS Code以初始化报表设计器扩展或者手动调用DX Reporting: Start Designer命令IDE将通知您有关报表设计器初始化的信息。在接下来的文章中我们将继续介绍如何创建DevExpress报表及运行实例应用程序请持续关注我们哟~