Blazor Starter Kit 项目教程

1. 项目的目录结构及介绍

Blazor Starter Kit 项目的目录结构如下：

blazor-starter-kit/
├── src/
│   ├── BlazorHero.CleanArchitecture/
│   │   ├── Api/
│   │   ├── Application/
│   │   ├── Client/
│   │   ├── Domain/
│   │   ├── Infrastructure/
│   │   ├── Persistence/
│   │   ├── Server/
│   │   ├── Shared/
│   │   ├── BlazorHero.CleanArchitecture.sln
│   │   └── BlazorHero.CleanArchitecture.Web.sln
│   └── BlazorHero.CleanArchitecture.Web/
│       ├── Pages/
│       ├── Shared/
│       ├── wwwroot/
│       ├── _Imports.razor
│       ├── App.razor
│       ├── Program.cs
│       └── Startup.cs
├── tests/
│   ├── BlazorHero.CleanArchitecture.Application.Tests/
│   └── BlazorHero.CleanArchitecture.Web.Tests/
├── .gitignore
├── .editorconfig
├── README.md
└── LICENSE

目录结构介绍

• src/：包含项目的源代码。
  • BlazorHero.CleanArchitecture/：核心项目文件夹，包含多个子模块。
    • Api/：API 相关代码。
    • Application/：应用层代码，处理业务逻辑。
    • Client/：客户端相关代码。
    • Domain/：领域模型和实体。
    • Infrastructure/：基础设施代码，如数据库访问。
    • Persistence/：持久化层代码。
    • Server/：服务器端代码。
    • Shared/：共享代码。
    • BlazorHero.CleanArchitecture.sln：核心项目的解决方案文件。
    • BlazorHero.CleanArchitecture.Web.sln：Web 项目的解决方案文件。
  • BlazorHero.CleanArchitecture.Web/：Web 项目文件夹。
    • Pages/：页面组件。
    • Shared/：共享组件。
    • wwwroot/：静态资源文件。
    • _Imports.razor：全局导入文件。
    • App.razor：应用根组件。
    • Program.cs：程序入口点。
    • Startup.cs：启动配置文件。
• tests/：包含项目的测试代码。
  • BlazorHero.CleanArchitecture.Application.Tests/：应用层测试。
  • BlazorHero.CleanArchitecture.Web.Tests/：Web 层测试。
• .gitignore：Git 忽略文件。
• .editorconfig：编辑器配置文件。
• README.md：项目说明文档。
• LICENSE：项目许可证。

2. 项目的启动文件介绍

Program.cs

Program.cs 是 Blazor 项目的入口点，负责配置和启动应用。以下是 Program.cs 的主要内容：

using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.DependencyInjection;
using System;
using System.Net.Http;
using System.Threading.Tasks;

namespace BlazorHero.CleanArchitecture.Web
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            builder.RootComponents.Add<App>("#app");

            builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

            await builder.Build().RunAsync();
        }
    }
}

主要功能

• 创建 WebAssemblyHostBuilder 实例。
• 添加根组件 <App>。
• 配置依赖注入，注册 HttpClient。
• 构建并运行应用。

3. 项目的配置文件介绍

appsettings.json

appsettings.json 是 Blazor 项目的配置文件，包含应用的配置信息。以下是 appsettings.json 的一个示例：

{