- 2024-02-08BootstrapBlazor 模板适配移动设备使用笔记
项目模板BootstrapBlazorApp模板为了方便大家利用这套组件快速搭建项目,作者制作了项目模板(ProjectTemplates),使用dotnetnew命令行模式,使用步骤如下:安装项目模板dotnetnewinstallBootstrap.Blazor.Templates::8.0.1创建工程dotnetnewbbapp官网教程https:
- 2024-02-06.NET中使用BootstrapBlazor组件库Table实操篇
前言Table表格在后台管理应用中使用的是相当频繁的,因此找一个功能齐全的前端框架对于我们而言是非常必要的,因为封装完善的前端框架能够大大提升我们的工作对接效率。今天我们主要来讲解一下在.NET中使用BootstrapBlazor组件库的Table表格组件(本章使用的数据都是程序自动生成的模
- 2023-10-28BootstrapBlazor组件库,Table组件导出数据到剪切板
BootstrapBlazor组件库,Table组件导出数据到剪切板解决方案使用ClipboardService将Table数据导出到剪切板中,并且可以直接粘贴到Excel。这里我直接采用ExportButtonDropdownTemplate添加了2个新的导出选项,一个是导出当前页,一个是导出所有页。Razor代码<TableTItem="Foo"
- 2023-10-26BootstrapBlazor组件库,Clipboard剪切板服务
BootstrapBlazor组件库,Clipboard剪切板服务组件介绍本Blazor组件依赖于BootstrapBlazor组件库。使用该组件之前需要先安装BootstrapBlazor组件库。可以通过nuget命令行安装dotnetaddpackageBootstrapBlazor--version7.x或者双击项目名称直接添加ItemGroup<ItemGroup
- 2023-10-07BootstrapBlazor组件库,Marquee文字滚动组件
BootstrapBlazor组件库,Marquee文字滚动组件介绍本Blazor组件依赖于BootstrapBlazor组件库。使用该组件之前需要先安装BootstrapBlazor组件库。可以通过nuget命令行安装dotnetaddpackageBootstrapBlazor--version7.x或者双击项目名称直接添加ItemGroup<ItemGroup>
- 2023-09-23BootstrapBlazor组件库,NET8.0使用教程
BootstrapBlazor组件库,NET8.0使用教程BootstrapBlazor组件库官网https://www.blazor.zone/componentsBootstrapBlazor组件库github仓库地址https://github.com/dotnetcore/BootstrapBlazorBootstrapBlazor组件库gitee仓库地址https://gitee.com/LongbowEnterprise/Bootstrap
- 2023-09-23BootstrapBlazor组件库,Table组件外部导出数据
BootstrapBlazor组件库,Table组件导出选中行数据问题描述有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么通过外部按钮来导出数据。解决方案通过@ref当前表格对象来获取数据,然后进行导出操作。Razor代码<Buttonclass="mb-2"Text="导出Table数据"
- 2023-09-22BootstrapBlazor组件库,Table组件导出选中行数据
BootstrapBlazor组件库,Table组件导出选中行数据问题描述有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么导出选中的行数据。解决方案通过SelectedRows来导出选中的行数据。Razor代码<TableTItem="Foo"IsPagination="true"PageItemsSource="Pag
- 2023-09-21BootstrapBlazor.Splitting 加载动画组件
BootstrapBlazor.Splitting加载动画组件介绍本Blazor组件依赖于BootstrapBlazor组件库开发,底层由Splitting.js和gsap.js实现。使用该组件库之前需要先安装BootstrapBlazor.Splitting组件独立包。可以通过nuget命令行安装NuGet\Install-PackageBootstrapBlazor.Splitting-V
- 2023-08-11BootstrapBlazor组件库,组件方法的表达式传参
BootstrapBlazor组件库,组件方法的表达式传参有时候我们在循环中创建组件的时候,可能想把item的值也一并传入组件的方法事件中去处理,有很多小伙伴就不知道如何去调用事件了。下面是一段实例代码,通过循环遍历来创建图片,并且创建一个删除图片的按钮,这个按钮的OnConfirm方法需要把图
- 2023-08-06BootstrapBlazor调用浏览器全局事件
BootstrapBlazor组件库调用浏览器全局事件有时候blazor开发的时候可能会使用一些浏览器的全局事件,但是blazor默认没有提供相关的方法去调用,只能通过js。BootstrapBlazor组件库为我们提供了封装好的方法可以很方便的去调用。[Inject][NotNull]privateIJSRuntimeEventHandler?
- 2023-08-06BootstrapBlazor组件库更优雅的调用js方法
BootstrapBlazor组件库更优雅的调用js方法在blazor开发中,有时候需要去调用js代码来处理一些逻辑。使用BootstrapBlazor组件库自带的JSModuleAutoLoader特性可以帮助我们更加方便、简洁的去调用js下面我们用Live2DDisplay这个组件为例我们首先在razor文件中继承接口@inheritsB
- 2023-08-05BootstrapBlazor组件库,Menu组件NavLinkMatch导致的多个菜单项被被同时选中
BootstrapBlazor组件库,Menu组件NavLinkMatch导致的多个菜单项被被同时选中BootstrapBlazor版本更新到7.9.0后,Menu组件出现首页同时被选中的情况默认首页/路径是选中状态,但是当选中其他路径后,首页路径还是选中状态。这是因为在BootstrapBlazor组件最新版中支持了一个新特性。可
- 2023-07-11BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘
BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘效果如图这里主要用到了BootstrapBlazor组件库的Live2D插件,本插件基于pixi-live2d-display,并且支持所有版本的Live2D模型。使用时只需要在nuget安装BootstrapBlazor.Live2DDisplay组件包,在MainLaout.razor中,添
- 2023-06-21ABP与BootstrapBlazor 本地化相关处理
最近研究ABP与BootstrapBlazor搭配使用。但涉及到本地化文件格式,及处理上,两者不同。但各有千秋。同CRUD下:ABP是有创建、修改、查询、显示等多个模型。但是BootstrapBlazor只需一个模型就能处理所有。BootstrapBlazor很多组件是根据模型自动解析生成编辑组件。也只适配自己的本
- 2023-05-20启动Study.BlazorOne项目
由于Study.Trade模块的Blazor是基于国内著名的BootstrapBlazor组件,因此Study.BlazorOne项目也必须添加对BootstrapBlazor的支持。#1、去BootstrapBlazor的官网#2、根据官方网站,就是3个步骤1)在Blazor项目添加2个包2)修改_Host.cshtml文件,引用css和js3)在Program.cs中增加一行代码#
- 2023-05-03BootstrapBlazor组件保姆级教程
BootstrapBlazor组件库保姆级使用教程BootstrapBlazor组件库官网https://www.blazor.zone/componentsBootstrapBlazor组件库github仓库地址https://github.com/dotnetcore/BootstrapBlazorBootstrapBlazor组件库gitee仓库地址https://gitee.com/LongbowEnterprise/Bootstra
- 2023-01-04MAUI Blazor学习4-绘制BootstrapBlazor.Chart图表
MAUIBlazor学习4-绘制BootstrapBlazor.Chart图表 MAUIBlazor系列目录MAUIBlazor学习1-移动客户端Shell布局-SunnyTrudeau-博客园(cnblogs.com)MAUIBlazor学
- 2022-12-09国内开源真的太难了遇到关键字被其他商业开源购买问题
前言随着开源项目的火遍大江南北,越来越多的公司勇于、敢于使用网上免费、收费的开源项目到自己的产品中。但是目前国内的开源环境还是有待提高的。本人今天上午遇到一件事
- 2022-09-04Jx.Cms开发笔记(七)-升级BootstrapBlazor到6.9.x
由于BootstrapBlazor升级到6.9以后的升级还是非常大的,比如图标库升级到了6.1.2,bs升级到了5.2.0。所以这里记录一下升级过程。升级BootstrapBlazor主程序直接升级BootstarpB