blazor book

Blazor-Book

像UI這樣的故事書，用於託管大麻組件

安裝

需要將BlazorBook Nuget軟件包添加到您的Blazor Wasm/Server應用程序和包含您個人故事的Razor類庫項目中。

Install-Package BlazorBook -ProjectName MyProject

設定

在您的大麻廠/服務器應用程序的啟動中：

app.RegisterAllStories(Assembly.Load("<<Assembly name containing stories>>"));

• 在_Imports.razor中

添加@using BlazorBook.Components

• 在App.razor中

  1. 將<blazorbook.resources />添加到頂部
  2. 在組件上添加附加的組件支柱如下：

 < Router
  AppAssembly =" @typeof(App).Assembly "
  AdditionalAssemblies =" new[] { typeof(BlazorBook.UI).Assembly } "
>
  ...
</ Router >

這些故事將被註冊，並在路徑/blazorbook上提供UI

故事

創建一個剃須刀庫來包含您的故事。這也應該將BlazorBook Nuget軟件包作為依賴項。

例如，故事可以如下：

Helloworld.Razor

 @inherits BlazorBook.StoryComponent
@attribute [DisplayName("Story name")]

<div>Hello @(world)!</div>

@code {
    string world = "World!";
}