Bu maklemizde Asp.Net MVC’de Area kavramını inceleyelim.
Asp.Net MVC’de projemizde Area yapısı sayesinde birden fazla alt alanlar (yapılar) ekleyebiliriz. Alt alan dediğimiz ne oluyor? diyebilirsiniz. Ana projenin altında, ama kendi içinde yapılandırılmış alt projeler gibi de düşünebilirsiniz. En iyisi bir örnek ile inceleyelim, daha iyi anlaşılacaktır.
Yeni bir Asp.Net MVC 3 Web Application – Empty Application oluşturalım.
Projemize sağ tıklayıp Add -> Area diyelim.
Izleyici, Kullanici ve Yonetici isminde 3 tane area ekleyelim.
Her area altında “Controllers”, “Models” ve “Views” klasörleri yer almaktadır. Bu klasörler içerisine Izleyici, Kullanici ve Yonetici arealarının kendilerine özgü Controller, Model ve View’larını yerleştirmekteyiz.
IzleyiciAreaRegistration, KullaniciAreaRegistration ve YoneticiAreaRegistration dosyalarımız ise arealarımızın ayarlarını yaptığımız dosyalarımızdır.
Örneğin, IzleyiciAreaRegistration.cs kodlarını inceleyelim.
- public class IzleyiciAreaRegistration : AreaRegistration
- {
- public override string AreaName
- {
- get
- {
- return "Izleyici";
- }
- }
- public override void RegisterArea(AreaRegistrationContext context)
- {
- context.MapRoute(
- "Izleyici_default",
- "Izleyici/{controller}/{action}/{id}",
- new { action = "Index", id = UrlParameter.Optional }
- );
- }
- }
RegisterArea() methodu ile Global.asax’taki RegisterRoutes’a benzer işlemi gerçekleştirmektedir.
Şimdi Izleyici/Controllers altına HomeController, Kullanici/Controllers altına HomeController, Yonetici/Controllers altına HomeController Controller sınıflarını ekleyelim. Bu sınıfları aşağıdaki gibi düzenleyelim.
Izleyici/Controllers/HomeController.cs
- public class HomeController : Controller
- {
- public ActionResult Index()
- {
- return View();
- }
- }
Kullanici/Controllers/HomeController.cs
- public class HomeController : Controller
- {
- public ActionResult Index()
- {
- return View();
- }
- }
Yonetici/Controllers/HomeController.cs
- public class HomeController : Controller
- {
- public ActionResult Index()
- {
- return View();
- }
- }
Şimdi her üç controllerın Index methodlarına sağ tıklayıp Add View ile birer View ekleyelim.
Şimdi View’larımızın içini aşağıdaki gibi dolduralım.
Izleyici/Views/Home/Index.cshtml
- @{
- ViewBag.Title = "Index";
- Layout = "~/Views/Shared/_Layout.cshtml";
- }
- <h2>İzleyici Giriş Sayfası</h2>
Kullanici/Views/Home/Index.cshtml
- @{
- ViewBag.Title = "Index";
- Layout = "~/Views/Shared/_Layout.cshtml";
- }
- <h2>Kullanıcı Giriş Sayfası</h2>
Yonetici/Views/Home/Index.cshtml
- @{
- ViewBag.Title = "Index";
- Layout = "~/Views/Shared/_Layout.cshtml";
- }
- <h2>Yönetici Giriş Sayfası</h2>
Şimdi her bir areanın ayarlarını yapılandırdığımız IzleyiciAreaRegistration.cs, KullaniciAreaRegistration.cs, YoneticiAreaRegistration.cs dosyalarını aşağıdaki gibi düzenleyelim.
IzleyiciAreaRegistration.cs
- public class IzleyiciAreaRegistration : AreaRegistration
- {
- public override string AreaName
- {
- get
- {
- return "Izleyici";
- }
- }
- public override void RegisterArea(AreaRegistrationContext context)
- {
- context.MapRoute(
- "Izleyici_default",
- "Izleyici/{controller}/{action}/{id}",
- new { controller = "Home", action = "Index", id = UrlParameter.Optional }
- );
- }
- }
KullaniciAreaRegistration.cs
- public class KullaniciAreaRegistration : AreaRegistration
- {
- public override string AreaName
- {
- get
- {
- return "Kullanici";
- }
- }
- public override void RegisterArea(AreaRegistrationContext context)
- {
- context.MapRoute(
- "Kullanici_default",
- "Kullanici/{controller}/{action}/{id}",
- new { controller = "Home", action = "Index", id = UrlParameter.Optional }
- );
- }
- }
YoneticiAreaRegistration.cs
- public class YoneticiAreaRegistration : AreaRegistration
- {
- public override string AreaName
- {
- get
- {
- return "Yonetici";
- }
- }
- public override void RegisterArea(AreaRegistrationContext context)
- {
- context.MapRoute(
- "Yonetici_default",
- "Yonetici/{controller}/{action}/{id}",
- new { controller = "Home", action = "Index", id = UrlParameter.Optional }
- );
- }
- }
Bu düzenleme sayesinde projemizde ProjeAdi/Yonetici olarak çalıştırdığmızda otomatik olarak Yonetici/Home/Index View’ını, ProjeAdi/Kullanici olarak çalıştırdığmızda otomatik olarak Kullanici/Home/Index View’ını, ProjeAdi/Izleyici olarak çalıştırdığmızda otomatik olarak Izleyici/Home/Index View’ını çalıştırabilelim.
Şimdi projemizi çalıştıralım ve ekran sonuçlarını inceleyelim.
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi