サンドボックス <h2>aaaa</h2>

sandbox

<h2>abcde</h2>
<h2>abcde</h2>
<h2>abcde</h2>

<h2>abcde</h2>

<h2>abcde</h2>

<h2>abcde</h2>

<h2>abcde</h2>

<h1>aaaaa</h1> <h2>bbbbb</h2> <h3>vvvvv</h3>

概要

Blazorアプリケーションで各画面のデザインをそろえたいことがあります。ASP.NET Web Formアプリケーションではマスターページを利用するとページの共通部分をマスターファイルに集約できます。また、ASP.NET Core WebアプリケーションでRazorページを利用している場合はレイアウトファイルを利用することで同様の処理が実装できます。Blazorアプリケーションでもレイアウトを利用することでページの共通部分をまとめて実装できます。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;

namespace LayoutBlazorApp
{
  public class Startup
  {
    // This method gets called by the runtime. Use this method to add services to the container.
    // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
    public void ConfigureServices(IServiceCollection services)
    {
      services.AddRazorPages();
      services.AddServerSideBlazor();
    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
      if (env.IsDevelopment()) {
        app.UseDeveloperExceptionPage();
      }

      app.UseStaticFiles();
      app.UseRouting();

      app.UseEndpoints(endpoints =>
      {
        endpoints.MapBlazorHub();
        endpoints.MapFallbackToPage("/_Host");
      });
    }
  }
}