Blazor-Blazor WebAssmbly项目结构（上）

原创

已于 2025-01-23 10:39:22 修改 · 1k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #blazor

于 2025-01-22 15:38:25 首次发布

创建项目

今天我们来创建一个BlazorWebAssmbly项目，来看看项目结构是如何得，我们创建带模板得项目，会创建出一个demo，来看看项目结构。
在这里插入图片描述

创建的项目可以直接启动运行，首次启动会看见加载的过程，这个过程是正在下载.NET的捆绑包等资源
在这里插入图片描述

项目结构

我们可以看到如下的整体项目结构，我们可以一级一级来看看文件都有什么作用
在这里插入图片描述

Program.cs

在这里插入图片描述

这个文件相信大家都很熟悉了，是项目的入口函数，我们看看文件里写的内容都有什么作用，具体每段的解释已经写在注释里了，供同学参考

using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;

namespace BlazorApp1
{
   
   
    public class Program
    {
   
   
        public static async Task Main(string[] args)
        {
   
   
            //运行 Blazor 的主机对象和其它默认配置
            var builder