BlazorASP.NET Core proje yapısı

  • Makale
  • Okumak için 5 dakika

Bu makalede, çerçevenin proje şablonlarından biri tarafından oluşturulan bir uygulamayı oluşturan Blazor dosya Blazor ve klasörler açıklanmıştır.

Blazor WebAssembly

Blazor WebAssembly proje şablonu: blazorwasm

Şablon, Blazor WebAssembly bir uygulama için ilk dosyaları ve dizin yapısını Blazor WebAssembly oluşturur. Uygulama, statik bir vardan veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData weather.json kullanıcı etkileşimiyle Counter doldurulur.

  • Pages folder: Uygulamayı içeren yönlendirilebilir bileşenleri/sayfaları ( .razor ) Blazor içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon aşağıdaki bileşenleri içerir:

    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • FetchData component ( FetchData.razor ): Veri getirme sayfasını uygulama.
    • Index component ( Index.razor ): Sayfayı Home uygulama.

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasını tutar.

  • Shared klasör: Aşağıdaki paylaşılan bileşenleri ve stil sayfaları içerir:

    • MainLayoutcomponent ( MainLayout.razor ): Uygulamanın düzen bileşeni.
    • MainLayout.razor.css: Uygulamanın ana düzeni için stil sayfası.
    • NavMenu component ( NavMenu.razor ): Kenar çubuğu gezintisi sağlar. Gezinti bağlantılarını NavLink diğer NavLink bileşenlere işleyici bileşeni ( ) Razor içerir. Bileşen, bileşeni yüklendiğinde seçilen durumu otomatik olarak gösterir ve bu durum kullanıcının o anda NavLink hangi bileşenin görüntüleniyor olduğunu anlarına yardımcı olur.
    • NavMenu.razor.css: Uygulamanın gezinti menüsü için stil sayfası.
    • SurveyPrompt component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Yapılandırma ayarları için ortam uygulama ayarları dosyaları dahil olmak üzere uygulamanın genel statik varlıklarını içeren uygulamanın Web appsettings.json Kök klasörü. Web index.html sayfası, html sayfası olarak uygulanan uygulamanın kök sayfasıdır:

    • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
    • Sayfa, kök bileşenin App işlenme yerini belirtir. Bileşen, DOM öğesinin bir () div ile konumda id app <div id="app">Loading...</div> işlenir.

Not

Dosyaya eklenen JavaScript (JS) wwwroot/index.html dosyaları kapanış etiketinin önünde </body> görünün. Özel JS kodunun JS dosyalarından yüklenme sırası bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının çerçeve JS dosyalarına Blazor dahil olduğundan emin olmak.

  • _Imports.razor: Uygulamanın bileşenlerine ( ) dahil etmek için ad alanları Razor yönergeleri gibi ortak yönergeleri .razor @using içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayaran uygulamanın kök Router bileşeni. Bileşen Router tarayıcı gezintisini kesmiş ve istenen adresle eşleşen sayfayı işler.

  • Program.cs: WebAssembly ana bilgisayarlarını ayarlayacak uygulamanın giriş noktası:

    • Bileşen, App uygulamanın kök bileşenidir. Bileşen, kök bileşen koleksiyonuna ( ) ile bir ( içinde App div ) ile DOM öğesi id olarak app <div id="app">Loading...</div> wwwroot/index.html builder.RootComponents.Add<App>("#app") belirtilir.
    • Hizmetler eklenir ve yapılandırılır (örneğin, builder.Services.AddSingleton<IMyDependency, MyDependency>() ).

Blazor Server

Blazor Server proje şablonu: blazorserver

