NToastNotify ดาวน์โหลด - NToastNotify ดาวน์โหลดซอร์สโค้ด

NToastNotify

หมวดหมู่อื่นๆ

8.0.0

ดาวน์โหลด

คุณสมบัติ

การแสดงการแจ้งเตือนขนมปังปิ้งฝั่งเซิร์ฟเวอร์
การแจ้งเตือนขนมปังปิ้งในการโทร AJAX XMLHTTPRequests - การสนับสนุนเต็มรูปแบบ fetch API - การสนับสนุนบางส่วน (ดูตัวอย่าง)
รองรับโครงสร้างโปรเจ็กต์โฟลเดอร์ฟีเจอร์
รองรับไลบรารีไคลเอนต์หลายตัว: toastr.js & noty.js สามารถขยายเพื่อรองรับเพิ่มเติมได้อย่างง่ายดาย

การสาธิต

โนตี้ | แหล่งที่มา
เครื่องปิ้งขนมปัง | แหล่งที่มา

เริ่มต้นเลย

1. ติดตั้งจาก Nuget

Visual Studio Nuget Package Manager - Install-Package NToastNotify

dotnet CLI - dotnet add package NToastNotify

2. เพิ่ม NtoastNotify ให้กับ ASP.NET Core Services ใช้วิธีการขยายบน `IMVCBuilder` หรือ `IMVCCoreBuilder`

สำหรับ Toastr.js [ หมายเหตุ: ไลบรารี toastr ขึ้นอยู่กับ jQuery ]

 โดยใช้ NToastNotify.Libraries;services.AddMvc().AddNToastNotifyToastr(new ToastrOptions(){ProgressBar = false,PositionClass = ToastPositions.BottomCenter});//หรือเพียงแค่ไปที่ services.AddMvc().AddNToastNotifyToastr();

สำหรับ Noty.js

 โดยใช้ NToastNotify.Libraries;services.AddMvc().AddFeatureFolders().AddNToastNotifyNoty(new NotyOptions {ProgressBar = true,Timeout = 5000,Theme = "mint"});//หรือเพียงแค่ goservices.AddMvc().AddNToastNotifyNoty();

หมายเหตุ: ตรวจสอบให้แน่ใจว่าคุณมีคำสั่งการใช้ที่จำเป็น

พารามิเตอร์ ToastrOption ทำหน้าที่เป็นตัวเลือกส่วนกลางสำหรับไลบรารีโทสต์ หากไม่มีตัวเลือกใดๆ การตั้งค่าส่วนกลางจะเป็นตัวเลือกเริ่มต้นของเครื่องปิ้งขนมปัง

