大麻的组件
Blazorise是唯一独立于CSS框架的开发开发，仅使用C＃提供开发。它为包括自举，尾风和材料在内的各种框架提供了支持。
商业用法
Blazorise作为商业产品，提供了包括高级支持在内的一系列订阅计划。当您选择商业许可证时，您将获得几个优势：
商业许可的好处是：
- 访问Blazorise主题。
- 访问Blazorise块。
- 通过Blazorise支持论坛提供的溢价支持。
- 专门的客户支持，迅速的响应时间为24或16小时。
- 优先修复和功能请求。
*某些功能可能是特定订阅层独有的。
支持Blazorise
Blazorise是一个开源项目，其正在进行的开发完全通过这些出色支持者的支持使其成为可能。
特别合作伙伴
演示
大火WebAssembly
- 尾风演示
- Bootstrap 4演示
- Bootstrap 5演示
- 物质演示
- 布尔玛演示
- Antdesign Demo
- 流利的2个演示
Blazor服务器
- Bootstrap演示
文档
有关完整的文档，使用代码示例和每个组件的详细说明，请访问Blazorise官方文档页面。
继续阅读下面的快速入门指南。
安装
先决条件
在继续之前，请确保已安装了最新版本的Visual Studio和.NET。访问官方的大火网站以了解更多信息。
可用的软件包
目前，每个受支持的CSS框架都有6个不同的Nuget软件包。
可用的Blazorise包包括：
Blazorise.Tailwind
2. Blazorise .Bootstrap
3. Blazorise .Bootstrap5
4. Blazorise .Bulma
5. Blazorise .Material
6. Blazorise .AntDesign
7. Blazorise .FluentUI2\”>
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 ，请参考文档中的使用页面。
1。Nuget软件包
第一步是安装Bootstrap 5提供商以Blazorise ：
dotnet add package Blazorise .Bootstrap5
和Fontawesome图标包：
dotnet add package Blazorise .Icons.FontAwesome
2。源文件
将以下内容添加到index.html（Blazor WebAssembly）或_host.cshtml（Blazor Server）或app.razor（.net 8）中。
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\” />\”>
< 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显式依赖关系，您仍然需要添加特定框架的依赖项。
2.1 JavaScript资源
一旦组件需要它， Blazorise加载它需要动态需要的任何其他JavaScript。这意味着Blazorise期望这些资源可用并相对于应用程序根。您可以使用app.usestaticfiles（）来配置此;而且它不需要您的其他任何其他配置。
如果您有任何困难，请参考以下问题：
- ＃3122
- ＃3150
我们还知道，如果您希望应用程序保持响应迅速，则可能需要额外的设置和离线功能。请检查我们的PWA文档以获取更多信息。
3。使用
在您的主_imports.razor添加中：
@using Blazorise
4。注册
将以下几行添加到program.cs的相关部分。
Blazorise;
using Blazorise .Bootstrap5;
using Blazorise .Icons.FontAwesome;\”>
using Blazorise ; using Blazorise . Bootstrap5 ; using Blazorise . Icons . FontAwesome ;
Blazorise()
.AddBootstrap5Providers()
.AddFontAwesomeIcons();\”>
builder . Services . Add Blazorise ( ) . AddBootstrap5Providers ( ) . AddFontAwesomeIcons ( ) ;
用法
@page \" /counter \" < Heading Size = \" HeadingSize.Is1 \" >Counter</ Heading > < Paragraph >Current count: @currentCount </ Paragraph > < Button Color = \" Color.Primary \" Clicked = \" IncrementCount \" >Click me</ Button > @code { int currentCount = 0 ; void IncrementCount () { currentCount ++ ; } }
开发版本
我们定期发布开发Blazorise的开发版本。此版本可在Myget feed上找到。不建议将此版本用于生产使用，但这是测试最新功能，错误修复并在即将发布之前给我们一些反馈的好方法。
贡献
我们欢迎您可能提出的任何建议或功能请求。捐款要求您同意撰写贡献者许可协议（CLA），宣布您有权并实际上授予我们使用您的贡献的权利。一旦您在我们的存储库中提交勒布雷奎斯Quest后，这将被签署。有关我们的CLA的详细信息，请访问：贡献者许可协议。
有关我们的代码公约和准则，请访问：贡献指南