Şablon, Blazor Server bir uygulama için ilk dosyaları ve dizin yapısını Blazor Server oluşturur. Uygulama, kayıtlı bir hizmetten veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData WeatherForecastService kullanıcı etkileşimiyle Counter doldurulur.

  • Data folder: WeatherForecast Uygulamanın bileşenine WeatherForecastService örnek hava durumu verileri sağlayan sınıfının ve uygulamasını FetchData içerir.

  • Pages folder: Uygulamayı ve bir uygulamanın kök sayfasını içeren yönlendirilebilir bileşenleri/sayfaları ( .razor Blazor ) Razor Blazor Server içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon şunları içerir:

    • _Host.cshtml: Uygulamanın Sayfa olarak uygulanan kök Razor sayfası:
      • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
      • Konak sayfası kök bileşenin App ( App.razor ) işlenme yerini belirtir.
    • _Layout.cshtml: Uygulamanın kök _Host.cshtml sayfasının düzen sayfası.
    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • Error component ( Error.razor ): Uygulamada işlenecek bir özel durum oluştuğunda işlenir.
    • FetchData component ( FetchData.razor ): Veri getirme sayfasını uygulama.
    • Index component ( Index.razor ): Sayfayı Home uygulama.

Not

Dosyaya eklenen JavaScript (JS) Pages/_Layout.cshtml dosyaları kapanış etiketinin önünde </body> görünün. Özel JS kodunun JS dosyalarından yüklenme sırası bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının çerçeve JS dosyalarına Blazor dahil olduğundan emin olmak.

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasını tutar.

  • Shared klasör: Aşağıdaki paylaşılan bileşenleri ve stil sayfaları içerir:

    • MainLayoutcomponent ( MainLayout.razor ): Uygulamanın düzen bileşeni.
    • MainLayout.razor.css: Uygulamanın ana düzeni için stil sayfası.
    • NavMenu component ( NavMenu.razor ): Kenar çubuğu gezintisi sağlar. Gezinti bağlantılarını NavLink diğer NavLink bileşenlere işleyici bileşeni ( ) Razor içerir. Bileşen, bileşeni yüklendiğinde seçilen durumu otomatik olarak gösterir ve bu durum kullanıcının o anda NavLink hangi bileşenin görüntüleniyor olduğunu anlarına yardımcı olur.
    • NavMenu.razor.css: Uygulamanın gezinti menüsü için stil sayfası.
    • SurveyPrompt component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Uygulamanın genel statik varlıklarını içeren uygulamanın Web Kök klasörü.

  • _Imports.razor: Uygulamanın bileşenlerine ( ) dahil etmek için ad alanları Razor yönergeleri gibi ortak yönergeleri .razor @using içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayaran uygulamanın kök Router bileşeni. Bileşen Router tarayıcı gezintisini kesmiş ve istenen adresle eşleşen sayfayı işler.

  • appsettings.json ve ortam uygulaması ayarları dosyaları: Uygulama için yapılandırma ayarlarını sağlar.

  • Program.cs: Hizmet kayıtları ve istek işleme işlem hattı yapılandırması dahil olmak üzere ASP.NET Core ana bilgisayarı ayarlayacak ve uygulamanın başlangıç mantığını içeren uygulamanın giriş noktası:

    • Uygulamanın bağımlılık ekleme (DI) hizmetlerini belirtir. Hizmetler çağrılarak AddServerSideBlazor eklenir WeatherForecastService ve örnek bileşen tarafından kullanım için hizmet kapsayıcıya FetchData eklenir.
    • Uygulamanın istek işleme işlem hattını yapılandırıyor:
      • MapBlazorHub , tarayıcıyla gerçek zamanlı bağlantı için bir uç nokta ayarlamak için çağrılır. Bağlantı, uygulamalara SignalR gerçek zamanlı web işlevselliği eklemeye bir çerçeve olan ile oluşturulur.
      • MapFallbackToPage("/_Host") , uygulamanın kök sayfasını ( ) ayarlamak ve Pages/_Host.cshtml gezintiyi etkinleştirmek için çağrılır.

Ek kaynaklar

