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.


İ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

Yorum Ekle
   
Kötü İyi