46、Blazor客户端框架：加载、路由与组件详解

最新推荐文章于 2025-10-30 22:52:00 发布

c7d8e

最新推荐文章于 2025-10-30 22:52:00 发布

阅读量40

点赞数

CC 4.0 BY-SA版权

分类专栏： C# 12与.NET 8：构建企业级应用的新篇章文章标签： Blazor WebAssembly 客户端框架加载机制

本文链接：https://blog.youkuaiyun.com/c7d8e/article/details/149770116

C# 12与.NET 8：构建企业级应用的新篇章专栏收录该内容

62 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

Blazor客户端框架：加载、路由与组件详解

一、应用加载与启动

Blazor WebAssembly应用的文件夹结构中总是包含一个 index.html 静态HTML页面，例如在示例项目中，该文件位于 BlazorReview->wwwroot->index.html 。这个页面是Blazor应用创建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 occurred.
    <a href="" class="reload">Re