Bu makalede, çerçevenin proje şablonlarından biri tarafından oluşturulan bir uygulamayı oluşturan Blazor dosya Blazor ve klasörler açıklanmıştır. Araç kullanarak proje şablonundan uygulama oluşturma hakkında Blazor bilgi için Blazor bkz. ASP.NET Core için araç Blazor . barındırma modelleri Blazor ve hakkında bilgi için Blazor WebAssembly Blazor Server bkz. ASP.NET Core Blazor barındırma modelleri .

Blazor WebAssembly

Blazor WebAssembly proje şablonu: blazorwasm

Şablon, Blazor WebAssembly bir uygulama için ilk dosyaları ve dizin yapısını Blazor WebAssembly oluşturur. Uygulama, statik bir vardan veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData weather.json kullanıcı etkileşimiyle Counter doldurulur.

  • Pages folder: Uygulamayı içeren yönlendirilebilir bileşenleri/sayfaları ( .razor ) Blazor içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon aşağıdaki bileşenleri içerir:

    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • FetchData component ( FetchData.razor ): Veri getirme sayfasını uygulama.
    • Index component ( Index.razor ): Sayfayı Home uygulama.

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasını tutar.

  • Shared klasör: Aşağıdaki paylaşılan bileşenleri ve stil sayfaları içerir:

    • MainLayoutcomponent ( MainLayout.razor ): Uygulamanın düzen bileşeni.
    • MainLayout.razor.css: Uygulamanın ana düzeni için stil sayfası.
    • NavMenu component ( NavMenu.razor ): Kenar çubuğu gezintisi sağlar. Gezinti bağlantılarını NavLink diğer NavLink bileşenlere işleyici bileşeni ( ) Razor içerir. Bileşen, bileşeni yüklendiğinde seçilen durumu otomatik olarak gösterir ve bu durum kullanıcının o anda NavLink hangi bileşenin görüntüleniyor olduğunu anlarına yardımcı olur.
    • NavMenu.razor.css: Uygulamanın gezinti menüsü için stil sayfası.
    • SurveyPrompt component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Yapılandırma ayarları için ortam uygulama ayarları dosyaları dahil olmak üzere uygulamanın genel statik varlıklarını içeren uygulamanın Web appsettings.json Kök klasörü. Web index.html sayfası, html sayfası olarak uygulanan uygulamanın kök sayfasıdır:

    • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
    • Sayfa, kök bileşenin App işlenme yerini belirtir. Bileşen, DOM öğesinin bir () div ile konumda id app <div id="app">Loading...</div> işlenir.

Not

Dosyaya eklenen JavaScript (JS) wwwroot/index.html dosyaları kapanış etiketinin önünde </body> görünün. Özel JS kodunun JS dosyalarından yüklenme sırası bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının çerçeve JS dosyalarına Blazor dahil olduğundan emin olmak.

  • _Imports.razor: Uygulamanın bileşenlerine ( ) dahil etmek için ad alanları Razor yönergeleri gibi ortak yönergeleri .razor @using içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayaran uygulamanın kök Router bileşeni. Bileşen, Router tarayıcı gezintisini keser ve istenen adresle eşleşen sayfayı işler.

  • Program.cs: WebAssembly ana bilgisayarlarını ayarlayacak uygulamanın giriş noktası:

    • Bileşen, App uygulamanın kök bileşenidir. Bileşen, kök bileşen koleksiyonuna ( ) ile bir ( içinde App div ) ile DOM öğesi id olarak app <div id="app">Loading...</div> wwwroot/index.html builder.RootComponents.Add<App>("#app") belirtilir.
    • Hizmetler eklenir ve yapılandırılır (örneğin, builder.Services.AddSingleton<IMyDependency, MyDependency>() ).

Blazor Server

Blazor Server proje şablonu: blazorserver

