Sol_Ajax_Spa_MVC_Core下载 - Sol_Ajax_Spa_MVC

Sol_Ajax_Spa_MVC_Core

其他类别

1.0.0

下载

？重要通知：该存储库已存档

感谢您对这个项目的兴趣！自 2024 年 8 月 10 日起，我们决定对该存储库进行存档。这意味着什么？

没有新的开发：我们不会积极开发新功能或解决问题。
只读：存储库现在是只读的。您仍然可以克隆它，但不会接受进一步的更改。
替代解决方案：如果您正在寻找替代解决方案或类似项目，请考虑探索以下链接：中型文章：使用 AppRun 将 ASP.NET Core MVC 应用程序制作成单页应用程序

Asp.net core中的单页应用程序（Spa MVC Core）

使用 Ajax 方法将 ASP.NET Core 应用程序转变为单页应用程序的更好方法。主要座右铭是减少开发人员在创建 SPA 和增强服务器和客户端 Web 应用程序性能时的工作量。

要点

无需编写Jquery代码即可制作单页应用程序。
Ajax Spa 库内置了 ajax 函数，该函数会自动调用。
使用默认服务器端路由。
开发人员还可以并行使用其他 javascript 框架。

笔记

该库将应用于Asp.net core 3.1到6.0解决方案。

设置

步骤一：

在您的解决方案中安装以下 nuget 包。

使用 Nuget 包管理器：

 PM> Install-Package AjaxSpaMvcCore -Version 1.0.1

使用.Net CLI：

 > dotnet add package AjaxSpaMvcCore --version 1.0.1

步骤2：

转到Startup.cs文件，在Configure方法上添加以下中间件。

 app . UseAjaxSpa ( ) ;

步骤3：

在 View 文件夹内的_ViewImports.cshtml文件中添加 Ajax spa 标记帮助器引用。

 @addTagHelper * , AjaxSpaMvcCore

注意：构建解决方案。

第4步：

转到_Layout.cshtml文件，执行以下过程。

在结束正文标记之前添加以下客户端引用

 < script src =" ~/AjaxSpaResource/js/core.js " > </ script >
< script src =" ~/AjaxSpaResource/js/spa.js " > </ script >

将RenderBody()方法替换为以下 ajax spa 标签助手，如下所示

< main role = " main " class = " pb-3 " >
    @* @RenderBody() *@
    < ajax-spa render-body = " @RenderBody() " ></ ajax-spa >
 </ main >

第5步：

使用_ViewStart.cshtml文件中的ApplyLayoutAsync()扩展方法应用布局页面。

 @ using AjaxSpaMvcCore
@{
    // Layout = "_Layout";
    Layout = await Context . Request . ApplyLayoutAsync ( " ~/Views/Shared/_Layout.cshtml " );
}