46、Blazor客户端框架全解析

最新推荐文章于 2025-11-25 06:04:49 发布

fanta

最新推荐文章于 2025-11-25 06:04:49 发布

阅读量33

点赞数

CC 4.0 BY-SA版权

分类专栏： C# 12与.NET 8：企业级应用架构精要文章标签： Blazor WebAssembly 客户端框架

本文链接：https://blog.youkuaiyun.com/fanta/article/details/149770627

C# 12与.NET 8：企业级应用架构精要专栏收录该内容

62 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

Blazor客户端框架全解析

一、应用加载与启动

Blazor WebAssembly应用的文件夹结构中，总会包含一个 index.html 静态HTML页面。以 BlazorReview 项目为例， index.html 位于 BlazorReview->wwwroot->index.html 。这个页面是Blazor应用创建HTML的容器，其HTML头部包含视口元声明、标题以及应用整体样式的CSS。Visual Studio默认项目模板会添加特定于应用的CSS文件和Bootstrap CSS，你可以用自定义样式或其他CSS框架替换默认的Bootstrap CSS。

index.html 的主体部分代码如下：

<body>
  <div id="app">
    <svg class="loading-progress">
      <circle r="40%" cx="50%" cy="50%" />
      <circle r="40%" cx="50%" cy="50%" />
    </svg>
    <div id="loading-progress-text"></div>
  </div>
  <div id="blazor-error-ui">
        An unhandled error has occu