Blazor Bootstrap 组件库建立工程快速上手


1.新建工程

新建工程bb001

dotnet new blazorserver -o bb001

将项目添加到解决方案中:

dotnet sln add bb001/bb001.csproj

使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql sqlite库,字体 ..

dotnet add b03sqlite package BootstrapBlazor
dotnet add b03sqlite package BootstrapBlazor.FontAwesome

2.样式表和Javascript 引用

增加主题样式表到 Pages/_Layout.cshtml 文件中

删除

并在下面添加两行



添加 Javascript 引用到 Pages/_Layout.cshtml 文件中

之前添加


3.添加增加命名空间引用到 _Imports.razor 文件中

@using BootstrapBlazor.Components

4.增加 BootstrapBlazorRoot 组件到 App.razor 文件中


    
        ...
    

5.添加BootstrapBlazor服务到 Program.cs 文件中

builder.Services.AddSingleton(); 后加入

builder.Services.AddBootstrapBlazor();