您现在的位置是:首页 > Javascript
当前栏目
Blazor Bootstrap 组件库建立工程快速上手
2023-04-18 15:03:28 时间
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
文件中
删除 <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
并在下面添加两行
<link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet">
<link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet">
添加 Javascript 引用到 Pages/_Layout.cshtml
文件中
在 <script src="_framework/blazor.server.js"></script>
之前添加
<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js" asp-append-version="true"></script>
3.添加增加命名空间引用到 _Imports.razor
文件中
@using BootstrapBlazor.Components
4.增加 BootstrapBlazorRoot 组件到 App.razor 文件中
<BootstrapBlazorRoot>
<Router AppAssembly="@typeof(App).Assembly">
...
</Router>
</BootstrapBlazorRoot>
5.添加BootstrapBlazor服务到 Program.cs
文件中
在 builder.Services.AddSingleton<WeatherForecastService>();
后加入
builder.Services.AddBootstrapBlazor();
相关文章
- Vue环境安装
- [JavaScript]实例化对象
- [JavaScript]关于prototype继承
- 国产自研、安全、高可用——袋鼠云大数据基础平台EasyMR筑基企业数字化转型
- CSS 清除浮动
- 关于CSS、SCSS、Sass、html单页面使用scss
- Javascript全栈工程师养成攻略
- 记录--手把手教学,实现一个优雅的图片预览
- 【促进开发】上海道宁与DHTMLX为您提供易于使用且功能丰富的JavaScript组件
- Css 常用布局方式
- react的refs属性
- JavaScript 条件判断与比较运算
- Flink的API分层、架构与组件原理、并行度、任务执行计划、chain
- 【Photoshop】切图保存小坑(选择png格式得到gif问题)
- PDF划词翻译
- 分页查询总结
- JavaScript 中断 forEach 循环
- 使用 HBuilderX 轻松解决 CSS 代码在一行的问题
- node和npm如何升级版本
- element-UI button按钮颜色回显(一)