ASP.NET Core Blazor WEB的简单原理与Blazor的要达到的目标

bdbox@qq.com

已于 2023-02-16 20:05:30 修改

阅读量302

点赞数

于 2023-02-13 12:02:22 首次发布

本文链接：https://blog.csdn.net/bdbox/article/details/129006568

版权

ASP.NET Core Blazor 同时被 2 个专栏收录

32 篇文章

订阅专栏

9 篇文章

订阅专栏

Blazor框架旨在提供一种方式，通过C#代码而不是JavaScript实现在客户端的局部刷新和界面交互，如官方示例所示，允许开发者在不刷新整个页面的情况下更新计数器状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在服务器端，（由代码）创建html（文本）。

在客户端，浏览器通过url获取到html（文本），将html解析成可视的页面元素。（同时能解析到css、js、图片等）

在客户端，通过交互提交新的请求（可以传递文本形式的内容，如json），由服务器端去响应，然后重复上述过程。

在客户端，可以通过javascript实现与界面元素的交互。

ex：

在客户端，如果不想整个页面都刷新，就需要用到局部刷新技术。

blazor要达到的目标，就是利用局部刷新的技术，用C#代码（不用js）就可以实现与界面元素的交互，从而实现逻辑的一致性。

示例：

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    [Parameter]
    public int IncrementAmount { get; set; } = 1;

    private void IncrementCount()
    {
        currentCount += IncrementAmount;
    }
}

看，这是官方的代码示例，一句javascript都没用到。