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

本主题描述了使用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) locationprivate static readonly DirectoryInfo ResourcesRootDirectory = new DirectoryInfo(".\resources\");public void ConfigureServices(IServiceCollection services){// web designer servicesservices.AddDesigner();}public void Configure(IApplicationBuilder app, IWebHostEnvironment env){// web designer middlewareapp.UseDesigner(config => config.UseFileStore(ResourcesRootDirectory));// static files middlewaresapp.UseDefaultFiles();app.UseStaticFiles();}}}

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

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

npm install @grapecity/ar-designer

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

.node_modules@grapecityar-designerdist

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

如果你对我们的产品感兴趣或者有任何疑问，欢迎咨询在线客服>>