ASP.NET Core MVC Örneği

Aşağıda, ASP.NET Core ortamında basit bir MVC uygulamasının adım adım geliştirilmesini anlatıyorum

1. Yeni Proje Oluşturma

  1. Visual Studio’yu açın.
  2. Create a New Project seçeneğini seçin.
  3. ASP.NET Core Web App (Model-View-Controller) şablonunu seçin ve projeyi oluşturun.
  4. Framework olarak .NET 6 veya üstü seçin.

2. Model Oluşturma

  • Projede bir Models klasörü oluşturun.
  • Bu klasörün içine aşağıdaki gibi bir Product modeli ekleyin:
namespace SimpleMvcApp.Models
{
    public class Product
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public decimal Price { get; set; }
    }
}

3. Controller Oluşturma

  • Controllers klasörüne sağ tıklayın ve yeni bir denetleyici ekleyin.
  • Aşağıdaki ProductController sınıfını oluşturun:
using Microsoft.AspNetCore.Mvc;
using SimpleMvcApp.Models;

namespace SimpleMvcApp.Controllers
{
    public class ProductController : Controller
    {
        public IActionResult Index()
        {
            // Örnek veri listesi
            var products = new List<Product>
            {
                new Product { Id = 1, Name = "Laptop", Price = 1200 },
                new Product { Id = 2, Name = "Smartphone", Price = 800 },
                new Product { Id = 3, Name = "Tablet", Price = 400 }
            };

            return View(products); // View'a veri gönderiliyor
        }
    }
}

4. View Oluşturma

  • Views/Product adında bir klasör oluşturun.
  • Bu klasörün içinde bir Index.cshtml dosyası oluşturun ve aşağıdaki kodu yazın:
@model IEnumerable<SimpleMvcApp.Models.Product>

<h1>Product List</h1>
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var product in Model)
        {
            <tr>
                <td>@product.Id</td>
                <td>@product.Name</td>
                <td>@product.Price</td>
            </tr>
        }
    </tbody>
</table>

5. Uygulamayı Çalıştırma

  1. Projeyi çalıştırın.
  2. Tarayıcıda https://localhost:5001/Product adresine gidin.
  3. Ürünlerin listelendiğini göreceksiniz.

Bu örnekte, ASP.NET Core MVC kullanarak bir ürün listesini görüntüleyen basit bir uygulama geliştirdik. Model, Controller ve View katmanları birbirinden bağımsız şekilde çalışarak kodun daha düzenli, esnek ve ölçeklenebilir olmasını sağladık.

Write a Reply

English Translate »