报表控件ActiveReports：如何使用ASP .NET MVC Core创建Web 设计器（一）

---

ActiveReports 是一款专注于 .NET 和 .NET Core 平台的报表控件。通过拖拽式报表设计器，可以快速地设计 Excel表格、Word文档、图表、数据过滤、数据钻取、精准套打等类型报表，全面满足 WinForm、ASP.NET、ASP.NET MVC、WPF 平台中各种报表的开发需要。同时，通过丰富的 API 可以灵活的实现报表创建、加载和运行时的个性化自定义需求。

点击下载ActiveReports最新试用版

ASP .NET MVC核心

使用ASP .NET MVC Core应用程序创建Web设计器示例的步骤如下：
1、打开Microsoft Visual Studio 2019并创建一个新的ASP .NET Core Web应用程序项目。

2、选择带有默认.NET Core和ASP .NET Core 3.1选项的Empty项目模板。

3、在解决方案资源管理器中，右键单击“依赖关系”，然后转到“管理NuGet程序包”。

4、在出现的窗口中，浏览并输入Microsoft.AspNetCore.StaticFiles，选择最新版本，然后单击安装。

5、在出现的窗口中，浏览并输入GrapeCity.ActiveReports.Aspnetcore.Designer，然后单击安装。
6、在出现的窗口中，浏览并输入Microsoft.AspNetCore.StaticFiles，选择最新版本，然后单击安装。

7、在出现的“许可证接受”对话框中，单击“我接受”。

8、在解决方案资源管理器中，找到Startup.cs并按如下所示修改其内容：

Startup.cs

using System.IO;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.DependencyInjection;
using GrapeCity.ActiveReports.Aspnetcore.Designer;
namespace WebDesignerSample
{
public class Startup
{
// resources (reports, themes, images) location
private static readonly DirectoryInfo ResourcesRootDirectory = new DirectoryInfo(".\\resources\\");
public void ConfigureServices(IServiceCollection services)
{
// web designer services
services.AddDesigner();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
// web designer middleware
app.UseDesigner(config => config.UseFileStore(ResourcesRootDirectory));
// static files middlewares
app.UseDefaultFiles();
app.UseStaticFiles();
}
}
}

9、在示例项目根目录中创建“ resources”文件夹； 您可以将现有的报告，主题和图像放在此文件夹中。

10、在命令行中使用以下命令从NPM下载并安装与WebDesigner相关的文件和文件夹：

npm install @grapecity/ar-designer

设计器文件/文件夹将下载到您当前的目录中：

.\node_modules\@grapecity\ar-designer\dist

本次内容今天就分享到这，查看完整教程请持续关注本系列文章。