Ana içeriğe atla

C# öğrenmek 103: Asp.Net Core

C# öğrenmek 103: Asp.Net Core

C# ile Web geliştirme yapalım. Bu yazımızda, yüzeysel olarak bir Web uygulaması çıkaracağız.

Asp.Net Core MVC oluşturmak için birçok farklı yol var. Bunlardan biri Visual Studio’da açmak.

Visual Studio’da “ASP.NET Core Web App” projesi oluşturalım. (Görsel, I.)

İkinci yol olarak dotnet ile kuralım. Gelin, projeyi oluşturalım:

dotnet new mvc -f net6.0 -o FirstProject

Sonra oluşturduğum projeyi tek tek gezelim. Bir “Merhaba dünya!” yazalım.

Controller’de bir HomeController.cs oluşturalım ve başlayalım:

using Microsoft.AspNetCore.Mvc;

namespace MyMvcApp.Controllers
{
public class HomeController : Controller
{
public IActionResult Index()
{
return Content("Merhaba Dünya");
}
}
}

HTML render etmek için, önce bir Views klasörü altına:

using Microsoft.AspNetCore.Mvc;

namespace MyMvcApp.Controllers
{
public class AboutController : Controller
{
public ViewResult Index()
{
return View();
}
}
}

Ve sonra, ilerleyelim.

ActionResult türlerine bakalım:

View(): Views/Home/Index.cshtml döner

Redirect(“adres"): İlgili adrese yönlendirir

RedirectToAction(“Index”, “Home”): Başka bir action methoduna yönlendirir.

Json(data): JSON datasını döndürür.

Content(“Merhaba dünya!”): Yazdığınız şeyi döndürür.

File(fileBytes, “application/pdf”, “dosya.pdf”): Dosya indirimi ya da gösterimini sağlar.

StatusCode(418, “Ben bir çaydanlığım!”): Durum kodu döner.

NotFound(): Sayfa bulunmuyor döner.

Ok(new { success = true }): Doğrulandı.
BadRequest(“Geçersiz istek”): Geçersiz istek.
Unauthorized(): Teyit edilmedi.

Gelin bir model oluşturalım:

Models/Product.cs diye:

public class Product {
public string Name {get; set;}
public float Price {get; set;}
}

Bu kadardı, bu geliştirme sürecimiz biraz uzun süreceği için parçalara ayırdım.


Yorumlar

Bu blogdaki popüler yayınlar

Yıldırım Beyazıd ve Emir Timurlenk Savaşı

YILDIRIM BEYAZID VE EMİR TİMUR LENK SAVAŞI Ankara Savaşı (28 Temmuz 1402) Cengiz Han'ın vârisi olma iddiası ile çıkan Emir Timur. Beyazı'dın egemen olmasını kabul etmiyor. Onu küçümsüyor. Timur'un tahtını ele geçirmek için isyan başlatan   ve Timur Hindistan seferinden gelince bizzat kendisi tarafından kovulan Diyarbakır Beyi İlhan Ahmet Celâyir, Osmanlı'ya sığınmıştı. Epey Timur ve Beyazıd'ın arası gergindi. Fakat Timur kendi ırkından, dininden olan Osmanlı’ya saldırmak istemiyordu.   Timur’a tabî olan Mutahharten’ın ailesini Bursa’ya esir olarak gönderen Beyazid ile Timur’un arası açılmıştı.   “ Timur, kendisini sadece dünya üzerinde ulaşabileceği yere kadar hırsını doyurmak için Allah tarafından gönderilen “Allah’ın kulu” olarak değil, Türk halkının da gerçek ve tek temsilcisi olarak görüyordu. Yörüklerin bol paçalı şalvarları içinde, başında yüksek keçe başlığı ile tam bir Türk gibi giyinirdi.. Sarayı’nda sadece Türkçe konuşulur ve Türkçe yazı yazılır...

C# öğrenmek 102: Form Application

C# öğrenmek 102: Form Application C# öğrenirken en çok kullanacağımız yapı, Form App ’dir. Bize sağladığı bileşenler ( components ) önemlidir. Bu yazıya geldiyseniz eğer, zâten Form App açmayı biliyorsunuzdur. Ama zâten Visual Studio ’yu indirdikten sonra, Windows Form App ’i seçip, Next ’e basıp oluşturun. Form oluşturma örneği. (Görsel, I.) Bir form örneği görelim: Yeni oluşturulmuş örnek bir form görseli. (Görsel, II) Şimdi en önemli menüleri göreceğiz: Araçlar ( Toolbox ): Bileşenleri barındırır. UI Component ları ( Görünüm Bileşenleri ), formumuza sürekleyip koyarız. Ve Özellikler penceresinden değiştiririz. Kabaca en güzel anlatım budur. Haricî kütüphaneleri de buraya ekler ve erişirsiniz. Özellikler ( Properties ): Bu pencere’de, form ayarlarını ve eklediğimiz bileşenlerin özelliklerini değiştirebiliyoruz. Çözüm Gezgini ( Solution Explorer ): Proje dosyalarını buradan görürüz. Siler, taşır, oluşturur ve yeniden adlandırırız. Proje de kullanılan haricî kütüphaneleri de ...

Mala Anlatır Gibi React —9: İstek State Yönetimi / react-query

Mala Anlatır Gibi React —9: İstek State Yönetimi / react-query React’da istek state yönetimi paketini tanıtacağım. (Görsel, I.) Paketin amacı, istekleri yönetimi kolaylaştırmak. State’de tutmak. Paketi yükleyelim: npm i --save @tanstack/react-query Ana component’ı sarmalayın: import { QueryClient , QueryClientProvider } from '@tanstack/react-query' const client = new QueryClient () < QueryClientProvider client={client}> < App /> </ QueryClientProvider > Query kullanımı: import { useQuery } from '@tanstack/react-query' const { data } = useQuery ([ "çekilecek-veri-adı" ], ()=> { console . log (data) return fetch ( 'url' ) }) Hazır eventler: isLoading: const { isLoading } = useQuery () if (isLoading) { return < h1 > Yükleniyor.. </ h1 > } Hata yönetimi: const { isError } = useQuery () if (isError) { return < h1 > hata </ h1 > } Yeniden istek atmak: const { refetch } = useQuer...