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

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

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

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

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

Rastgele Seçilen Bir Sayıda Div Oluşturan Asp.Net c# Uygulaması

Klavyeden Girilen İki Sayıyı Toplayan Programı Visual Studio 2022 Programında Web Sayfası Olarak Kodlayınız

Visual Studio 2022 Programında Asp.Net Core Empty RazorPage Web Projesi Oluşturma

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

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

Web Uygulamalarında Bilgisayarın İnternete Bağlı Olup Olmadığını Kontrol Etme

Kullanıcının Kullandığı Bilgisayarda Yazıcı İsimlerini Listeleme

İlk Üç Karakteri Harf Daha Sonraki Karakterler Sayı Olan Metin Girişini Jquery İle Kodlayınız

Web Uygulamalarında SqLite Veritabanında Uyeler Tablosuna Kayıt Girişi Yapma

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

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

Swiper Kütüphanesini Kullanarak Çekçekli Menü Oluşturan Core Mvc Uygulaması

Core Mvc Uygulamasında Excel Tablosundaki Verileri Tabloya Aktarma

Asp.Net Platformunda Harici JSON Dosyasından Namaz Vakitlerini Alma

ASP.NET ve ASP.NET Core Arasındaki Farklar

Asp.Net Uygulamalarında Ajax İle Bilgileri Sunucuya Gönderme Yöntemleri