3. เพิ่มมิดเดิลแวร์

 โมฆะสาธารณะกำหนดค่า (แอป IApplicationBuilder, IHostingEnvironment env)
 {//หมายเหตุ บรรทัดนี้ต้องอยู่เหนือ .UseMvc() line.app.UseNToastNotify();app.UseMvc(routes =>{routes.MapRoute(name: "default",template: "{controller=Home}/{action) =ดัชนี}/{id?}");});
 -

4. เพิ่มบรรทัดต่อไปนี้ในไฟล์ html ของคุณ ควรอยู่ในหน้าเค้าโครงของคุณ

 @await Component.InvoidAsync("NToastNotify")

บรรทัดด้านบนแสดงมุมมองที่จำเป็นสำหรับองค์ประกอบมุมมอง แม้ว่าคุณจะสามารถวางบรรทัดนี้ไว้ที่ใดก็ได้ภายในแท็ก head หรือ body ของคุณ ขอแนะนำให้คุณวางบรรทัดนี้ไว้ที่ส่วนท้ายก่อน body กปิดเนื้อหา

5. เพิ่มข้อความอวยพรของคุณ

ใช้เครื่องปิ้งขนมปัง

 HomeController ระดับสาธารณะ: ตัวควบคุม {ส่วนตัว IToastNotification แบบอ่านอย่างเดียว _toastNotification; HomeController สาธารณะ (IToastNotification toastNotification) {_toastNotification = toastNotification;} ดัชนี IActionResult สาธารณะ (){// วิธีทดสอบเริ่มต้น // Success_toastNotification.AddSuccessToastMessage ("เหมือนกันสำหรับข้อความแสดงความสำเร็จ"); // ประสบความสำเร็จกับตัวเลือกเริ่มต้น (โดยคำนึงถึงค่าเริ่มต้นที่ถูกเขียนทับเมื่อเริ่มต้น ใน Startup.cs)_toastNotification.AddSuccessToastMessage();//Info_toastNotification.AddInfoToastMessage();//Warning_toastNotification.AddWarningToastMessage();//Error_toastNotification.AddErrorToastMessage();return View();}public IActionResult About(){_toastNotification.AddInfoToastMessage (“คุณได้. เปลี่ยนเส้นทาง"); กลับดู ();} ติดต่อ IActionResult สาธารณะ () {_toastNotification.AddAlertToastMessage (" คุณจะถูกเปลี่ยนเส้นทาง "); กลับ RedirectToAction (" เกี่ยวกับ ");} สาธารณะ IActionResult Error () {_toastNotification.AddErrorToastMessage (" มี มีบางอย่างผิดปกติกับคำขอนี้");return View();}public IActionResult Empty(){return View();}public IActionResult Ajax(){_toastNotification.AddInfoToastMessage("หน้านี้จะสร้างคำขอ ajax และแสดงการแจ้งเตือน");return View();}สาธารณะ IActionResult AjaxCall(){System.Threading.Thread.Sleep(2000);_toastNotification.AddSuccessToastMessage( “คำอวยพรนี้แสดงตามคำขอของอาแจ็กซ์ AJAX CALL " + DateTime.Now.ToLongTimeString()); return PartialView ("_PartialView", "Ajax Call");} IActionResult สาธารณะ NormalAjaxCall () {return PartialView ("_ PartialView", "Normal Ajax Call");} IActionResult สาธารณะ ErrorAjaxCall(){โยนข้อยกเว้นใหม่ ("เกิดข้อผิดพลาด");}}

ใช้ noty (โดยพื้นฐานแล้วสิ่งเดียวกันสิ่งเดียวที่เปลี่ยนแปลงคือประเภทตัวเลือก นี่คือ NotyOptions)

 HomeController ระดับสาธารณะ: ตัวควบคุม {ส่วนตัว IToastNotification แบบอ่านอย่างเดียว _toastNotification; HomeController สาธารณะ (IToastNotification toastNotification) {_toastNotification = toastNotification;} ดัชนี IActionResult สาธารณะ () {_toastNotification.AddSuccessToastMessage (); _toastNotification.AddErrorToastMessage ("Test Erro", NotyOptions ใหม่ () {หมดเวลา = 0});กลับ View();}public IActionResult About(){ViewData["Message"] = "หน้าคำอธิบายแอปพลิเคชันของคุณ";_toastNotification.AddAlertToastMessage("My About Warning Message");return View();}public IActionResult Contact(){ ViewData["Message"] = "หน้าติดต่อของคุณ";_toastNotification.AddInfoToastMessage("อย่าสับสน <br /> <strong>คุณถูกเปลี่ยนเส้นทางจากหน้าติดต่อ <strong/>"); return RedirectToAction ("เกี่ยวกับ");} ข้อผิดพลาด IActionResult สาธารณะ () {_toastNotification.AddErrorToastMessage ("มีบางอย่างผิดปกติกับคำขอนี้"); return View (new ErrorViewModel { RequestId = Activity.Current? .Id ?? HttpContext.TraceIdentifier });} IActionResult สาธารณะ Ajax(){_toastNotification.AddInfoToastMessage("หน้านี้จะสร้างคำขอ ajax และแสดงการแจ้งเตือน");return View();}public IActionResult AjaxCall(){System.Threading.Thread.Sleep(2000);_toastNotification.AddSuccessToastMessage(" ขนมปังปิ้งนี้แสดงตามคำขอของ Ajax AJAX CALL " + DateTime.Now.ToLongTimeString()); return PartialView ("_PartialView", "Ajax Call");} IActionResult สาธารณะ NormalAjaxCall () {return PartialView ("_ PartialView", "Normal Ajax Call");} IActionResult สาธารณะ ErrorAjaxCall(){โยนข้อยกเว้นใหม่ ("เกิดข้อผิดพลาด");}}