تنزيل NToastNotify - تنزيل كود مصدر NToastNotify

NToastNotify

فئات أخرى

8.0.0

تنزيل

سمات

عرض إشعار نخب جانب الخادم.
إشعار نخب على مكالمات AJAX. طلبات XMLHTTP - الدعم الكامل. جلب واجهة برمجة التطبيقات - الدعم الجزئي (انظر النموذج).
يدعم هيكل مشروع مجلد الميزات.
يدعم مكتبات العملاء المتعددة: toastr.js وnoty.js. يمكن تمديدها بسهولة لدعم المزيد.

العروض التوضيحية

نوتي | مصدر
توست | مصدر

ابدأ

1. التثبيت من Nuget

Visual Studio Nuget Package Manager - Install-Package NToastNotify

dotnet CLI - dotnet add package NToastNotify

2. أضف NtoastNotify إلى خدمات ASP.NET الأساسية. استخدم طريقة الامتداد في `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 =Index}/{id?}");});
 }

4. أضف السطر التالي في ملف HTML الخاص بك. ويفضل أن يكون ذلك في صفحة التخطيط الخاصة بك.

 @await Component.InvocAsync("NToastNotify")

يجعل السطر أعلاه العرض ضروريًا لمكون العرض. على الرغم من أنه يمكنك وضع هذا الخط في أي مكان داخل علامة head أو body ، فمن المستحسن وضع هذا السطر في النهاية قبل علامة إغلاق body .

5. أضف رسائل النخب الخاصة بك.

باستخدام محمصة

 public class HomeController : Controller{private readonly IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}public IActionResult Index(){// اختبار الطرق الافتراضية //Success_toastNotification.AddSuccessToastMessage("نفسه للنجاح" message");// النجاح مع الخيارات الافتراضية (مع مراعاة الإعدادات الافتراضية التي تم استبدالها عند التهيئة Startup.cs)_toastNotification.AddSuccessToastMessage();//Info_toastNotification.AddInfoToastMessage();//Warning_toastNotification.AddWarningToastMessage();//Error_toastNotification.AddErrorToastMessage();return View();} IActionResult العامة About(){_toastNotification.AddInfoToastMessage("لقد تمت إعادة توجيهك");return View();} public IActionResult Contact(){_toastNotification.AddAlertToastMessage("ستتم إعادة توجيهك");return RedirectToAction("About");} 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. AJAX CALL " + DateTime.Now.ToLongTimeString());return PartialView("_PartialView", "Ajax Call");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "Normal Ajax Call");}public IActionResult ErrorAjaxCall(){رمي استثناء جديد("حدث خطأ");}}

باستخدام noty (في الأساس نفس الشيء الوحيد الذي يتغير هو نوع الخيارات، وهنا NotyOptions)

 فئة عامة HomeController: وحدة تحكم {خاص للقراءة فقط IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}مؤشر IActionResult العام(){_toastNotification.AddSuccessToastMessage();_toastNotification.AddErrorToastMessage("Test" Erro"، new NotyOptions(){Timeout = 0});return View();}public IActionResult About(){ViewData["Message"] = "صفحة وصف التطبيق الخاص بك.";_toastNotification.AddAlertToastMessage("رسالة التحذير الخاصة بي" ");return View();}public IActionResult Contact(){ViewData["Message"] = "جهة الاتصال الخاصة بك page.";_toastNotification.AddInfoToastMessage("لا تخلط بينك. <br /> <strong>لقد تمت إعادة توجيهك من صفحة الاتصال. <strong/>");return RedirectToAction("About");}public IActionResult Error(){_toastNotification .AddErrorToastMessage("حدث خطأ ما في هذا الطلب.");return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });}public 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");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "Normal Ajax Call");}public IActionResult ErrorAjaxCall(){رمي استثناء جديد("حدث خطأ");}}