FastReport资讯：Blazor中的告和PDF文档

下面我们描述基于Blazor Server技术的简单Web应用程序的创建。您可以在GitHub的我的个人资料中下载此演示项目。

Fastreport.NET在线购买价更低，专享85折起！赶紧加入购物清单吧！

微软最近启动了一个名为Blazor的Web平台。该框架允许使用C＃语言以及HTML和CSS创建交互式Web界面。Blazor的需求量很高，并且在许多.NET开发人员中迅速流行。我们已经启动了FastReport.Web.Blazor软件包，其中包含用于在基于Blazor Server 技术的Web应用程序中处理表的组件。该软件包现在处于测试版状态，并将逐步开发。

下面我们描述基于Blazor Server技术的简单Web应用程序的创建。您可以在GitHub的我的个人资料中下载此演示项目。

首先，我们创建新项目。我们将使用适用于Blazor Server的模板。您可以使用Visual Studio（适用于Windows和macOS）或.NET CLI创建项目。在这两种情况下，我们都需要.NET Core SDK（.NET SDK）3.1版或更高版本，可以从Microsoft官方站下载。

Visual Studio 2019：

对于.NET CLI，我们在控制台（终端）中键入以下命令：

dotnet new blazorserver

我们看到以下项目结构：

为了简化项目，我们从创建的模板中删除一些不必要的文件：

– the whole Data folder
– PagesCounter.razor
– PagesFetchData.razor
– SharedSurveyPrompt.razor

我们将一个名为“ Reports”的新文件夹添加到我们的项目文件夹中，并将所有必要的告放入其中。为了演示，我添加了一些简单的表，这些表在安装FastReport降级版本时会应用：简单列表，复杂（主-细节+组），子表，条形码和图表。另外，对于这些告，我们需要xml-nwind.xml格式的数据库；我们将其放在同一文件夹中。

另外，有必要将Reports文件夹的内容复制到输出文件夹中。为此，我们在Visual Studio中选择相关文件，然后在“属性”中选择“如果更新则复制”。

FastReport资讯：Blazor中的告和PDF文档

如果没有Visual Studio，则可以在项目文件（.csproj）中手动指示此属性：

<ItemGroup> <None Update="Reports*.*"> <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory> </None> </ItemGroup>

然后，我们必须将FastReport.Core和FastReport.Web.Blazor包添加到我们的项目中。也可以通过Visual Studio或.NET CLI来完成。让我们考虑这两种变体。

要将包添加到Visual Studio，请在我们的项目文件（csproj）上单击鼠标右键。上下文菜单打开；选择“管理NuGet软件包”。搜索两个必需的程序包。请注意，勾选“包括预发行版本”必须处于活动状态。

要通过.NET CLI添加软件包，请键入以下命令：

dotnet add package FastReport.Core --prereleasedotnet add package FastReport.Web.Blazor --prerelease

@using FastReport@using FastReport.Web.Blazor@using FastReport.Web.Blazor.Components

在我们的应用程序配置中注册FastReport。为此，请打开Startup.cs文件，并在Configure方法的末尾添加以下行：

app.UseFastReport();

在Pages _Host.cshtml文件中，将第一行替换为以下内容：

@page "/{ReportName}"

为了使URL能够包含我们要打开的告的名称，这是必需的。

@using System.IO<div class="top-row pl-4 navbar navbar-dark"> <a class="navbar-brand" href="">DemoBlazor</a></div><div> <ul class="nav flex-column"> @foreach (string report in reports) { <li class="nav-item px-2"> <NavLink class="nav-link" href="@report"> @Path.GetFileNameWithoutExtension(report) </NavLink> </li> } </ul></div>@code { // List of reports in folder private string[] reports = Directory.GetFiles( Path.Combine( Directory.GetCurrentDirectory(), "Reports")) .Where((filename) => Path.GetExtension(filename) == ".frx") .Select((filename) => Path.GetFileName(filename)) .ToArray();}

@page "/"@page "/{ReportName}"<WebReportContainer WebReport="@MyWebReport" />@code { [Parameter] public string ReportName { get; set; } public WebReport MyWebReport { get; set; }}

我们添加了WebReportContainer组件，并为其赋予了一个属性-WebReport类的对象。

让我们创建另一个具有类似名称的文件– Pages Index.razor文件旁边的Index.razor.cs并在其中写入一个简单的逻辑：

using System.IO;using System.Data;using FastReport;using FastReport.Web.Blazor;namespace DemoBlazor.Pages{ public partial class Index { const string DEFAULT_REPORT = "Simple List.frx"; readonly string directory; DataSet DataSet { get; } protected override void OnParametersSet() { base.OnParametersSet(); var report = Report.FromFile( Path.Combine( directory, string.IsNullOrEmpty(ReportName) DEFAULT_REPORT : ReportName)); // Registers the user dataset report.RegisterData(DataSet, "NorthWind"); // Create new WebReport object MyWebReport = new WebReport { Report = report, }; } public Index() { directory = Path.Combine( Directory.GetCurrentDirectory(), Path.Combine("Reports")); DataSet = new DataSet(); DataSet.ReadXml(Path.Combine(directory, "nwind.xml")); } }}

该逻辑负责注册数据，创建WebReport对象，为其分配必要的参数，包括我们从常量行中的告名称下载或默认使用的，由常量DEFAULT_REPORT定义的告。

在对样式和格式进行了其余的少量操作之后，我们得到了一个Web应用程序，该应用程序可以处理告，并提供了创建各种格式（PDF，Excel，Word和Open Office）文档的机会。

FastReport资讯：Blazor中的 告和PDF文档

相关推荐

发表回复

FastReport资讯：Blazor中的告和PDF文档