報(bào)表控件ActiveReports：如何使用ASP .NET MVC Core創(chuàng)建Web 設(shè)計(jì)器（一）

---

ActiveReports 是一款專注于 .NET 和 .NET Core 平臺(tái)的報(bào)表控件。通過(guò)拖拽式報(bào)表設(shè)計(jì)器，可以快速地設(shè)計(jì) Excel表格、Word文檔、圖表、數(shù)據(jù)過(guò)濾、數(shù)據(jù)鉆取、精準(zhǔn)套打等類型報(bào)表，全面滿足 WinForm、ASP.NET、ASP.NET MVC、WPF 平臺(tái)中各種報(bào)表的開(kāi)發(fā)需要。同時(shí)，通過(guò)豐富的 API 可以靈活的實(shí)現(xiàn)報(bào)表創(chuàng)建、加載和運(yùn)行時(shí)的個(gè)性化自定義需求。

點(diǎn)擊下載ActiveReports最新試用版

ASP .NET MVC核心

使用ASP .NET MVC Core應(yīng)用程序創(chuàng)建Web設(shè)計(jì)器示例的步驟如下：
1、打開(kāi)Microsoft Visual Studio 2019并創(chuàng)建一個(gè)新的ASP .NET Core Web應(yīng)用程序項(xiàng)目。

2、選擇帶有默認(rèn).NET Core和ASP .NET Core 3.1選項(xiàng)的Empty項(xiàng)目模板。

3、在解決方案資源管理器中，右鍵單擊“依賴關(guān)系”，然后轉(zhuǎn)到“管理NuGet程序包”。

4、在出現(xiàn)的窗口中，瀏覽并輸入Microsoft.AspNetCore.StaticFiles，選擇最新版本，然后單擊安裝。

5、在出現(xiàn)的窗口中，瀏覽并輸入GrapeCity.ActiveReports.Aspnetcore.Designer，然后單擊安裝。
6、在出現(xiàn)的窗口中，瀏覽并輸入Microsoft.AspNetCore.StaticFiles，選擇最新版本，然后單擊安裝。

7、在出現(xiàn)的“許可證接受”對(duì)話框中，單擊“我接受”。

8、在解決方案資源管理器中，找到Startup.cs并按如下所示修改其內(nèi)容：

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、在示例項(xiàng)目根目錄中創(chuàng)建“ resources”文件夾； 您可以將現(xiàn)有的報(bào)告，主題和圖像放在此文件夾中。

10、在命令行中使用以下命令從NPM下載并安裝與WebDesigner相關(guān)的文件和文件夾：

npm install @grapecity/ar-designer

設(shè)計(jì)器文件/文件夾將下載到您當(dāng)前的目錄中：

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

本次內(nèi)容今天就分享到這，查看完整教程請(qǐng)持續(xù)關(guān)注本系列文章。