NToastNotify

Fitur

• Rendering pemberitahuan roti panggang sisi server.

• Pemberitahuan roti panggang pada panggilan AJAX. Permintaan XMLHTTP - Dukungan Penuh. ambil API - Dukungan Parsial (Lihat contoh).

• Mendukung struktur proyek folder Fitur.

• Mendukung banyak perpustakaan klien: toastr.js & noty.js. Dapat dengan mudah diperluas untuk mendukung lebih banyak.

DEMO

• Noti | Sumber

• Pemanggang roti | Sumber

Memulai

1. Instal Dari Nuget

Manajer Paket Visual Studio Nuget - Install-Package NToastNotify

dotnet CLI - dotnet add package NToastNotify

2. Tambahkan NtoastNotify ke Layanan Inti ASP.NET. Gunakan metode ekstensi di IMVCBuilder atau IMVCCoreBuilder

• Untuk Toastr.js [ Catatan: perpustakaan toastr bergantung pada jQuery ]

   menggunakan NToastNotify.Libraries;services.AddMvc().AddNToastNotifyToastr(new ToastrOptions(){ProgressBar = false,PositionClass = ToastPositions.BottomCenter});//Atau cukup buka services.AddMvc().AddNToastNotifyToastr();

• Untuk Noty.js

   menggunakan NToastNotify.Libraries;services.AddMvc().AddFeatureFolders().AddNToastNotifyNoty(new NotyOptions {ProgressBar = true,Timeout = 5000,Theme = "mint"});//Atau Cukup goservices.AddMvc().AddNToastNotifyNoty();

Catatan: Pastikan Anda memiliki pernyataan penggunaan yang diperlukan.

Parameter ToastrOption bertindak sebagai opsi global untuk perpustakaan roti panggang. Jika tidak ada opsi yang diberikan, pengaturan global akan menjadi opsi toastr default.

3. Tambahkan middleware

 Konfigurasi kekosongan publik (aplikasi IApplicationBuilder, IHostingEnvironment env)
 {//CATATAN baris ini harus di atas .UseMvc() line.app.UseNToastNotify();app.UseMvc(routes =>{routes.MapRoute(name: "default",template: "{controller=Home}/{action =Indeks}/{id?}");});
 }

4. Tambahkan baris berikut di file html Anda. Lebih disukai di Halaman Tata Letak Anda.

 @menunggu Komponen.InvokeAsync("NToastNotify")

Baris di atas merender View yang diperlukan untuk komponen tampilan. Meskipun Anda dapat menempatkan baris ini di mana saja di dalam tag head atau body Anda, disarankan agar Anda menempatkan baris ini di akhir sebelum tag body penutup.

5. Tambahkan pesan roti panggang Anda.

menggunakan pemanggang roti

 public class HomeController : Controller{private readonly IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}public IActionResult Index(){//Menguji Metode Default//Success_toastNotification.AddSuccessToastMessage("Sama untuk pesan sukses");// Sukses dengan opsi default (dengan mempertimbangkan default yang ditimpa saat inisialisasi di Startup.cs)_toastNotification.AddSuccessToastMessage();//Info_toastNotification.AddInfoToastMessage();//Warning_toastNotification.AddWarningToastMessage();//Error_toastNotification.AddErrorToastMessage();return View();}public IActionResult About(){_toastNotification.AddInfoToastMessage ("Kamu mengerti redirected");return View();}public IActionResult Contact(){_toastNotification.AddAlertToastMessage("Anda akan dialihkan");return RedirectToAction("About");}public IActionResult Error(){_toastNotification.AddErrorToastMessage("Ada ada yang salah dengan permintaan ini.");return View();}public IActionResult Kosong(){return View();}public IActionResult Ajax(){_toastNotification.AddInfoToastMessage("Halaman ini akan membuat permintaan ajax dan menampilkan notifikasi.");return View();}public IActionResult AjaxCall(){System.Threading.Thread.Sleep(2000);_toastNotification.AddSuccessToastMessage(" Roti panggang ini ditampilkan atas permintaan Ajax. PANGGILAN AJAX " + DateTime.Sekarang.ToLongTimeString());return PartialView("_PartialView", "Ajax Call");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "Normal Ajax Call");}public IActionResult ErrorAjaxCall(){melempar Pengecualian baru("Terjadi kesalahan");}}

menggunakan noty (pada dasarnya sama, hanya saja yang berubah adalah jenis opsi, ini NotyOptions-nya)

 kelas publik HomeController : Pengontrol{private readonly IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}public IActionResult Index(){_toastNotification.AddSuccessToastMessage();_toastNotification.AddErrorToastMessage("Test Erro", new NotyOptions(){Timeout = 0});kembali View();}public IActionResult About(){ViewData["Message"] = "Halaman deskripsi aplikasi Anda.";_toastNotification.AddAlertToastMessage("Pesan Peringatan Tentang Saya");return View();}public IActionResult Contact(){ ViewData["Message"] = "Halaman kontak Anda.";_toastNotification.AddInfoToastMessage("Jangan bingung. <br /> <strong>Anda dialihkan dari Halaman Kontak.<strong/>");return RedirectToAction("Tentang");}public IActionResult Error(){_toastNotification.AddErrorToastMessage("Ada yang salah dengan permintaan ini.");return View(new ErrorViewModel { RequestId = Aktivitas.Saat ini?.Id ?? HttpContext.TraceIdentifier });}IActionResult publik Ajax(){_toastNotification.AddInfoToastMessage("Halaman ini akan membuat permintaan ajax dan menampilkan notifikasi.");return View();}public IActionResult AjaxCall(){System.Threading.Thread.Sleep(2000);_toastNotification.AddSuccessToastMessage(" Roti panggang ini ditampilkan atas permintaan Ajax. PANGGILAN AJAX " + DateTime.Sekarang.ToLongTimeString());return PartialView("_PartialView", "Ajax Call");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "Normal Ajax Call");}public IActionResult ErrorAjaxCall(){melempar Pengecualian baru("Terjadi kesalahan");}}

Kemungkinan Masalah

• Roti panggang tidak ditampilkan setelah POST-REDIRECT

PERBAIKI Jika Anda menggunakan CookieTempDataProvider (ini adalah default), Anda harus menerima perintah kebijakan cookie.

Menjalankan repo secara lokal

• npm install

• npm build

• dotnet restore

• dotnet build

Jalankan proyek sampel apa pun menggunakan dotnet run dari direktori proyek sampel

Menjadi patreon