Visual Studio Uygulama Projenizi keşfedin

  • 5 dakika

Web uygulamanızı başarıyla oluşturdunuz ve Azure'da yayımladınız, ancak değişiklik yapmak istediğinizde ne olur? Visual Studio, uygulamanın nerede yayımlandığını anımsar ve bu da uygulamanızı güncelleştirme ve değiştirme işlemlerini iki tıklamayla yapar.

Proje yapısını keşfetme

Visual Studio'da bir ASP.NET Core web uygulaması oluşturdunuz ve şimdi web sitenizi düzenlemeniz ve özelleştirmeniz gerekiyor. Visual Studio'nun ne oluşturduğunu görmek için proje yapısını inceleyelim.

Bağımlılıklar

Bağımlılıklar klasörü, uygulamanızı çalışır duruma getirmek için ASP.NET Core iç bileşenlerini içerir. Belirli üçüncü taraf paketleri eklemiyorsanız, bu klasörde çok fazla zaman harcamanız gerekmez.

Properties

Özellikler klasörü, web uygulamanızı barındırdığınız yerin yapılandırma verilerini içerir. PublishProfiles klasörünü şimdi genişletirseniz Alpine Ski Hill sitesinin URL'sini görmeniz gerekir. Her yayımlama profili, Visual Studio'nın dosyalarınızı karşıya yüklemek için kullandığı Azure adresi gibi yayımlama yapılandırma bilgilerini içeren bir .xml dosyasıdır.

wwwroot

wwwroot dosyası css, js, images ve lib dosyaları gibi siteniz için tüm statik varlıklarınızı içerir. Sitenize stil oluşturmaya ve daha fazla işlevsellik eklemeye hazır olduğunuzda, burada çalışacaksınız.

Sayfalar

Sayfalar klasöründe sitenizin sayfaları için Razor şablonları bulunur. Razor, sunucu kodunu ASP.NET web sayfalarına eklemeye yönelik bir işaretleme söz dizimidir. HTML içerir ve sitenizde veri görüntülemeye ve mantık yürütmeye yönelik özel kuralları vardır.

Sitenizdeki her sayfa iki kod dosyasıyla temsil edilir:

  • .cshtml Razor işaretleme dosyası olan bir dosya. Bu dosya görüntü HTML'nizi ve bazı C# mantığını içerir.

  • .cs Sınıfından devralınan PageModel arka planda C# kodu olan bir dosya. Bu dosya, Razor dosyasına herhangi bir veri geçirmeden önce HTTP isteklerini kesmenize ve bu istek üzerinde işlem yapmanıza olanak tanır.

appsetting.json

Bu, ASP.NET Core için bir yapılandırma dosyasıdır.

Program.cs

Program.cs dosyası, siteniz için web ana bilgisayarını yapılandırıp başlatır.

Razor şablonlarına giriş

Web sitemizde bazı temel değişiklikler yapmak istiyoruz. Web uygulamanızı özelleştirmek için Razor şablonlarından nasıl yararlanabileceğiniz hakkında temel bilgilere sahip olmanız gerekir.

Razor nedir?

Razor, C# ile dinamik web sayfaları oluşturmak için kullanılan bir ASP.NET söz dizimidir. Bir sunucu Razor sayfasını okuduğunda, C# kodu HTML'yi işlemeden önce çalışır. Bu, hızlı bir şekilde dinamik içerik oluşturmanıza olanak tanır.

Razor, ASP.NET bir sayfanın nasıl işlendiği hakkında bilgi vermek için yönergeleri kullanır @ .

Örneğin, sayfadaki koda Privacy.cshtml göz atın:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • yönergesi @page , ASP.NET bu dosyayı Razor sayfası olarak işlemesini söylüyor.
  • yönergesi @model , ASP.NET bu Razor sayfasını adlı PrivacyModelbir C# sınıfıyla bağlamasını söylüyor.

Razor ayrıca kod ve HTML arasında geçiş yapmak için sembolünü @ kullanır. Önceki kod parçacığına bakarsanız, öğesini fark @{ ... }edersiniz. Bu, yürütülen ancak işlenmemiş bir Razor kod bloğudur.

Bir kod deyiminin çıkışını işlemek için C# ifadesinin önünde kullanın @ . Etiketindeki önceki kod bloğunda <h1> bir örnek vardır.

Web sitesi oluşturma ve yayımlama, iyi bir web sitesi oluşturmanın yalnızca ilk adımlarıdır. İçerik eklemeye başladıktan sonra sitenizi güncelleştirmeniz gerekir. Sitenizi Azure'da yayımladıktan sonra istediğiniz zaman güncelleştirebilirsiniz.