Blazorise

Blazorise是唯一独立于CSS框架的开发开发，仅使用C＃提供开发。它为包括自举，尾风和材料在内的各种框架提供了支持。

Blazorise作为商业产品，提供了包括高级支持在内的一系列订阅计划。当您选择商业许可证时，您将获得几个优势：

商业许可的好处是：

• 访问Blazorise主题。
• 访问Blazorise块。
• 通过Blazorise支持论坛提供的溢价支持。
• 专门的客户支持，迅速的响应时间为24或16小时。
• 优先修复和功能请求。

*某些功能可能是特定订阅层独有的。

Blazorise是一个开源项目，其正在进行的开发完全通过这些出色支持者的支持使其成为可能。

• 尾风演示
• Bootstrap 4演示
• Bootstrap 5演示
• 物质演示
• 布尔玛演示
• Antdesign Demo
• 流利的2个演示

• Bootstrap演示

有关完整的文档，使用代码示例和每个组件的详细说明，请访问Blazorise官方文档页面。

继续阅读下面的快速入门指南。

在继续之前，请确保已安装了最新版本的Visual Studio和.NET。访问官方的大火网站以了解更多信息。

目前，每个受支持的CSS框架都有6个不同的Nuget软件包。

可用的Blazorise包包括：

1. Blazorise .Tailwind
2. Blazorise .Bootstrap
3. Blazorise .Bootstrap5
4. Blazorise .Bulma
5. Blazorise .Material
6. Blazorise .AntDesign
7. Blazorise .FluentUI2

本指南将向您展示如何使用Bootstrap 5和Fontawesome 6个图标设置Blazorise 。要为其他CSS框架设置Blazorise ，请参考文档中的使用页面。

第一步是安装Bootstrap 5提供商以Blazorise ：

dotnet add package Blazorise .Bootstrap5

和Fontawesome图标包：

dotnet add package Blazorise .Icons.FontAwesome

将以下内容添加到index.html（Blazor WebAssembly）或_host.cshtml（Blazor Server）或app.razor（.net 8）中。

 < link href =" https://cdn.js**deli*vr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css " rel =" stylesheet " integrity =" sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH " crossorigin =" anonymous " >
< link href =" _content/ Blazorise .Icons.FontAwesome/v6/css/all.min.css " rel =" stylesheet " >

< link href =" _content/ Blazorise / Blazorise .css?v=1.8.0.0 " rel =" stylesheet " />
< link href =" _content/ Blazorise .Bootstrap5/ Blazorise .bootstrap5.css?v=1.8.0.0 " rel =" stylesheet " />

请注意，这些是Blazorise显式依赖关系，您仍然需要添加特定框架的依赖项。

一旦组件需要它， Blazorise加载它需要动态需要的任何其他JavaScript。这意味着Blazorise期望这些资源可用并相对于应用程序根。您可以使用app.usestaticfiles（）来配置此;而且它不需要您的其他任何其他配置。

如果您有任何困难，请参考以下问题：

• ＃3122
• ＃3150

我们还知道，如果您希望应用程序保持响应迅速，则可能需要额外的设置和离线功能。请检查我们的PWA文档以获取更多信息。

在您的主_imports.razor添加中：

 @using Blazorise

将以下几行添加到program.cs的相关部分。

 using Blazorise ;
using Blazorise . Bootstrap5 ;
using Blazorise . Icons . FontAwesome ; 

 builder . Services
  . Add Blazorise ( )
  . AddBootstrap5Providers ( )
  . AddFontAwesomeIcons ( ) ; 

 @page " /counter "

< Heading Size = " HeadingSize.Is1 " >CounterHeading >

< Paragraph >Current count: @currentCount Paragraph >

< Button Color = " Color.Primary " Clicked = " IncrementCount " >Click meButton >

@code {
    int currentCount = 0 ;

    void IncrementCount ()
    {
        currentCount ++ ;
    }
} 

我们定期发布开发Blazorise的开发版本。此版本可在Myget feed上找到。不建议将此版本用于生产使用，但这是测试最新功能，错误修复并在即将发布之前给我们一些反馈的好方法。

我们欢迎您可能提出的任何建议或功能请求。捐款要求您同意撰写贡献者许可协议（CLA），宣布您有权并实际上授予我们使用您的贡献的权利。一旦您在我们的存储库中提交勒布雷奎斯Quest后，这将被签署。有关我们的CLA的详细信息，请访问：贡献者许可协议。

有关我们的代码公约和准则，请访问：贡献指南