BootstrapBlazor组件 Chart 图表介绍 通过给定数据,绘画各种图表的组件 本文主要介绍三种图表使用:折线图,柱状图,饼图 1.新建工程 新建工程b06chart,使用 nuget.org 进行 BootstrapBlazor 组件安装, Chart 库,字体. 将项目添加到解决方案中 dotnet new blazorserver -o b06chart dotnet add b06chart package BootstrapBlazor dotnet add b06char

原文链接:https://www.cnblogs.com/ysmc/p/16197223.html BootstrapBlazor 官网地址:https://www.blazor.zone Bootstrap Blazor 提供了一个快速创建项目的项目模板,安装方法可参考我这一篇文章:Bootstrap Blazor 使用模板创建项目 - 一事冇诚 - 博客园 (cnblogs.com) 模板项目默认启用 Tab 多标签模式,你可以在 MainLayout.razor 中将 UseTabSet

Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支持各种主流浏览器,已经在多个交付项目中使用.通过本套组件可以大大缩短开发周期,节约开发成本.目前已经开发.封装了 70 多个组件,欢迎有兴趣的同学试用. Gitee 开源地址为:https://gitee.com/LongbowEnterprise/BootstrapBlazor Github 开源地址为:https://github.com/ArgoZhang/BootstrapBlazor 在线演示网站:https:/

Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支持各种主流浏览器,已经在多个交付项目中使用.通过本套组件可以大大缩短开发周期,节约开发成本.目前已经开发.封装了 70 多个组件,欢迎有兴趣的同学试用. Gitee 开源地址为:https://gitee.com/LongbowEnterprise/BootstrapBlazor Github 开源地址为:https://github.com/ArgoZhang/BootstrapBlazor 在线演示网站:https:/

Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支持各种主流浏览器,已经在多个交付项目中使用.通过本套组件可以大大缩短开发周期,节约开发成本.目前已经开发.封装了 70 多个组件,欢迎有兴趣的同学试用. Gitee 开源地址为:https://gitee.com/LongbowEnterprise/BootstrapBlazor Github 开源地址为:https://github.com/ArgoZhang/BootstrapBlazor 在线演示网站:https:/

