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 코어(Spa MVC Core)의 단일 페이지 애플리케이션

Ajax 방법론을 사용하여 ASP.NET Core 애플리케이션을 단일 페이지 애플리케이션으로 전환하는 더 나은 접근 방식입니다. 주요 모토는 SPA를 생성하고 서버와 클라이언트 측 모두에서 웹 앱 성능을 향상시키는 동안 개발자의 노력을 줄이는 것입니다.

핵심 포인트

단일 페이지 애플리케이션을 만들기 위해 Jquery 코드를 작성할 필요가 없습니다.
Ajax Spa 라이브러리에는 자동으로 호출되는 ajax 함수가 내장되어 있습니다.
기본 서버측 라우팅을 사용합니다.
개발자는 다른 자바스크립트 프레임워크를 나란히 사용할 수도 있습니다.

메모

이 라이브러리는 Asp.net 코어 3.1~6.0 솔루션에 적용됩니다.

설정

1단계:

솔루션에 다음 너겟 패키지를 설치하십시오.

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단계:

View 폴더 내의 _ViewImports.cshtml 파일에 Ajax 스파 태그 도우미 참조를 추가합니다.

 @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단계:

_ViewStart.cshtml 파일에서 ApplyLayoutAsync() 확장 메서드를 사용하여 레이아웃 페이지를 적용합니다.

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