Skclusive.Blazor.Samples 开源项目教程

Skclusive.Blazor.Samples 开源项目教程

Skclusive.Blazor.Samples Skclusive.Blazor.Samples 项目地址: https://gitcode.com/gh_mirrors/sk/Skclusive.Blazor.Samples

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

目录结构

Skclusive.Blazor.Samples/
├── Skclusive.Blazor.Dashboard/        # Dashboard 示例项目
├── Skclusive.Blazor.FlightFinder/     # FlightFinder 示例项目
├── Skclusive.Blazor.Messenger/        # Messenger 示例项目
├── Skclusive.Blazor.Reactive/         # Reactive 示例项目
├── Skclusive.Blazor.TodoApp/          # TodoApp 示例项目
├── Skclusive.Blazor.TodoDesktop/      # TodoDesktop 示例项目
├── images/                           # 项目相关图片
├── .editorconfig                     # 编辑器配置文件
├── .gitattributes                    # Git 属性配置文件
├── .gitignore                        # Git 忽略文件
├── LICENSE                           # 许可证文件
└── README.md                         # 项目说明文件

目录介绍

• Skclusive.Blazor.Dashboard: 使用 Skclusive-UI 的 Dashboard 示例项目。
• Skclusive.Blazor.FlightFinder: FlightFinder 示例项目，集成了 Redux DevTool。
• Skclusive.Blazor.Messenger: 使用 Skclusive-UI 的 Messenger 示例项目。
• Skclusive.Blazor.Reactive: Reactive 示例项目。
• Skclusive.Blazor.TodoApp: TodoApp 示例项目，集成了 Redux DevTool。
• Skclusive.Blazor.TodoDesktop: TodoDesktop 示例项目。
• images: 存放项目相关图片。
• .editorconfig: 编辑器配置文件，用于统一代码风格。
• .gitattributes: Git 属性配置文件，用于定义文件属性。
• .gitignore: Git 忽略文件，定义哪些文件和目录不应被 Git 跟踪。
• LICENSE: 项目许可证文件，本项目使用 MIT 许可证。
• README.md: 项目说明文件，包含项目介绍和使用说明。

2. 项目的启动文件介绍

启动文件

每个示例项目的启动文件通常是 Program.cs 和 Startup.cs。

Program.cs

public class Program
{
    public static void Main(string[] args)
    {
        CreateHostBuilder(args).Build().Run();
    }

    public static IHostBuilder CreateHostBuilder(string[] args) =>
        Host.CreateDefaultBuilder(args)
            .ConfigureWebHostDefaults(webBuilder =>
            {
                webBuilder.UseStartup<Startup>();
            });
}

• Main 方法: 应用程序的入口点，调用 CreateHostBuilder 方法创建并运行主机。
• CreateHostBuilder 方法: 配置并返回 IHostBuilder，指定使用 Startup 类来配置服务和请求管道。

Startup.cs

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddServerSideBlazor();
        // 其他服务配置
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            app.UseHsts();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();

        app.UseRouting();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapBlazorHub();
            endpoints.MapFallbackToPage("/_Host");
        });
    }
}

• ConfigureServices 方法: 配置应用所需的服务，如 Razor Pages 和 Server-Side Blazor。
• Configure 方法: 配置应用的请求管道，包括错误处理、HTTPS 重定向、静态文件服务、路由和端点映射。

3. 项目的配置文件介绍

配置文件

项目的配置文件通常是 appsettings.json 和 appsettings.Development.json。

appsettings.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "AllowedHosts": "*"
}

• Logging: 配置日志级别，默认为 Information，Microsoft 相关日志为 Warning。
• AllowedHosts: 配置允许的主机，* 表示允许所有主机。

appsettings.Development.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Debug",
      "Microsoft": "Debug",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  }
}

• Logging: 开发环境下的日志级别配置，默认为 Debug。

这些配置文件通过 `Startup.cs

Skclusive.Blazor.Samples Skclusive.Blazor.Samples 项目地址: https://gitcode.com/gh_mirrors/sk/Skclusive.Blazor.Samples