Core Mvc uygulamalarında projeleri gruplandırarak basitleştirme işlemleri için Area yapısını kullanabilirsiniz. Her bir sayfa linki için sayfaya özel Route ayarı yapabilirsiniz. Bu uygulamada girilen bir dağ adını görüntüleyen programı Area ve Route tanımlayarak yapacağız.

1. Area Oluşturma

İlk olarak Areas/Daglar adında bir Area oluşturuyoruz. Bu Area içinde aşağıdaki klasörler bulunmalı:

Areas
├── Daglar
│   ├── Controllers
│   ├── Models
│   ├── Views

Bu yapı, MVC mimarisini koruyarak projemizi modüler hale getirir.

2. Area Kaydı ve Ayarları

Area’ların çalışabilmesi için Program.cs dosyasında endpoint ayarlarını yapmamız gerekiyor:

Program.cs içinde Area desteği ekleyin.

app.MapControllerRoute(
    name: "areas",
    pattern: "{area:exists}/{controller=Dag}/{action=Index}/{id?}"
    );

Bu yapı, URL'nin "area/controller/action" şeklinde çalışmasını sağlar.

Örnek URL: https://localhost:5001/Daglar/Daglar/Ekle

3. Model Oluşturma

Kullanıcının girdiği dağ adının doğruluğunu kontrol etmek için bir model oluşturacağız.

Dağ adı boş geçilemez.

Dağ adı en fazla 50 karakter olabilir.

Areas/Daglar/Models/DagModel.cs

using System.ComponentModel.DataAnnotations;

namespace DagUygulamasi.Areas.Daglar.Models
{
    public class DagModel
    {
        [Required(ErrorMessage = "Dağ adı zorunludur.")]
        [MaxLength(50, ErrorMessage = "Dağ adı en fazla 50 karakter olabilir.")]
        public string DagAdi { get; set; }
    }
}

Açıklamalar:

[Required] → Kullanıcının boş giriş yapmasını engeller.

[MaxLength(50)] → Dağ adının en fazla 50 karakter olmasını sağlar.

4. Controller Tanımlama

Kullanıcıdan gelen dağ bilgisini alıp listeye ekleyen ve görüntüleyen bir controller oluşturacağız.

Areas/Daglar/Controllers/DaglarController.cs

using Microsoft.AspNetCore.Mvc;
using DagUygulamasi.Areas.Daglar.Models;
using System.Collections.Generic;

namespace DagUygulamasi.Areas.Daglar.Controllers
{
    [Area("Daglar")]
    [Route("Daglar/[controller]/[action]")]
    public class DaglarController : Controller
    {
        private static List<string> DagListesi = new List<string>();

        [HttpGet]
        public IActionResult Index()
        {
            return View(DagListesi);
        }

        [HttpPost]
        public IActionResult Ekle(DagModel model)
        {
            if (ModelState.IsValid)
            {
                DagListesi.Add(model.DagAdi);
            }
            return RedirectToAction("Index");
        }
    }
}

Açıklamalar:

[Area("Daglar")] → Bu controller'in "Daglar" alanına ait olduğunu belirtir.

[Route("Daglar/[controller]/[action]")] → Route tanımı dinamik hale getirilmiştir.

static List<string> DagListesi → Girilen dağ adlarını hafızada saklamak için kullanılır.

Index() → Girilen dağ adlarını görüntüler.

Ekle(DagModel model) → Kullanıcıdan gelen veriyi Model Binding ile alır ve listeye ekler.

Örnek URL: /Daglar/Daglar/Ekle

5. View Tasarımı

Kullanıcı girilen dağ adlarını görebilecek ve yeni dağ adı ekleyebilecek.

Areas/Daglar/Views/Daglar/Index.cshtml

@model List<string>
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

<h1>Dağ Listesi</h1>
<ul>
   @foreach (var dag in Model)
   {
       <li>@dag</li>
   }
</ul>

<form method="post" action="/Daglar/Daglar/Ekle">
   <label for="dagAdi">Yeni Dağ Adı:</label>
   <input type="text" id="dagAdi" name="DagAdi" required maxlength="50" />
   <button type="submit">Ekle</button>
</form>

@if (!ViewData.ModelState.IsValid)
{
   <ul>
       @foreach (var error in ViewData.ModelState["DagAdi"].Errors)
       {
           <li style="color: red;">@error.ErrorMessage</li>
       }
   </ul>
}

6. Çalıştırma ve Test

Uygulamayı başlatın ve tarayıcıda şu URL'yi ziyaret edin:

https://localhost:5001/Daglar/Daglar/Index

Bir dağ adı girin ve ekleyin. Listeye eklendiğini göreceksiniz.

Hatalı girişleri test edin:

Boş geçmeyin! "Dağ adı zorunludur." hatası alırsınız.

50 karakterden uzun bir şey girin! "Dağ adı en fazla 50 karakter olabilir." hatası alırsınız.