Blazored Toast 开源项目教程

Blazored Toast 开源项目教程

ToastA JavaScript free toast library for Blazor and Razor Component applications项目地址:https://gitcode.com/gh_mirrors/toast6/Toast

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

Blazored Toast 项目的目录结构如下：

Blazored.Toast/
├── src/
│   ├── Blazored.Toast/
│   │   ├── Components/
│   │   │   ├── Toast.razor
│   │   │   ├── ToastInstance.cs
│   │   │   ├── ToastOptions.cs
│   │   │   ├── ToastService.cs
│   │   │   ├── ToastSettings.cs
│   │   │   └── ToastStyle.cs
│   │   ├── BlazoredToast.csproj
│   │   ├── _Imports.razor
│   │   ├── index.html
│   │   └── Program.cs
│   └── Blazored.Toast.Tests/
│       ├── BlazoredToast.Tests.csproj
│       └── ToastServiceTests.cs
├── .gitignore
├── Blazored.Toast.sln
├── LICENSE
└── README.md

目录结构介绍

• src/Blazored.Toast/: 包含项目的主要源代码。
  • Components/: 包含所有与 Toast 相关的组件和类。
    • Toast.razor: Toast 组件的 Razor 文件。
    • ToastInstance.cs: 管理单个 Toast 实例的类。
    • ToastOptions.cs: Toast 的配置选项类。
    • ToastService.cs: 提供 Toast 服务的类。
    • ToastSettings.cs: Toast 的设置类。
    • ToastStyle.cs: Toast 的样式类。
  • BlazoredToast.csproj: 项目文件。
  • _Imports.razor: 导入常用的命名空间和组件。
  • index.html: 项目的入口 HTML 文件。
  • Program.cs: 项目的启动文件。
• src/Blazored.Toast.Tests/: 包含项目的测试代码。
  • BlazoredToast.Tests.csproj: 测试项目文件。
  • ToastServiceTests.cs: Toast 服务的测试类。
• .gitignore: Git 忽略文件。
• Blazored.Toast.sln: 解决方案文件。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

项目的启动文件是 Program.cs，其主要内容如下：

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

namespace Blazored.Toast
{
    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) });
            builder.Services.AddBlazoredToast();

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

启动文件介绍

• Program.cs 是 Blazor WebAssembly 应用程序的入口点。
• Main 方法是应用程序的启动方法。
• WebAssemblyHostBuilder 用于配置和构建应用程序。
• AddBlazoredToast 方法用于注册 Blazored Toast 服务。

3. 项目的配置文件介绍

项目的配置文件主要是 ToastOptions.cs，其主要内容如下：

namespace Blazored.Toast.Configuration
{
    public class ToastOptions
    {
        public string PositionClass { get; set; } = "position-fixed";
        public string CloseButtonClass { get; set; } = "btn-close";
        public string ToastClass { get; set; } = "bg-primary text-white";
        public string IconClass { get; set; } = "fas fa-info-circle";
        public int Timeout { get; set; } = 5;
    }
}

配置文件介绍

• ToastOptions.cs 定义了 Toast 的配置选项。
• PositionClass：Toast 的位置类。

ToastA JavaScript free toast library for Blazor and Razor Component applications项目地址:https://gitcode.com/gh_mirrors/toast6/Toast