Bootstrap Blazor 是一款基于 Bootstrap 的 企业级 Blazor UI 组件库,目前内置近 90 个组件,欢迎大家尝试使用.本次更新全面升级支持 Bootstrap V5.6,内置 Bootstrap 样式框架也升级到了最新版 v5.1 发布时间 2021-8-12 V5.6.0 增加功能 !1709 feat(#I450PE): 'Tab' 组件增加指定索引 ActiveTab 重载方法 #I450PE !1708 feat(#I451B7): Switch 组件内置

原文链接:https://www.cnblogs.com/ysmc/p/16128206.html 很多小伙伴在使用 Bootstrap Blazor Table组件的时候,都会有这样的一个需求: 我怎么在代码中重新加载Table组件的数据? 然后小伙伴们都不约而同的想方设法去调用 OnQueryA

原文链接:https://www.cnblogs.com/ysmc/p/16133351.html 在 Bootstrap 中,栅格相信大家都很熟悉,简直就是布局神器啊,Bootstrap Blazor 组件库当然毫无意外地支持该功能,并且封装成了组件,使用更加方便,下面我们一起来看看吧! 首先,这是官网关于 Row 组件的文档链接:传送门 按照惯例,直接上代码! <div style="margin:10px"> <Row ItemsPerRow="Ite

原文链接:https://www.cnblogs.com/ysmc/p/16201153.html Bootstrap Blazor 官网地址:https://www.blazor.zone 有了解过 Bootstrap Blazor 组件库的,都应该知道 Table 组件是多么的强大,我在之前的文章中提过,可以通过实体属性特征智能生成 Table 组件所有常用的功能,让你的 razor 页面非常简洁,感兴趣的可以到我这一篇文章去看看:BootstrapBlazor 智能生成神器(一)AutoG

原文链接:https://www.cnblogs.com/ysmc/p/16223154.html Bootstrap Blazor 官方链接:https://www.blazor.zone/tables 上一篇文章说到 Table 组件的智能生成,有了自动生成,肯定会有自定义的. 一.指定生成列 除了可以在 AutoGenerateColumnAttribute 特性中指定每一列的行为外,我们可以手动在 Table 的 TableColumns 标签中自定义要展现的列与列具有的行为,在此之前,

今天我们来介绍一下 Bootstrap Blazor 中 Table 组件的虚拟滚动行,什么是虚拟滚动呢,我查到的解释是:只渲染可视区域的列表项,非可见区域的 完全不渲染,在滚动条滚动时动态更新列表项. 然后很明显,在实际应用中不可能实现"非可见区域的 完全不渲染",这样的体验效果太差了,下拉直接空白,所以一般会渲染3屏或者是3页数据,分别是当前页.上一页.下一页,当用户滚动到下一页的时候,将会自动加载再下一页,页面不会出现空白的情况,体验就非常爽了. 有一小部分帅气(漂亮)的小伙伴可

项目介绍 Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 使用 .NET 进行客户端 Web 开发可提供以下优势: 使用 C# 代替 JavaScript 来编写代码. 利用现有的 .NET 库生态系统. 在服务器和客户端之间共享应用逻辑. 受益于 .NET 的性能.

自微软去年发布blazor以来,我也一直关注着blazor的动态,从net core 3.1 到 net 5,从 server side 到 wasm client , 点点滴滴印证了 blazor 的成长. 也希望 blazor 能被更多的 neter 关注起来.(ps:本人入行一年不足,望大佬们轻喷) 言归正传,去年年末,最先入坑的基于elementUI 的 Blazor UI 吸引了众多 neter 们的目光,后来又引出了Bootstarp Blazor 的作者, 以及Ant Blazor

前言 / Introduction Blazor 是什么? Blazor 允许您使用 C# 而不是 JavaScript 构建交互式 Web UI. Blazor 应用由使用 C#.HTML 和 CSS 实现的可重用 Web UI 组件组成.客户端和服务器代码都用 C# 编写,允许您共享代码和库. 本文主要来给大家带来了 Blazor 相关的一些很棒的学习资源集合,强烈建议收藏. 常规 / General Blazor 开源地址 (⭐9086) https://github.com/dotnet

继上一篇<[推荐]大量 Blazor 学习资源(一)>之后,社区反应不错,但因个人原因导致这篇文章姗姗来迟,不过最终还是来了!这篇文章主要收集一些常用组件.书籍和电子书. 资料来源:https://github.com/AdrienTorris/awesome-blazor/ 并非完全翻译原文,会从所有资源里提取一些我认为好一点的资源,如有需要,从上面 Github 链接获取最新内容. 组件 / Components (推荐)Ant Design Blazor - 一套企业级的UI组件基于An

前言 很惭愧直到去年底才接触到Blazor.那什么是Blazor呢?相信大家都看过官方文档的详细说明,另外MASA团队也有不错的说明介绍 .用官方的话说Blazor是一个交互式客户端Web UI的框架,并且使用C#开发而不是JavaScript.好了言归正传,事情的起因是这样的,公司组织内部竞赛需要用Blazor做一个简单的网页.为了可以更好的做出效果就简单的尝试了几个开源组件. 开源组件选择 遇事不决先找官方Blazor 教程,跟着微软的教程会得到下面这个样子的页面. 嗯,还是挺清新的...估

在MVC中,我们经常使用区域(Area)来区分各个模块,比如后台我们可以写一个Admin的Area. 到了Blazor时代,已经不推荐这么做了,现在推荐的做法是通过Url来区分,比如Admin可以配置@page /Admin/Article,实现与原来Admin的Area差不多的用法. 但是有时候我们有需求在Blazor中使用Area.比如我的Jx.Cms,前台使用MVC,后台使用Blazor.由于两者相对独立,这里使用Area进行区分更加合适.这里我就借用Jx.Cms的代码来说一下如何创建一个

项目介绍 本次项目准备搭建一个使用Furion框架,Blazor的UI使用BootstrapBlazor.数据库ORM使用Freesql的后台管理系统. 目前的规划是实现简单的注册,登录.增加管理员跟普通用户两种权限,不会实现复杂的权限管理,但是也不准备用默认的那套,自己实现一个简单的架子把. 然后实现一下后台对用户的删除,禁用. 大概就这个逻辑,后面想写别的再说. 创建项目 创建项目我们不使用任何模板,直接建立官方模板的blazor项目来做,这样应该是最通用的. 首先我们建立一个Blazor

大家好,我是沙漠尽头的狼. .NET是免费,跨平台,开源,用于构建所有应用的开发人员平台. 本文演示如何在WPF中使用Blazor开发漂亮的UI,为客户端开发注入新活力. 注 要使WPF支持Blazor,.NET版本必须是 6.0 或更高版本,本文所有示例使用的.NET 7.0,版本要求见链接,截图看如下文字: 1. WPF默认程序 本文从创建WPF Hello World开发: 使用WPF模板创建一个默认程序,取名[WPFBlazorChat],项目组织结构如下: 运行项目,一个空白窗口: 接

原文地址:https://www.cnblogs.com/ysmc/p/13323242.html Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建丰富的交互式 UI(不能完全替代,现阶段还是离不开JavaScript,只是减少使用). 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,已支持众多浏览器,其中包括移动浏览器. 本文将使用基于Blazor的开源Blazor UI

原文地址:https://www.cnblogs.com/ysmc/p/15400270.html Bootstrap Blazor Project Template 为方便大家的使用,BootstrapBlazor UI 组件库作者专门制作了一个项目模板-Bootstrap Blazor for visual studio extensions,供使用者快速搭建项目,缩短开发时间. 开源地址:Github 传送门 . Gitee 传送门 演示文档链接:https://www.blazor.zo