Загрузка Sol_Ajax_Spa_MVC_Core - Загрузка исходного кода Sol_Ajax_Spa_MVC

Sol_Ajax_Spa_MVC_Core

Другие категории

1.0.0

Скачать

? Важное примечание: этот репозиторий заархивирован.

Спасибо за интерес к этому проекту! 10 августа 2024 г. мы решили заархивировать этот репозиторий. Что это значит?

Никаких новых разработок: мы не будем активно разрабатывать новые функции или исправлять проблемы.
Только для чтения: репозиторий теперь доступен только для чтения. Вы по-прежнему можете клонировать его, но дальнейшие изменения не будут приняты.
Альтернативные решения. Если вы ищете альтернативные решения или аналогичные проекты, рассмотрите возможность изучения следующей ссылки: Статья среднего размера: Превращение приложений ASP.NET Core MVC в одностраничные приложения с помощью AppRun.

Одностраничное приложение в ядре Asp.net (Spa MVC Core)

Лучший подход к превращению основного приложения ASP.NET в одностраничное приложение с использованием методологии Ajax. Основной девиз — сократить усилия разработчика при работе над созданием SPA и повысить производительность веб-приложения как на стороне сервера, так и на стороне клиента.

Ключевой момент

Нет необходимости писать код JQuery для создания одностраничного приложения.
Библиотека Ajax Spa имеет встроенную функцию ajax, которая будет вызываться автоматически.
Используйте маршрутизацию на стороне сервера по умолчанию.
Разработчик также может использовать другую среду JavaScript параллельно.

Примечание

Эта библиотека будет применяться к решению Asp.net core 3.1–6.0.

Настраивать

Шаг 1:

Установите следующий пакет nuget в свое решение.

Использование диспетчера пакетов Nuget:

 PM> Install-Package AjaxSpaMvcCore -Version 1.0.1

Использование .Net CLI:

 > dotnet add package AjaxSpaMvcCore --version 1.0.1

Шаг 2:

Перейдите в файл Startup.cs и добавьте следующее промежуточное ПО в методе настройки .

 app . UseAjaxSpa ( ) ;

Шаг 3:

Добавьте вспомогательную ссылку на тег спа Ajax в файл _ViewImports.cshtml внутри папки View.

 @addTagHelper * , AjaxSpaMvcCore

Примечание. Создайте решение.

Шаг 4:

Перейдите к файлу _Layout.cshtml и выполните следующий процесс.

Добавьте следующую ссылку на стороне клиента перед закрывающим тегом body.

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

Замените метод RenderBody() следующим помощником тега спа ajax, например:

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

Шаг 5:

Примените страницу макета с помощью метода расширения ApplyLayoutAsync() в файле _ViewStart.cshtml .

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