blazor

Bootstrap Blazor 组件库 Row 布局组件(栅格系统)

原文链接:https://www.cnblogs.com/ysmc/p/16133351.html 在 Bootstrap 中,栅格相信大家都很熟悉,简直就是布局神器啊,Bootstrap Blazor 组件库当然毫无意外地支持该功能,并且封装成了组件,使用更加方便,下面我们一起来看看吧! 首先,这 ... »

Blazor 使用拖放(drag and drop)上传文件

在很多上传文件的应用实例中, 都可以看到[拖放文件到此上传]这种骚功能 ,今天我们就来试试Blazor能不能完成这个想法. 简述HTML5拖放 拖放是HTML5标准的一部分,任何元素都能够拖放,也能够将本地的文件拖放到页面上。 设置元素可拖放 为了使元素可拖动,把 draggable 属性设置为 t ... »

Bootstrap Blazor Table 组件(二)

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

Blazor 生命周期

执行周期 1. SetParametersAsync 2. OnInitializedAsync(调用两次) 和 OnInitialized; 3. OnParametersSetAsync 或 OnParametersSet; 4. OnAfterRenderAsync 和 OnAfterRend ... »

Blazor 发布WebAssembly使用Brotli 压缩提升初次加载速度

使用Brotli提高网站访问速度 在优化网站打开速度上,我们有很多的方法,而其中一个就是减少诸如Javascript和CSS等资源文件的大小,而减少文件大小的方法除了在代码上下功夫外,最常用的方法就是使用压缩算法对文件进行压缩。 目前,网站普遍使用的是gzip压缩算法,但是最近两年新兴了一个新的压缩 ... »

densen2014

Blazor 在开发环境保存机密(User Secrets)

前言 在应用程序开发的过程中,有的时候需要在代码中保存一些机密的信息,比如微信appkey, 连接字符串,加密密钥,字符串,或者是用户名密码等。通常的做法是保存到一个配置文件中,例如 appsettings.json, 以之前文章"Blazor组件自做五: 使用JS隔离封装Google地图" 为例 ... »

Masa Blazor in Blazor Day

2022年第一场Blazor中文社区的开发者分享活动,我们的团队也全程参与其中,在议程中,也分享了我们团队的Blazor 管理后台模板,针对于Blazor,先科普一波,避免有些朋友不了解,Blazor是微软推出的基于.NET的前端技术。利用现有的.NET生态,受于.NET的性能,可靠性和安全性,不仅 ... »

MASA C#

Blazor技术开发了一个访客管理系统

简单介绍一下系统功能 该系统为了在疫情期间能很好管理访客登记做好风险管控,同时可以整合智能设备做到自动确认并跟踪访客的行动轨迹,该项目完全开源。 系统流程 访客可以同通过手机进行预注册,同时上传照片,行程码,健康码,或是核酸检查报告等信息 企业内部人员审批上传的照片和信息 进门或闸机进行人脸识别和记 ... »

Blazor 国际化多语言界面 (I18nText )

在实际使用中,我们经常会遇到需要把程序界面多种语言切换,适应不同地区使用者的需求,本文介绍一个我初学Blazor接触到的库,边撸边讲解. 包名: Toolbelt.Blazor.I18nText https://github.com/jsakamoto/Toolbelt.Blazor.I18nTex ... »

densen2014 Blazor

BootstrapBlazor 使用模板创建项目

原文连接:https://www.cnblogs.com/ysmc/p/16101157.html BootstrapBlazor 官网地址:https://www.blazor.zone BootstrapBlazor 提供了一个项目模板,以便大家快速创建项目,废话不多说; 下载模板 首先到微软插 ... »

BootstrapBlazor-Table

原文地址: https://www.cnblogs.com/ysmc/p/16097712.html 官网地址:https://www.blazor.zone Table 表格 用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。 Table 组件已经支持移动端适配,当屏幕小于 ... »

BootstrapBlazor-ValidateForm 表单验证组件

原文链接:https://www.cnblogs.com/ysmc/p/16082279.html 故名思意,这个组件的作用我就不再多说了,配合 AutoGenerateColumnAttribute 特性食用更佳,BootstrapBlazor 智能生成神器(一)AutoGenerateColum ... »

体验了一把最近很火的开源项目-MASA Blazor

前言 很惭愧直到去年底才接触到Blazor。那什么是Blazor呢?相信大家都看过官方文档的详细说明,另外MASA团队也有不错的说明介绍 。用官方的话说Blazor是一个交互式客户端Web UI的框架,并且使用C#开发而不是JavaScript。好了言归正传,事情的起因是这样的,公司组织内部竞赛需要 ... »

wade24

MASA Blazor入门这一篇就够了

1.什么是Blazor? 有什么优势? ASP.NET Core Blazor 简介 Blazor 是一个使用 Blazor 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 U ... »