Şablon, Blazor Server bir uygulama için ilk dosyaları ve dizin yapısını Blazor Server oluşturur. Uygulama, kayıtlı bir hizmetten veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData WeatherForecastService kullanıcı etkileşimiyle Counter doldurulur.

  • Data folder: WeatherForecast Uygulamanın bileşenine WeatherForecastService örnek hava durumu verileri sağlayan sınıfının ve uygulamasını FetchData içerir.

  • Pages folder: Uygulamayı ve bir uygulamanın kök sayfasını içeren yönlendirilebilir bileşenleri/sayfaları ( .razor Blazor ) Razor Blazor Server içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon şunları içerir:

    • _Host.cshtml: Uygulamanın Sayfa olarak uygulanan kök Razor sayfası:
      • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
      • Konak sayfası kök bileşenin App ( App.razor ) işlenme yerini belirtir.
    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • Error component ( Error.razor ): Uygulamada işlenecek bir özel durum oluştuğunda işlenir.
    • FetchData component ( FetchData.razor ): Veri getirme sayfasını uygulama.
    • Index component ( Index.razor ): Sayfayı Home uygulama.

Not

Dosyaya eklenen JavaScript (JS) Pages/_Host.cshtml dosyaları kapanış etiketinin önünde </body> görünün. Özel JS kodunun JS dosyalarından yüklenme sırası bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının çerçeve JS dosyalarına Blazor dahil olduğundan emin olmak.

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasını tutar.

  • Shared klasör: Aşağıdaki paylaşılan bileşenleri ve stil sayfaları içerir:

    • MainLayoutcomponent ( MainLayout.razor ): Uygulamanın düzen bileşeni.
    • MainLayout.razor.css: Uygulamanın ana düzeni için stil sayfası.
    • NavMenu component ( NavMenu.razor ): Kenar çubuğu gezintisi sağlar. Gezinti bağlantılarını NavLink diğer NavLink bileşenlere işleyici bileşeni ( ) Razor içerir. Bileşen, bileşeni yüklendiğinde seçilen durumu otomatik olarak gösterir ve bu durum kullanıcının o anda NavLink hangi bileşenin görüntüleniyor olduğunu anlarına yardımcı olur.
    • NavMenu.razor.css: Uygulamanın gezinti menüsü için stil sayfası.
    • SurveyPrompt component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Uygulamanın genel statik varlıklarını içeren uygulamanın Web Kök klasörü.

  • _Imports.razor: Uygulamanın bileşenlerine ( ) dahil etmek için ad alanları Razor yönergeleri gibi ortak yönergeleri .razor @using içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayaran uygulamanın kök Router bileşeni. Bileşen, Router tarayıcı gezintisini keser ve istenen adresle eşleşen sayfayı işler.

  • appsettings.json ve ortam uygulaması ayarları dosyaları: Uygulama için yapılandırma ayarlarını sağlar.

  • Program.cs: Uygulamanın ana bilgisayarı ayarlayacak giriş ASP.NET Core.

  • Startup.cs: Uygulamanın başlangıç mantığını içerir. sınıfı Startup iki yöntem tanımlar:

    • ConfigureServices: Uygulamanın bağımlılık ekleme (DI) hizmetlerini yapılandırıyor. Hizmetler çağrılarak AddServerSideBlazor eklenir WeatherForecastService ve örnek bileşen tarafından kullanım için hizmet kapsayıcıya FetchData eklenir.
    • Configure: Uygulamanın istek işleme işlem hattını yapılandırıyor:
      • MapBlazorHub , tarayıcıyla gerçek zamanlı bağlantı için bir uç nokta ayarlamak için çağrılır. Bağlantı, uygulamalara SignalR gerçek zamanlı web işlevselliği eklemeye bir çerçeve olan ile oluşturulur.
      • MapFallbackToPage("/_Host") , uygulamanın kök sayfasını ( ) ayarlamak ve Pages/_Host.cshtml gezintiyi etkinleştirmek için çağrılır.

Ek kaynaklar

