如何在ASP .Net Core中使用Online Designer

如何在ASP .Net Core中轻松，简单地使用Online Designer

FastReport .Net 2018的一个新颖之处是将OnlineDesigner改编为.Net Core框架。 一般来说，OnlineDesigner并没有改变。今天将在ASP.Net Core项目中使用它的一些功能。 首先需要在Web设计器中构建OnlineDesigner。 在OnlineDesigner的web designer中，应该选择必须存在的组件，样式，插件等。请注意“配置”部分。需要在此处设置API URLs。选择FastReport.Web for Core：

组装完Designer后，即可下载存档。 创建一个ASP.Net Core Web Application：

选择Web Application(Model-View-Controller)：

需要将FastReport.Web库添加到项目中。可以使用Manage Nuget Packages执行此操作。在解决方案资源管理器中右键单击项目的根目录，然后选择Manage Nuget Packages：

在包管理器中选择Local package source：

需要在文件夹上配置它：С： Program Files（x86） FastReports FastReport.Net Nugets。请单击齿轮图标：

之后，将看到FastReport包。安装FastReport.Web：

开始创建程序。 需要将文件夹WebReportDesigner放在wwwroot中下载的档案中。 将两个文件夹添加到wwwroot：Reports和DesignedReports。 在第一个文件夹中，将放置Simple List.frx 告模板和nwind.xml数据库。这两个文件都可以在文件夹C： Program Files（x86） FastReports FastReport.Net Demos Reports中获取。将 告从OnlineDesigner保存到DesignedReports文件夹。 打开控制器HomeController.cs。添加库来使用：

using FRCoreOnlineDesigner.Models;using FastReport.Web;using System.IO;using Microsoft.AspNetCore.Http;using Microsoft.AspNetCore.Hosting;

在HomeController构造函数中，获取了hostingEnvironment对象，从中学习了wwwroot文件夹的绝对路径。

 public HomeController(IHostingEnvironment hostingEnvironment) { _hostingEnvironment = hostingEnvironment; }

 public IActionResult Index() { WebReport WebReport = new WebReport(); // Create a Web Report Object WebReport.Width = "1000"; // Set the width of the report WebReport.Height = "1000"; // Set the height of the report string webRootPath = _hostingEnvironment.WebRootPath; // Get the path to wwwroot folder //string contentRootPath = _hostingEnvironment.ContentRootPath; WebReport.Report.Load(webRootPath + "/reports/Simple List.frx"); // Load the report into a WebReport object System.Data.DataSet dataSet = new System.Data.DataSet(); // Create a data source dataSet.ReadXml(webRootPath + "/reports/nwind.xml"); // Open the xml database WebReport.Report.RegisterData(dataSet, "NorthWind"); //Register the data source in the report WebReport.Mode = WebReportMode.Designer; // Set the mode of the web report object - display of the designer WebReport.DesignerPath = "/WebReportDesigner/index.html"; // Specify the URL of the online designer WebReport.DesignerSaveCallBack = "/Home/SaveDesignedReport"; // Set the view URL for the report save method ViewBag.WebReport = WebReport; // pass report to View return View(); }

再添加一个方法-SaveDesignedReport方法：

[HttpPost] // call-back for save the designed report public ActionResult SaveDesignedReport(string reportID, string reportUUID) { string webRootPath = _hostingEnvironment.WebRootPath; // Get the path to wwwroot folder ViewBag.Message = String.Format("Confirmed {0} {1}", reportID, reportUUID); // Set a message for view Stream reportForSave = Request.Body; // Write the result of the Post query to the stream string pathToSave = webRootPath + "/DesignedReports/TestReport.frx"; // get the path to save the file using (FileStream file = new FileStream(pathToSave, FileMode.Create)) // Create a file stream { reportForSave.CopyTo(file); // Save the result of the query to a file } return View(); }

对于此Web方法，需要再添加一个Views。对于文件夹Views-> Home，调用上下文菜单并选择Add-> New item。接下来，选择MVC View Page模板和SaveDesignedReport。

页面代码非常简单：

<h2>@ViewBag.Message</h2>

@{ ViewData["Title"] = "Home Page";}@await ViewBag.WebReport.Render()

await语句指示对异步 告处理方法的调用。 现在打开Startup.cs类。 在Configure方法中，最开始添加以下行：

app.UseFastReport();

现在应用程序将使用FRCore库。 启动Web Application。

保存 表：

保存完成后，检查DesignedReports文件夹：

该 告已成功保存，总结一下。FastReport .Net 2018已完成其Web组件对ASP .Net Core框架的全局调整。与此同时，开发人员试图尽可能地保持使用其组件的机制，类似于它们在ASP .Net MVC中的使用。

下载FastReport .Net

标签：ASP.NETFastReportFastReport .net