bikral 1
bikral
noisiv 1
noisiv
Manwe Work 1
Manwe Work
Bvural41 1
Bvural41
ShadowFon 1
ShadowFon
mavzermete 1
mavzermete
YazilimMühendisi 1
YazilimMühendisi
Fethi Polat 1
Fethi Polat
InfernoShade 1
InfernoShade
Hikaye Ekle

Altın Konu ASP.NET Web Uygulamanız: Nasıl Başlanır?

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

data-extraction-feature.png

ASP.NET, Microsoft'un web uygulamaları ve hizmetleri oluşturmaya yönelik ücretsiz çapraz platform çerçevesidir. ASP.NET platformu, farklı uygulamalar oluşturmak için kullanılan araçlar, programlama dilleri ve kitaplıklardan oluşan bir geliştirici platformu olan .NET'in bir uzantısıdır.

Muhtemelen tahmin ettiğiniz gibi, ASP.NET yeni başlayanların web uygulamaları oluşturmak için kullanabileceği harika bir çerçevedir. Çok fazla esneklik sunar ve kullanımı kolaydır. Bu makalede, Microsoft Visual Studio kullanarak ASP.NET'te ilk web uygulamanızı oluşturmanıza yardımcı olacağız.

ASP.NET Nedir?

ASP, "Aktif Sunucu Sayfaları" anlamına gelir; ASP ve ASP.NET, etkileşimli web sayfalarını görüntülemek için kullanılan sunucu tarafı teknolojilerdir. ASP.NET, geliştiricilere çeşitli kitaplıklar ve araçlarla oldukça büyük, çok yönlü bir ekosistemde çok fazla esneklik sağlar. Geliştiriciler, .NET platformunda oluşturulan herhangi bir uygulamayla paylaşabilecekleri özel kitaplıklar da oluşturabilirler.

ASP.NET uygulamalarınız için arka uç kodunu C#, Visual Basic ve hatta F# ile yazabilirsiniz. Bu esneklik, geliştiricilerin iş mantığını ve veri erişim katmanını etkin bir şekilde kodlamasına olanak tanır. ASP.NET kullanmanın bir diğer önemli avantajı, Razor olarak bilinen bir web sayfası şablonlama sözdizimi aracının yardımıyla C# kullanarak dinamik web sayfaları oluşturmaktır.

Razor ayrıca HTML, CSS, JavaScript ve C# içeren etkileşimli dinamik web sayfaları oluşturmak için bir sözdizimi sağlar. İstemci tarafı kodu genellikle JavaScript'te yazılır ve ASP.NET, Angular veya React gibi diğer web çerçeveleriyle bile entegre edilebilir.

ASP.NET ayrıca geliştiricilere bir veritabanı, kitaplıklar, oturum açma yönetimi için şablonlar, Google, Facebook vb. için harici kimlik doğrulama ve daha fazlasını içeren bir kimlik doğrulama sistemi sağlar. Geliştiriciler, Windows, Linux, macOS ve hatta Docker dahil olmak üzere tüm büyük platformlarda ASP.NET'ten yararlanabilir.

Visual Studio'da ASP.NET Web Uygulaması Nasıl Oluşturulur

Bir web uygulaması oluşturmadan önce, ASP.NET'ten en iyi şekilde yararlanabilmeniz için HTML, CSS, JavaScript ve C# hakkında bilgi sahibi olmanız en iyisidir. Microsoft Visual Studio 2019'da ASP.NET'te nasıl web uygulaması oluşturabileceğinize bakalım.

Aşağıdaki yazılım paketlerinin kurulu olduğundan emin olun:

  • Microsoft Visual Studio 2019 veya daha iyisi
  • Visual Studio Installer'dan ASP.NET ve web geliştirme iş yükü

ASP.NET Web Uygulaması Projesi Bileşenlerini Anlama

Web uygulamanızı geliştirmeye başlamadan önce, ASP.NET'in temel bileşenlerini ve bunları web uygulamanızda nasıl kullanabileceğinizi anlamanız çok önemlidir.

Bu öğreticide, Ana Sayfa, Bize Ulaşın vb. gibi bireysel web sayfalarını oluşturmak için ASP.NET web formlarını kullanacağız. Her web formunun üç ana bileşeni vardır, HTML/CSS için bir .aspx dosyası, bir .aspx .cs kod dosyası ve bir .aspx.designer.cs dosyası. Bu eğitim için çoğunlukla .aspx ve .aspx.cs dosyalarında çalışacağız.

