نحوه گنجاندن jQuery در صفحه ASP.NET
برای افزودن مرجع کتابخانه jQuery به صفحه ASP.Net، فقط باید منبع کتابخانه را در تگ اسکریپت مشخص کنید.
اگر به کتابخانه ای از پوشه پروژه ارجاع می دهید،
اگر از یک CDN (شبکه تحویل محتوا) به کتابخانه ارجاع می دهید.
خط بالا شامل کتابخانه jQuery از CDN مایکروسافت است.
نحوه گنجاندن jQuery در نمای MVC
شما می توانید این کار را به روش های مختلف انجام دهید.
ارجاع مستقیم در صفحه/نما
اگر از هیچ طرحبندی برای Viewهای خود استفاده نمیکنید، به سادگی مرجع کتابخانه را در View قرار دهید.
اگر به کتابخانه ای در Razor View از پوشه پروژه ارجاع می دهید.
اگر به کتابخانه از Microsoft CDN ارجاع می دهید.
بسته بندی
ما از بستهبندی برای عملکرد بهتر استفاده میکنیم. بیایید ببینیم که چگونه هنگام استفاده از بستهبندی، آن را لحاظ کنیم.
یک فایل BundleConfig.cs در پوشه App_Start پروژه شما وجود دارد . خط کد زیر را در کلاس BundleConfig خود اضافه کنید.
به طور معمول، این خط هنگام ایجاد پروژه اضافه می شود. اگر نه، آن را اضافه کنید.
خط کد بالا سه کار را انجام می دهد:
- یک بسته نرم افزاری با نام ~/bundles/jquery ایجاد می کند.
- آخرین نسخه از کتابخانه jQuery را از پوشه پروژه شما شامل می شود.
- اگر برنامه در حالت Debug اجرا می شود، Bundler به اندازه کافی هوشمند است که فایل js. و اگر برنامه در حالت Release اجرا می شود، فایل .min.js را شامل شود.
با استفاده از CDN
اگر می خواهید از کتابخانه CDN استفاده کنید، از کد زیر استفاده کنید.
کد بالا کارهای زیر را انجام می دهد.
- یک بسته نرم افزاری با نام ~/bundles/jquery ایجاد می کند.
- آخرین نسخه کتابخانه جی کوئری از CDN مایکروسافت را در حالت انتشار شامل خواهد شد.
- آخرین نسخه کتابخانه jQuery را از پوشه پروژه شما در حالت Debug شامل خواهد شد.
در نهایت، از @Scripts.Render استفاده کنید تا بسته را در Razor View خود قرار دهید. هنگام استفاده از CDN، در صورتی که کتابخانه به دلیل برخی مشکلات شبکه بارگیری نشود، باید مکانیزم بازگشتی داشته باشید.
راه دیگر برای انجام این کار این است که کد زیر را به تگ <head> صفحه خود اضافه کنید:
نحوه استفاده از Bundling با Layout
اگر نماهای زیادی دارید که دارای یک چیدمان مشترک هستند، معمولاً از طرحبندی استفاده میکنید.
افزودن فایل Layout به پروژه