c# Web

Öğrenci Bilgilerini Get Metoduyla Alan Core Mvc Uygulaması

Sunucu tabanlı web uygulamalarında kullanıcıdan alınan bilgileri get ya da post metoduyla alabilirsiniz. Bu uygulamamızda öğrencilere ait bilgileri get metoduyla öğrenciden alan işlemleri yapacağız.

Visual Studio 2022 programını açalım.

Yeni bir boş Core projesi oluşturalım. İsmini GetListesi olarak belirleyelim.

Temel ayarların yapıldığı program.cs dosyasını düzenleyelim.

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddMvc();
var app = builder.Build();

app.UseDefaultFiles();
app.UseStaticFiles();

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}"
    );

app.Run();

Projeyi çalıştıralım. Controller bulunamadığı için hata verecektir. Öncelikle MVC projesi için gerekli olan klasörleri oluşturalım. Projemizi çalıştıralım. Controllers panelinde dosya olmadığı için hata verecektir.

Şimdi Controllers klasörü içine HomeController dosyasını oluşturalım. Aşağıdaki gibi bir action metodu oluşturulacaktır. Bu metod Index() isimli view dosyasını döndürecektir.

        public IActionResult Index()
        {
            return View();
        }

Break point atalım. Projeyi çalıştıralım. Index() isimli metod çalıştırılacak ancak bu dosya Views klasöründe olmadığı için hata verecektir. Şimdi Views klasörü altında Home klasörünü, bunun altında Index dosyasını oluşturalım. Bu işlemi gerçekleştirmek için şu yolu takip edelim. HomeController sayfasında Index() metodunun içindeyken farenin sağ tuşuna basalım. Ekrana gelen içerik menüsünden Add View komutunu çalıştıralım. Çıkan form sayfasında Razor View seçeneğini seçelim ve Add butonuna basalım. Gelen ekranda Use a layout page onay kutusunu kaldıralım. Add diyerek işlemi tamamlayalım. Bu yöntemi kullanarak Views klasöründe hem Home isminde bir klasör oluşturacağız hem de view sayfası html kodlarının tamamını gösterir şekilde ekrana gelecektir.

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Öğrenci Listesi</title>
</head>
<body>
</body>
</html>

Projeyi çalıştıralım. Proje hatasız bir şekilde çalıştırılır. Projede bootstrap ve jquery kütüphanelerini yüklemek için wwwroot klasörünü ekleyelim. Projeye bootstrap eklemek için proje isminin üzerinde farenin sağ tuşuna basalım. Ekrana gelen içerik menüsünden Add diyelim. Burada yer alan komutlardan Client-Side Library komutunu çalıştıralım. Ekrana gelen form sayfasında library kutusuna bootstrap yazalım. Install diyerek kurulum işlemini tamamlayalım. Aynı komutu kullanarak projeye jquery kütüphanesini de ekleyelim. Index view dosyasına bootstrap ve jquery kütüphanelerini dahil edelim.

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Öğrenci Listesi</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.min.js">
</script>
</head>
<body>
</body>
</html>

Projeyi çalıştıralım. Kütüphanelerin projeye hatasız bir şekilde eklendiğinden emin olalım. Öncelikle öğrencilere ait gerekli bilgilerin tutulacağı Models tasarımını yapalım. Amacımız oluşturduğumuz modele ait tüm özellikleri hem view hem de controller tarafında kullanabilmek. Şimdi Models klasörü altına Ogrenci isminde bir class oluşturalım. Dosyanın içeriği aşağıdaki gibi olacaktır.

public class Ogrenci
{
    public int okulNo { get; set; }
    public string? ogrAdi { get; set; }
    public string? ogrSoyadi { get; set; }
    public string? Sinif { get; set; }
}

Şimdi bu değerleri get metoduyla alacağımız view dosyasını düzenleyelim.

<div class="container mt-3">
    <form method="GET" action="/Home/VeriAlGet">
        <div class="form-group">
            <label>Okul No</label>
            <input type="text" name="okulno" class="form-control"></input>
        </div>
        <div class="form-group">
            <label>Ad</label>
            <input type="text" name="ad" class="form-control"></input>
        </div>
        <div class="form-group">
            <label>Soyad</label>
            <input type="text" name="soyad" class="form-control"></input>
        </div>
        <div class="form-group">
            <label>Sınıf</label>
            <input type="text" name="sinif" class="form-control"></input>
        </div>
        <div class="form-group mt-3">
            <button type="submit" class="btn btn-primary">Gönder</button>
        </div>
    </form>
</div>

Projeyi çalıştırdığımızda öğrencilerden gerekli bilgilerin alınacağı form ekrana gelir. Verilerin controller tarafında alınacağı action metodu tanımlayalım.

[HttpGet]
public IActionResult VeriAlGet(int okulno, string ad, 
                               string soyad, string sinif)
{
    Ogrenci ogrenci = new Ogrenci();

    ogrenci.okulNo = okulno;
    ogrenci.ogrAdi = ad;
    ogrenci.ogrSoyadi = soyad;
    ogrenci.Sinif = sinif;

    return Content(ogrenci.ogrAdi + " " + ogrenci.ogrSoyadi);
}

Projeyi çalıştırdığımızda form sayfasında gerekli bilgileri girelim ve Gönder butonuna vastığımızda öğrencinin ad ve soyadını ekranda görürsünüz.


Etiketler
core mvc post get models 
İ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
2022 TYT Matematik Onbirinci Sorunun Çözümünü c# Diliyle Web Form Sayfasında Kodlama
Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama3
RadioButton ile Cinsiyet Bilgisini Alan Asp.Net c# Uygulaması

Yorum Ekle
   
Kötü İyi