İlk ASP.NET Web Uygulamanız: Nasıl Başlanır?

ASP.NET, Microsoft'un web uygulamaları ve hizmetleri oluşturmaya yönelik ücretsiz platformlar arası ç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.

İlişkili: Geliştiriciler için Öğrenmeye Değer Web Çerçeveleri

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.

İlişkili: Tailwind CSS vs. Bootstrap: Hangisi Daha İyi Bir Çerçevedir?

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 eğitimde, 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.

.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ında ne olacağı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:

1. Microsoft Visual Studio'yu başlatın ve tıklayın Yeni bir proje oluştur
2. Şablon arama kutusuna ASP.NET yazın, ASP.NET Web Uygulaması (.NET Çerçevesi) ve tıklayın Sonraki. Önceki bölümde belirtilen gerekli kurulumlara sahip değilseniz bu şablonu alamazsınız.
3. Bir sonraki ekranda proje adınızı ve dizininizi yapılandırın ve üzerine tıklayın. Sonraki.
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

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, şuraya gidin: Dosya > Yeni > Dosya ve seçin İnternet formu. Ayarladıktan sonra, yalnızca başlık kodunu içeren 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 kullanabilir veya bir şablon kullanabilirsiniz. kuyruk blokları.

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.

Yukarıdaki kodda (.aspx.cs dosyası), yükleme sayfası yer tutucularımızda ürün ayrıntılarını ayarlama işlevi. 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:

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.

Nihai JavaScript Hile Sayfası

Bu hile sayfasıyla JavaScript öğelerini hızlı bir şekilde tazeleyin.

Sonrakini Oku

Yazar hakkında