報表控件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

本次內容今天就分享到這，查看完整教程請持續關注本系列文章。