Unduh Sol_Ajax_Spa_MVC_Core - Unduh kode sumber Sol_Ajax_Spa_MVC

Sol_Ajax_Spa_MVC_Core

Kategori lainnya

1.0.0

Unduh

? Pemberitahuan Penting: Repositori Ini Diarsipkan

Terima kasih atas minat Anda pada proyek ini! Mulai 10 Agustus 2024, kami memutuskan untuk mengarsipkan repositori ini. Apa artinya ini?

Tidak Ada Perkembangan Baru: Kami tidak akan secara aktif mengembangkan fitur baru atau memperbaiki masalah.
Read-Only: Repositori sekarang bersifat read-only. Anda masih dapat mengkloningnya, tetapi perubahan lebih lanjut tidak akan diterima.
Solusi Alternatif: Jika Anda mencari solusi alternatif atau proyek serupa, pertimbangkan untuk menjelajahi tautan berikut: Artikel Medium: Membuat Aplikasi ASP.NET Core MVC menjadi Aplikasi Satu Halaman menggunakan AppRun

Aplikasi Halaman Tunggal di inti Asp.net (Spa MVC Core)

Pendekatan yang lebih baik untuk mengubah Aplikasi Inti ASP.NET Menjadi Aplikasi Halaman Tunggal menggunakan metodologi Ajax. Moto utamanya adalah mengurangi upaya pengembang saat berupaya membuat SPA dan meningkatkan kinerja aplikasi Web baik di sisi server maupun klien.

Poin Penting

Tidak perlu menulis kode Jquery untuk membuat aplikasi satu halaman.
Pustaka Ajax Spa memiliki fungsi ajax bawaan yang akan dipanggil secara otomatis.
Gunakan perutean sisi server default.
Pengembang juga dapat menggunakan kerangka javascript lain secara berdampingan.

Catatan

Pustaka ini akan berlaku pada solusi Asp.net core 3.1 hingga 6.0.

Pengaturan

Langkah 1:

Instal paket nuget berikut dalam solusi Anda.

Menggunakan Manajer Paket Nuget:

 PM> Install-Package AjaxSpaMvcCore -Version 1.0.1

Menggunakan .Net CLI:

 > dotnet add package AjaxSpaMvcCore --version 1.0.1

Langkah 2:

Buka file Startup.cs , Tambahkan middleware berikut pada Metode Konfigurasi .

 app . UseAjaxSpa ( ) ;

Langkah 3:

Tambahkan referensi pembantu Tag spa Ajax pada file _ViewImports.cshtml di dalam folder View.

 @addTagHelper * , AjaxSpaMvcCore

Catatan: Bangun solusinya.

Langkah 4:

Masuk ke file _Layout.cshtml , lakukan proses berikut.

Tambahkan referensi sisi klien berikut sebelum tag isi penutup

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

Ganti metode RenderBody() dengan pembantu tag ajax spa berikut, seperti ini

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

Langkah 5:

Terapkan halaman tata letak dengan menggunakan metode ekstensi ApplyLayoutAsync() di file _ViewStart.cshtml .

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