.Net 8 Blazor下 Auto交互渲染模式试用

本文介绍: 试用 .Ne t 8 Blazor下新增的Auto渲染交互模式

C:Userszhuji&gt;dotnet --version
8.0.100

C:Userszhuji&gt;dotnet --list-sdks
5.0.403 [C:Program Filesdotnetsdk]
6.0.404 [C:Program Filesdotnetsdk]
8.0.100 [C:Program Filesdotnetsdk]

Microsoft Vi sual Stud io Ent erpris e 2022 (64 位) – Current
版本 17.8.2

选择菜单文件->新建->项目，在对话框中选择项目模板Blazor We b Ap p。

然后点击下一步，输入项目名称、选择存储位置，再下一步，则可以选择框架和交互模式，我们选择Auto。

选择后，点击创建则VS自动创建了二个项目，一个项目名称为我们输入的项目名，另一个项目则自然添加后缀.client。

app.MapRazorComponents<App>()
    .AddInteractiveServerRenderMode()
    .AddInteractiveWebAssemblyRenderMode()
    .AddAdditionalAssemblies(typeof(Counter).Assembly);

   

app.Run();

@page "/housetradeanother"
@rendermode InteractiveWebAssembly

<h3>HouseTradeAnother</h3>

<p>Name:</p>
@if (curHouseTrade != null)
    @curHouseTrade.Name

<button class="btn btn-primary" @onclick="getTradeName">显示名称</button>
@code {

    private HouseTrade? curHouseTrade;

    private async Task getTradeName()
    {
        var httpclient = new HttpClient();
        var swaggerC = new OpenClient("https://localhost:7105", httpclient);
        curHouseTrade = await swaggerC.HouseTradesGETAsync(100);

    }

}