Bu makalede, çerçevenin proje şablonlarından biri tarafından oluşturulan bir uygulamayı oluşturan dosya Blazor Blazor ve klasörler açıklanmıştır. Araç kullanarak proje şablonundan uygulama oluşturma hakkında Blazor bilgi için Blazor bkz. ASP.NET Core için araç Blazor . barındırma modelleri Blazor ve hakkında bilgi için Blazor WebAssembly Blazor Server bkz. ASP.NET Core Blazor barındırma modelleri .

Blazor WebAssembly

Blazor WebAssembly proje şablonu: blazorwasm

Şablon, Blazor WebAssembly bir uygulama için ilk dosyaları ve dizin yapısını Blazor WebAssembly oluşturur. Uygulama, statik bir vardan veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData weather.json kullanıcı etkileşimiyle Counter doldurulur.

  • Pages folder: Uygulamayı içeren yönlendirilebilir bileşenleri/sayfaları ( .razor ) Blazor içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon aşağıdaki bileşenleri içerir:

    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • FetchData component ( FetchData.razor ): Veri getirme sayfasını uygulama.
    • Index component ( Index.razor ): Sayfayı Home uygulama.

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasını tutar.

  • Shared klasör: Aşağıdaki paylaşılan bileşenleri içerir:

    • MainLayoutcomponent ( MainLayout.razor ): Uygulamanın düzen bileşeni.
    • NavMenu component ( NavMenu.razor ): Kenar çubuğu gezintisi sağlar. Gezinti bağlantılarını NavLink diğer NavLink bileşenlere işleyici bileşeni ( ) Razor içerir. Bileşen, bileşeni yüklendiğinde seçilen durumu otomatik olarak gösterir ve bu durum kullanıcının o anda NavLink hangi bileşenin görüntüleniyor olduğunu anlarına yardımcı olur.
    • SurveyPrompt component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Yapılandırma ayarları için ortam uygulama ayarları dosyaları dahil olmak üzere uygulamanın genel statik varlıklarını içeren uygulamanın Web appsettings.json Kök klasörü. Web index.html sayfası, html sayfası olarak uygulanan uygulamanın kök sayfasıdır:

    • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
    • Sayfa, kök bileşenin App işlenme yerini belirtir. Bileşen, DOM öğesinin () app konumda <app>Loading...</app> işlenir.

Not

Dosyaya eklenen JavaScript (JS) wwwroot/index.html dosyaları kapanış etiketinin önünde </body> görünün. Özel JS kodunun JS dosyalarından yüklenme sırası bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının çerçeve JS dosyalarına Blazor dahil olduğundan emin olmak.

  • _Imports.razor: Uygulamanın bileşenlerine ( ) dahil etmek için ad alanları Razor yönergeleri gibi ortak yönergeleri .razor @using içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayaran uygulamanın kök Router bileşeni. Bileşen, Router tarayıcı gezintisini keser ve istenen adresle eşleşen sayfayı işler.

  • Program.cs: WebAssembly ana bilgisayarlarını ayarlayacak uygulamanın giriş noktası:

    • Bileşen, App uygulamanın kök bileşenidir. Bileşen, App kök bileşen koleksiyonuna ( içinde ) app DOM öğesi olarak <app>Loading...</app> wwwroot/index.html builder.RootComponents.Add<App>("app") belirtilir.
    • Hizmetler eklenir ve yapılandırılır (örneğin, builder.Services.AddSingleton<IMyDependency, MyDependency>() ).

Blazor Server

Blazor Server proje şablonu: blazorserver