1fb29ce07dc0f37a5.png

.aspx dosyası, web sayfalarınızın tüm HTML ve CSS kodunu içerecektir. Asp etiketleri sunucudan veri alıp sunucuya girdi verisi gönderdiğinden, HTML etiketleri yerine asp etiketleri kullandığınızdan emin olun. Bu, dinamik bir web uygulamasında gerekli olan işlevsellik özelliğidir.

.aspx.cs dosyası, web sayfalarınızın C# kodunu içerir ve bu, bir web sayfası gibi belirli bir olay yüklendiğinde, bir düğme tıklandığında ve daha fazlasını kontrol eder. Her işlev için ayrı işlevler oluşturabilir ve bunu ilgili .aspx dosyasındaki ilgili asp etiketine bağlayabilirsiniz.

Ana Sayfalar geliştiriciler için faydalıdır ve her web sayfasına gezinme çubuğu ve altbilgi gibi temel bileşenleri ekler. Geliştiriciler, aynı kodu tekrar tekrar eklemek yerine, şablon için gerekli tüm kodu tek bir ana sayfaya ekleyebilir ve ardından her bir web sayfasını ana sayfaya bağlayabilir. Bunu nasıl yapacağınızı aşağıdaki bölümlerde göstereceğiz.

Yeni ASP.NET Web Uygulaması Projesi Oluşturun

ASP.NET'te bir web uygulaması oluşturmanın ilk adımı, bir proje şablonu seçip yeni bir web uygulaması oluşturmaktır:

aspnet-new-project.png

  1. Microsoft Visual Studio'yu başlatın ve Yeni bir proje oluştur'a tıklayın
  2. Şablon arama kutusuna ASP.NET yazın seçmek ASP.NET Web uygulaması ( .NET Framework ) ve tıklama İleri . Önceki bölümde belirtilen gerekli kurulumlara sahip değilseniz bu şablonu alamazsınız.
  3. Bir sonraki ekranda, proje adını ve dizin yapılandırıp tıklayın İleri .
  4. Visual Studio şimdi proje şablonunuzu oluşturacak ve ekranın üst kısmındaki yeşil oynat düğmesine tıklayarak şablon uygulamasını çalıştırabilmeniz gerekir.

Yeni ASP.NET Web Formu Oluşturun

sample-product-page.png

ASP.NET'i daha iyi anlamanıza yardımcı olmak için bir oyun mağazası için basit bir ürün sayfası oluşturacağız. İlk adım, yeni bir web formu oluşturmaktır. Daha önce oluşturduğunuz projede Dosya > Yeni > Dosya'ya gidin ve Web Formu'nu seçin . Ayarladıktan sonra, yalnızca başlık koduyla birlikte boş bir .aspx dosyası görebilmeniz gerekir.

Web sayfanızın genel görünümünü geliştirmeye başlamak için, HTML/ CSS'deki kodu kendiniz veya Tailblocks'tan bir şablon kullanabilirsiniz.

product-page-html.png

Yukarıdaki ürün sayfası düzenini bir şablon kullanarak oluşturduk. Bir ürün resmi, ürün ayrıntıları ve bir gezinme çubuğu görüntüler. Ana sayfayı kullanarak gezinme çubuğunun HTML ve CSS'sini ekledik.

aspx-cs-code.png

Yukarıdaki kodda (.aspx.cs dosyası), yer tutucularımızda ürün ayrıntılarını ayarlamak için yükleme sayfası işlevini ayarladık. Oturum açma, kaydolma, sepete ekleme vb. için benzer işlevler oluşturabilirsiniz.

Ürün açıklamasını göstermek için örnek bir asp etiketi aşağıdaki gibidir:

Kod:
<asp:Label ID="description" runat="server" Text="" class="leading-relaxed"></asp:Label>

C# kodundaki açıklama değeri bu yer tutucuda görüntülenecektir. Görüntüler, düğmeler, radyo düğmeleri ve daha fazlası gibi görüntüleme öğeleri eklemek için Visual Studio'nun Araç Kutusu'nu da kullanabilirsiniz. ASP.NET sözdizimini öğrenebileceğiniz çeşitli çevrimiçi kaynaklar vardır.


Yeni Başlayanlar İçin ASP.NET Web Uygulaması

ASP.NET, web uygulamaları ve hizmetleri oluşturmak için güçlü bir platformdur. ASP.NET'te bir web uygulaması geliştirmeden önce JavaScript, HTML, CSS ve C# konusunda rahat olmalısınız.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst