Blazor: веб-интерфейсы на C#

1dotnet new blazorserver -n MyApp
2# Или
3dotnet new blazorwasm -n MyApp

1@page "/counter"
2
3<h3>Counter</h3>
4<p>Current count: @currentCount</p>
5<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
6
7@code {
8    private int currentCount = 0;
9
10    private void IncrementCount()
11    {
12        currentCount++;
13    }
14}

1<h3>@Title</h3>
2<p>@Description</p>
3
4@code {
5    [Parameter]
6    public string Title { get; set; } = string.Empty;
7    
8    [Parameter]
9    public string? Description { get; set; }
10    
11    [Parameter]
12    public EventCallback<string> OnClick { get; set; }
13}

1@page "/users"
2@page "/users/{id:int}"
3
4@inject NavigationManager Navigation
5
6<h3>User @Id</h3>
7
8<button @onclick="GoHome">Home</button>
9
10@code {
11    [Parameter]
12    public int Id { get; set; }
13    
14    private void GoHome()
15    {
16        Navigation.NavigateTo("/");
17    }
18}

1@page "/search"
2
3<h3>Search: @Query</h3>
4
5@code {
6    [SupplyParameterFromQuery]
7    public string? Query { get; set; }
8}

1@implements IDisposable
2
3<h3>@Message</h3>
4
5@code {
6    private string Message = "Loading...";
7
8    protected override async Task OnInitializedAsync()
9    {
10        await LoadData();
11    }
12
13    protected override async Task OnParametersSetAsync()
14    {
15        // Вызывается при изменении параметров
16    }
17
18    private async Task LoadData()
19    {
20        Message = "Data loaded";
21        StateHasChanged();
22    }
23
24    public void Dispose()
25    {
26        // Очистка ресурсов
27    }
28}

1@inject IJSRuntime JS
2
3<button @onclick="Alert">Click me</button>
4
5@code {
6    private async Task Alert()
7    {
8        await JS.InvokeVoidAsync("alert", "Hello from Blazor!");
9    }
10
11    private async Task<string> GetWindowTitle()
12    {
13        return await JS.InvokeAsync<string>("eval", "document.title");
14    }
15}

1<CascadingValue Value="this">
2    <ChildComponent />
3</CascadingValue>
4
5@code {
6    public string CurrentUser { get; set; } = "John";
7}

1public class AppState
2{
3    public string CurrentUser { get; set; } = string.Empty;
4    
5    public event Action? OnChange;
6    
7    public void NotifyStateChanged() => OnChange?.Invoke();
8}

1@* Server-side rendering *@
2@page "/"
3
4<h1>Welcome to Blazor United!</h1>
5
6@* Interactive *@
7<Counter @rendermode="InteractiveServer" />
8
9@* WebAssembly *@
10<Counter @rendermode="InteractiveWebAssembly" />