Cshtml Menü Ekleme

ASP.NET Core MVC’de Menü Ekleme: Kapsamlı Bir Kılavuz

ASP.NET Core MVC uygulamalarında menüler, kullanıcı arayüzünün önemli bir parçasıdır. Kullanıcıların web sitenizde gezinmesine ve istedikleri bilgilere kolayca erişmesine olanak tanırlar. Bu makale, ASP.NET Core MVC uygulamalarına menü eklemek için adım adım bir kılavuz sağlayacaktır.

1. Adım: Bir Menü Modeli Oluşturma

Menü öğelerinizi temsil etmek için bir model sınıfı oluşturarak başlayın. Örneğin, aşağıdaki MenuItem modelini oluşturabilirsiniz:

csharp
public class MenuItem
{
public int Id { get; set; }
public string Text { get; set; }
public string Action { get; set; }
public string Controller { get; set; }
}

2. Adım: Menü Verilerini Veritabanına Ekleme

Menü öğelerinizi veritabanına eklemeniz gerekir. Bunu, bir Entity Framework bağlamı kullanarak veya doğrudan SQL sorguları çalıştırarak yapabilirsiniz. Örneğin, aşağıdaki SQL sorgusunu kullanarak veritabanına bazı örnek menü öğeleri ekleyebilirsiniz:

sql
INSERT INTO MenuItems (Text, Action, Controller) VALUES
('Anasayfa', 'Index', 'Home'),
('Hakkımızda', 'About', 'Home'),
('İletişim', 'Contact', 'Home');

3. Adım: Menü Verilerini Görüntüleme

Menü öğelerinizi görüntülemek için bir görünüm oluşturun. Örneğin, _MenuView adlı aşağıdaki görünümü oluşturabilirsiniz:

“`html
@model IEnumerable

“`

4. Adım: Menü Görünümünü Düzenlere Ekleme

Menü görünümünü tüm düzenlerinize ekleyin. Örneğin, _Layout.cshtml düzeninize aşağıdaki kodu ekleyebilirsiniz:

“`html

“`

5. Adım: Menü Öğelerini Aktif Olarak İşaretleme

Kullanıcıların şu anda hangi sayfada olduklarını göstermek için aktif menü öğelerini vurgulamak isteyebilirsiniz. Bunu, @Html.ActionLink yardımcı yöntemini kullanarak yapabilirsiniz. Örneğin, Index eylemi için aktif menü öğesini vurgulamak için aşağıdaki kodu kullanabilirsiniz:

“`html

  • Anasayfa

    • “`

    İpuçları ve En İyi Uygulamalar

    • Menülerinizi basit ve anlaşılır tutun.
    • Menü öğelerini mantıksal bir sırayla düzenleyin.
    • Aktif menü öğelerini vurgulayın.
    • Mobil cihazlarda menülerin düzgün şekilde görüntülendiğinden emin olun.
    • Menü öğelerini kullanıcı rollerine göre filtreleyin.

    Faydalı Kaynaklar

    Sonuç

    ASP.NET Core MVC uygulamalarına menü eklemek, kullanıcıların web sitenizde gezinmesine yardımcı olan önemli bir adımdır. Bu makalede sağlanan adım adım kılavuzu izleyerek, uygulamalarınıza kolayca menüler ekleyebilir ve kullanıcı deneyimini geliştirebilirsiniz.

    Yayımlandı

    kategorisi