Şablon, Blazor Server bir uygulama için ilk dosyaları ve dizin yapısını Blazor Server oluşturur. Uygulama, kayıtlı bir hizmetten veri yüken bir bileşenin tanıtım koduyla ve bir bileşenle FetchData WeatherForecastService kullanıcı etkileşimiyle Counter doldurulur.

  • Data folder: WeatherForecast Uygulamanın bileşenine WeatherForecastService örnek hava durumu verileri sağlayan sınıfının ve uygulamasını FetchData içerir.

  • Pages folder: Uygulamayı ve bir uygulamanın kök sayfasını içeren yönlendirilebilir bileşenleri/sayfaları ( .razor Blazor ) Razor Blazor Server içerir. Her sayfanın yolu yönergesi kullanılarak @page belirtilir. Şablon şunları içerir:

    • _Host.cshtml: Uygulamanın Sayfa olarak uygulanan kök Razor sayfası:
      • Uygulamanın herhangi bir sayfası başlangıçta isten geldiğinde, bu sayfa işlenir ve yanıtta döndürülür.
      • Konak sayfası kök bileşenin App ( App.razor ) işlenme yerini belirtir.
    • Counter component ( Counter.razor ): Sayaç sayfasını uygulama.
    • Error component ( Error.razor ): Uygulamada işlenecek bir özel durum oluştuğunda işlenir.
    • FetchData Component ( FetchData.razor ): veri getirme sayfasını uygular.
    • Index Component ( Index.razor ): sayfayı uygular Home .

Not

Dosyaya eklenen JavaScript (JS) dosyaları Pages/_Host.cshtml , kapanış etiketinden önce gelmelidir </body> . Özel JS kodunun, JS dosyalarından yüklendiği sıra, bazı senaryolarda önemlidir. Örneğin, birlikte çalışma yöntemlerine sahip JS dosyalarının Framework JS dosyalarından önce eklendiğinden emin olun Blazor .

  • Properties/launchSettings.json: Geliştirme ortamı yapılandırmasınıbarındırır.

  • Shared klasör: aşağıdaki paylaşılan bileşenleri Içerir:

    • MainLayout Component ( MainLayout.razor ): uygulamanın Düzen bileşeni.
    • NavMenu Component ( NavMenu.razor ): kenar çubuğu gezintisini uygular. NavLink NavLink Diğer bileşenlere gezinti bağlantılarını işleyen bileşeni () içerir Razor . Bileşeni, NavLink bileşeni yüklendiği zaman otomatik olarak seçili durumu gösterir ve bu, kullanıcının hangi bileşenin görüntülenmekte olduğunu anlamasına yardımcı olur.
    • SurveyPrompt Component ( SurveyPrompt.razor ): Blazor anket bileşeni.

  • wwwroot: Uygulamanın ortak statik varlıklarını içeren uygulamanın Web kök klasörü.

  • _Imports.razor: Razor .razor @using Ad alanları için yönergeler gibi uygulamanın bileşenlerine () dahil etmek için ortak yönergeleri içerir.

  • App.razor: Bileşeni kullanarak istemci tarafı yönlendirmeyi ayarlayan uygulamanın kök bileşeni Router . RouterBileşen tarayıcı gezintisini karşılar ve istenen adresle eşleşen sayfayı işler.

  • appsettings.json ve çevresel uygulama ayarları dosyaları: uygulama için yapılandırma ayarlarını belirtin.

  • Program.cs: ASP.NET Core konağınıayarlayan uygulamanın giriş noktası.

  • Startup.cs: Uygulamanın başlangıç mantığını içerir. StartupSınıfı iki yöntemi tanımlar:

    • ConfigureServices: Uygulamanın bağımlılık ekleme (dı) hizmetlerini yapılandırır. Hizmetler AddServerSideBlazor , çağırarak ve WeatherForecastService hizmet kapsayıcısına örnek bileşen tarafından kullanılmak üzere eklendikten sonra eklenir FetchData .
    • Configure: Uygulamanın istek işleme ardışık düzenini yapılandırır:
      • MapBlazorHub , tarayıcıya gerçek zamanlı bağlantı için bir uç nokta ayarlamak üzere çağırılır. Bağlantı, SignalR uygulamalarına gerçek zamanlı Web işlevselliği ekleme çerçevesi olan ile oluşturulur.
      • MapFallbackToPage("/_Host") , uygulamanın () kök sayfasını ayarlamak Pages/_Host.cshtml ve gezinmeyi etkinleştirmek için çağırılır.

Ek kaynaklar