Vue.js框架目前非常流行,并且与Angular一致。我们已经考虑了如何在Angular应用程序中使用FastReport.Core。现在让我们考虑如何在Vue.js的单页应用程序中实现ASP.NET Core后端的FastReport Web 表的显示。
FastCube.Net在线下单立享75折起!赶紧加入购物清单吧!
Vue.js框架目前非常流行,并且与Angular一致。我们已经考虑了如何在Angular应用程序中使用FastReport.Core。现在让我们考虑如何在Vue.js的单页应用程序中实现ASP.NET Core后端的FastReport Web 表的显示。
为此,我们需要安装Node.js,并且至少要安装NET Core SDK 2.0。但是,更新的版本更好。默认情况下,dotnet sdk没有vue应用程序模板。但是可以安装!为此,创建一个目录,在其中放置您的应用程序,然后在其中运行PowerShell命令行。这可以从上下文菜单中完成,该菜单由右键单击并按住Shift键的同时单击目录中的空白区域来调用。
在命令行中输入命令:
dotnet newnstall Microsoft.AspNetCore.SpaTemplates::*
然后,您将可以使用Vue模板来生成演示应用程序。使用它通过命令创建应用程序:
dotnet new vue -o FRCubeVue
创建应用程序后,您将看到一条警告,指出必须执行以下命令:
npm install
但是在执行它之前,您应该转到创建的目录:
cd FRCubeVue
安装所有必需的软件包后,打开项目文件.csproj。
现在,我们必须将FastCube库添加到我们创建的项目中,但首先应从源代码中将它们组装起来。为此,请使用FastCube.Core.sln解决方案。组装后,您将获得两个Nuget程序包:FastCube.Web.2020.2.1.nupkg和FastCube.Core.2020.2.1.nupkg。将它们放在一个目录中,以后将用作本地程序包源。
现在,我们开始在NuGet软件包管理器的帮助下将软件包添加到项目中。应当记得,这些软件包是本地存储的。要输入设置,请单击包管理器右上角的齿轮图标,然后添加一个新的源,该源将指向您的nupkg包的本地目录: