kevin/BlazorDeepDive
1
0
Fork 0
Code

Apply global server side rendering, but exclude certain routable components. (.NET 9 feature)

Browse Source
This commit is contained in:
Kevin Matsubara 2025-03-25 15:01:37 +01:00
parent b23f7bac27
commit 1d7bb19c40
4 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ServerManagement/Components/App.razor
View File

@ -9,13 +9,23 @@
<link rel="stylesheet" href="app.css" /> <link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="ServerManagement.styles.css" /> <link rel="stylesheet" href="ServerManagement.styles.css" />
<link rel="icon" type="image/png" href="favicon.png" /> <link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet /> <HeadOutlet @rendermode="@PageRenderMode"/>
</head> </head>
<body> <body>
@* Note that @rendermode="InteractiveServer" can be used here on Routes to make it global. But this is not recommended by Microsoft. See: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-9.0 *@ @* Note that @rendermode="InteractiveServer" can be used here on Routes to make it global. But this is not recommended by Microsoft. See: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-9.0 *@
<Routes/> <Routes @rendermode="@PageRenderMode"/>
<script src="_framework/blazor.web.js"></script> <script src="_framework/blazor.web.js"></script>
</body> </body>
</html> </html>
@code {
@* Use for .NET 9, and make interactivity global in Routes and HeadOutlet components in App.razor file. *@
@* See: https://learn.microsoft.com/en-us/aspnet/core/release-notes/aspnetcore-9.0?view=aspnetcore-9.0#add-static-server-side-rendering-ssr-pages-to-a-globally-interactive-blazor-web-app *@
[CascadingParameter]
private HttpContext HttpContext { get; set; } = default!;
private IComponentRenderMode? PageRenderMode
=> HttpContext.AcceptsInteractiveRouting() ? InteractiveServer : null;
}

2
ServerManagement/Components/Pages/AddServer.razor
View File

@ -1,6 +1,8 @@
@page "/servers/add" @page "/servers/add"
@using System.ComponentModel.DataAnnotations @using System.ComponentModel.DataAnnotations
@attribute [ExcludeFromInteractiveRouting]
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<h3>Add server</h3> <h3>Add server</h3>

2
ServerManagement/Components/Pages/EditServer.razor
View File

@ -1,6 +1,8 @@
@page "/servers/{id:int}" @page "/servers/{id:int}"
@* Route constraints: https://learn.microsoft.com/en-us/aspnet/core/fundamentals/routing?view=aspnetcore-9.0#route-constraints *@ @* Route constraints: https://learn.microsoft.com/en-us/aspnet/core/fundamentals/routing?view=aspnetcore-9.0#route-constraints *@
@attribute [ExcludeFromInteractiveRouting]
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<h3>Edit server</h3> <h3>Edit server</h3>

5
ServerManagement/Components/Pages/Servers.razor
View File

@ -14,7 +14,7 @@
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<img src="@($"/images/{city}.png")" class="card-img-top" alt="@city")"> <img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
<div class="card-body"> <div class="card-body">
<button class="btn btn-primary">@city</button> <button class="btn btn-primary">@city</button>
</div> </div>
@ -25,10 +25,11 @@
</div> </div>
<br/> <br/>
<ServerComponent @rendermode="InteractiveServer"></ServerComponent> <ServerComponent></ServerComponent>
<br/> <br/>
<a href="@($"/servers/add")" class="btn btn-primary">Add</a> <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
<br/> <br/>
<ul> <ul>
@foreach(var server in servers) @foreach(var server in servers)
{ {