BootstrapBlazor组件⼊门
Bootstrap Blazor 是⼀套企业级 UI 组件库，适配移动端⽀持各种主流浏览器，已经在多个交付项⽬中使⽤。通过本套组件可以⼤⼤缩短开发周期，节约开发成本。⽬前已经开发、封装了 70 多个组件，欢迎有兴趣的同学试⽤。
Gitee 开源地址为：
Github 开源地址为：
在线演⽰⽹站：
安装指南
安装 dotnet SDK
安装 Visual Studio 2019 v16.8+
项⽬模板
1. 安装模板
dotnet new -i Bootstrap.Blazor.Templates::*
2. 使⽤项⽬模板创建新项⽬
dotnet new bbapp
bbapp是 BootstrapBlazor App 的缩写
3. 卸载项⽬模板
dotnet new -u Bootstrap.Blazor.Templates
现有项⽬中集成 BootstrapBlazor
1. 从 获取 BootstrapBlazor 包
dotnet add package BootstrapBlazor
2. 添加样式⽂件与脚本到项⽬⽂件中Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)
HTML
<!DOCTYPE html>
<html lang="en">
<head>
. . .
<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">
</head>
<body>
. . .
<script src="_framework/blazor.server.js"></script>
<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
为什么使用bootstrap?</body>
</html>
3. 注册服务~/Startup.cs
C#
namespace BootstrapBlazorAppName
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
//more code may be present here
services.AddBootstrapBlazor();
}
//more code may be present here
}
}
Visual Studio 插件
安装 Visual Studio 插件
安装包
使⽤教程
1. 下载安装包
2. 解压缩安装包
3. 安装 vsix 插件
双击BootstrapBlazor.UITemplate.vsix⽂件，请保证Visual Studio IDE以及相关进程均关闭，此安装包安装过程可能很慢，请耐⼼等待特别注意
如果长时间⽆响应，请查看任务管理器中是否有或者进程，如果有请⼿动结束
4. 打开Visual Studio 2019
5. 选中Server或者WebAssembly⼯程直接运⾏F5
6. 项⽬中按照⾃⼰需求更改页⾯

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。