Maarif-i Cedid | Yenilikçi Eğitim Portalı

c# Web

Öğrencilere Ait Performans ve Uygulama Notlarının Girildiği Core Mvc Projesi Tasarlama9

Admin panelinde menüyü yatay hale getirip bir dropdown (combobox) ekleyelim. Aşağıdaki kod, Bootstrap kullanarak "Tanımlamalar" menüsünü oluşturur ve alt menü olarak Alanlar, Dallar, Gruplar, Sınıflar seçeneklerini ekler. Menünün en sağına "Çıkış" butonunu ekleyelim ve bunu kırmızı bir buton şeklinde farklı renkte gösterelim. AccountController'daki Logout metodu zaten tanımlı olduğu için, bu butona tıkladığında kullanıcının çıkış yapmasını sağlayacağız.

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Paneli</title>
    <link href="~/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/lib/jquery/jquery.min.js"></script>
    <script src="~/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" asp-controller="Admin" asp-action="Dashboard">Admin Paneli</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Menüyü Aç">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <!-- Tanımlamalar Dropdown Menüsü -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="tanımlamalarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Tanımlamalar
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="tanımlamalarDropdown">
                            <li><a class="dropdown-item" asp-controller="Admin" asp-action="Alanlar">Alanlar</a></li>
                            <li><a class="dropdown-item" asp-controller="Admin" asp-action="Dallar">Dallar</a></li>
                            <li><a class="dropdown-item" asp-controller="Admin" asp-action="Gruplar">Gruplar</a></li>
                            <li><a class="dropdown-item" asp-controller="Admin" asp-action="Siniflar">Sınıflar</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" asp-controller="Admin" asp-action="Users">Üyeler</a>
                    </li>
                </ul>

                <!-- Çıkış Butonu -->
                <form asp-controller="Account" asp-action="Logout" method="post" class="d-flex">
                    <button type="submit" class="btn btn-danger">Çıkış</button>
                </form>
            </div>
        </div>
    </nav>

    <div class="container mt-3">
        @RenderBody()
    </div>
</body>
</html>

Bir sonraki makalede Alanlar tablosuna ait tüm işlemleri gerçekleştirelim.

Etiketler
admin panel logout combobox menu

İlgili Makaleler

Web Tabanlı Uygulama Geliştirme Dersi İkinci Dönem İkinci Yazılı Çalışma Soruları

2020 TYT Matematik Ortakatlı Kuralıyla İlgili Sorunun Çözümünü c# Diliyle Web Form Sayfasında Kodlama

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama1

Web Tabanlı Uygulama Geliştirme Dersi İkinci Dönem Birinci Yazılı Çalışma Soruları

Visual Studio 2022 Programında Asp.Net Web Application Şablonu Görünmüyor Hatasını Düzeltme

Core Mvc Projesinde Tuple Nesneleri Post Etme ve Yakalama İşlemleri

Seri Port Yardımıyla Arduino Devresine Bağlanıp Ledleri Asp.Net Web Uygulamasından Yakıp Söndürme

Sitenin Alexa Dünya Sıralamasını Kodlarla Öğrenme

Personele Ait Boy ve Kilo Bilgilerine Göre İdeal Kiloyu Bulan Uygulamayı Asp.Net İle Yapınız

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama4

Bir Otobüs Firmasına Ait Bilet Satış İşlemlerini Class(Sınıf) Tanımlayarak Yapan c# Form Uygulaması

Asp.Net Uygulamasında Manual Olarak JSON Oluşturma

Asp.Net Uygulamalarında Modal PopUp Oluşturma

Web Uygulamalarında SqLite Kullanımı

Asp.Net Uygulamalarında DataList (Veri Listeleme) Kontrolü

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama2

C# Uygulamasında Miladi Takvimi Hicri Takvime, Hicri Takvimi Miladi Takvime Dönüştürme

RadioButton ile Cinsiyet Bilgisini Alan Asp.Net c# Uygulaması

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama3

2022 TYT Matematik Onbirinci Sorunun Çözümünü c# Diliyle Web Form Sayfasında Kodlama