آموزش تبدیل قالب Html به Layout در asp.net core

 آموزش تبدیل قالب Html به Layout در asp.net core

در آموزش تبدیل قالب Html به Layout در asp.net core قصد داریم تا یک قالب Html را به یک Layout در Asp.Net Core تبدیل کنیم. تبدیل یک قالب HTML به یک Layout در ASP.NET Core فرایندی شامل چندین مرحله است که در نهایت به شما کمک می‌کند تا از قالب‌های HTML آماده در پروژه‌های خود استفاده کنید و قابلیت‌های Razor Pages را با آن ترکیب کنید. که شامل مراحل زیر است.

در آموزش تبدیل قالب Html به Layout در asp.net core قصد داریم تا یک قالب Html را به یک Layout در Asp.Net Core تبدیل کنیم. تبدیل یک قالب HTML به یک Layout در ASP.NET Core فرایندی شامل چندین مرحله است که در نهایت به شما کمک می‌کند تا از قالب‌های HTML آماده در پروژه‌های خود استفاده کنید و قابلیت‌های Razor Pages را با آن ترکیب کنید. که شامل مراحل زیر است.

اضافه کردن قالب HTML به پروژه

قالب HTML خود را به پروژه اضافه کنید. به طور معمول، این قالب شامل فایل‌های CSS، JavaScript، و تصاویر است. تمام فایل‌های استاتیک (مانند CSS، JS و تصاویر) را در پوشه wwwroot قرار دهید. در صورتی که فایل های تکراری وجود دارد آنها را حذف کنید. مثلا در قالب ما فایل های بوت استرپ استفاده شده. و این فایل ها در خود پروژه نیز وجود دارد پس یکی را حذف میکنیم.

ایجاد یک Layout

فایل Layout یک فایل Razor است که ساختار اصلی صفحات شما را تعریف می‌کند. این فایل معمولاً در مسیر Views/Shared/_Layout.cshtml قرار دارد. میتوانید فایل _Layout.cshtml را ویرایش کنید و قالب جدید خود را در آن بسازید ولی پیشنهاد میکنم یک Layout جدید مانند تصویر زیر بسازید. نام  Layout خود را در این مثال _TehranitContent قرار دادیم. قالب ما حد اقل به سه Layout نیاز دازد. کد های خود را در این فایل کپی کنید.

استفاده از Section

در برخی از صفحات یا Layout ها نیاز است که به فایل های Css و Js خود فایل های جدیدی اضافه کنیم. در این مواقع از قابلیت Section استفاده میکنیم. هنگام طراحی Layout حتما دو Section برای فایل های css و js باید ایجاد کنید. و در نام گزاری مانند زیر عمل کنید.

@await RenderSectionAsync("Styles", required: false) @await RenderSectionAsync("Scripts", required: false) @await RenderSectionAsync("Scripts", required: false)

استفاده از Partial Views

برای قسمت‌هایی از قالب که در چندین صفحه تکرار می‌شوند (مثل هدر، فوتر، یا منوها) می‌توانید از Partial View‌ها استفاده کنید. توجه در Partial View ها نمیتوانید از قابلیت Section استفاده کنید. به عنوان مثال در قالب Html خود نیاز به پارشیال های زیر داریم.

• پارشیال ویو هدر - HeaderPartialView
• پارشیال ویو فوتر - FooterPartialView
• پارشیال ویو منو - NavbarPartialView
• پارشیال ویو تایتل - TitlePartialView
• پارشیال ویو سایدبار - SidebarPartialView

جایگذاری RenderBody

RenderBody را جای مناسب آن قرار دهید. وظیفه RenderBody این است که، محتوای ویو را در بخشی که RenderBody قرار گرفته جایگذاری کند. توجه داشته باشید که جایگذاری هیچ ورودی و خروجی دریافت نمیکند.

دانلود فایل های پروژه شامل پروژه HTML و قالب Asp.Net Core تهران آی تی

ورژن ۱٫۱ قالب TehranITCoreDash منتشر شد. رفع برخی ایرادات. ورژن ۱٫۲ قالب TehranITCoreDash منتشر شد. رفع برخی ایرادات. افزوده شدن صفحه خطا و نمایش ارورها. بهینه شده برای استفاده از سرویس ها. هماهنگ شده با Dot Net 9 و codegeneration.design 9. توجه : هر دو فایل دانلودی "رایگان و غیر رایگان" یکسان میباشند. توجه : در صورتی که قبلا این قالب را خریداری کرده اید. نیازی به خرید مجدد نیست. از قسمت دانلود رایگان آن را دانلود فرمایید.

در این بخش مفوم دیتابیس در ASP.NET Core را مورد برسی قرار میدهیم. در ASP.NET Core، دیتابیس‌ها یکی از اجزای کلیدی برای ذخیره و مدیریت داده‌های برنامه‌ها هستند. برای کار با دیتابیس در ASP.NET Core معمولاً از تکنولوژی‌های ORM مثل Entity Framework Core استفاده می‌شود که فرآیند ارتباط بین برنامه و دیتابیس را ساده‌تر می‌کند.

گر دستت خالیه رایگان از لینک زیر دانلود کنید بعدا پرداخت کنید. زمانی که توانایی داشتید مبلغ را به شماره کارت ۶۳۶۲۱۴۱۱۰۴۳۵۲۰۳۵ به وزریز شود

ORM چیست ؟

ORM یک لایه واسط بین کلاس های زبان برنامه نویسی و داده های ذخیره شده در پایگاه داده می باشد.کار orm نگاشت اطلاعات ذخیره شده در پایگاه داده بر روی کلاس های ما در زبان برنامه نویسی می باشد. قبل از پیدایش orm ها این کار را به صورت دستی توسط ما برنامه نویس ها انجام می شد که کاری طاقت فرسا و پر خطر بود. به دلیل این که نام ستون ها و غیره… را باید دستی ست می کردیم ، کوچک ترین تغییراتی ممکن بود خطاهای به وجود بیاورد و برنامه از کار بیوفتتد. امروزه اکثر برنامه نویسان از orm ها استفاده می کنند.

Entity Framework Core چیست ؟

Ef Core آخرین نسخه از Entity Freamwork است که مایکروسافت که به عنوان بخشی ازفریمورک Dot Net Core معرفی کرده است. Ef core قابلیت پشتیبانی از cross platform را دارد. نسبت به نسخه قبلی entity framework سبکتر ، گسترده تر و استفاده سادتره را ارائه می دهد. ef core جدیدترین ORM ارائه شده، مایکروسافت است.

کلام آخر

مدیریت دیتابیس در ASP.NET Core معمولاً از طریق EF Core انجام می‌شود که یک ORM قوی و محبوب است و کار با دیتابیس را بسیار ساده‌تر می‌کند. با استفاده از EF Core می‌توانید به راحتی مدل‌های داده‌ای تعریف کنید، دیتابیس را مدیریت کنید و عملیات CRUD را به صورت ساده و کارآمد انجام دهید.