در این آموزش با استفاده از نقشه سایت به ایجاد و پیاده سازی breadcrumb می پردازیم.
Breadcrumb در واقع جهت ایجاد ناوبری و نمایش موقعیت کاربر در صفحات سایت با استفاده از نقشه سایت می باشد.
ابتدا پروژه ای از نوع Empty mvc ایجاد کنید و سپس از طریق nuget عبارت MvcSiteMapProvider را جستجو و سپس نصب نمایید.
پس از نصب فایل Mvc.SiteMap به پروژه شما اضافه خواهد شد.که در واقع همان نقشه سایت می باشد.
پس از نصب نقشه سایت به پیاده سازی breadcrump بصورت داینامیک خواهیم پرداخت.
به قسمت قالب صفحات بروید و کدهای زیر را به این قسمت اضافه نمایید.
@Html.MvcSiteMap().Menu()
@Html.MvcSiteMap().SiteMapPath()
کدهای فوق جهت ایجاد منو و نقشه سایت بصورت داینامیک خواهد بود.اکنون یک کنترلر به نام Home با کدهای زیر به پروژه اضافه نمایید.
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
return View();
}
public ActionResult About()
{
return View();
}
}
اکنون برنامه را اجرا نمایید.