Blazor
Bootstrap Blazor新增时带入选择的行内容
1.需求 如上图所示，字典表中字典类型和字典类型描述是重复的，新建时需要重复录入很不方便，所以需要从新增时从选中行带入到新建的文本框中。 2.方案 1.使用@bind-SelectedRows绑定选中行对象，开发中DictionaryDto替换为实际实体。 <Table TItem="Diction ......
在Blazor中使用Chart.js
1. 在Blazor中使用Chart.js 首先，从Chart.js官方网站下载Chart.js库文件。 推荐下载这个构建好的版本https://cdnjs.com/libraries/Chart.js，最新版是v4.2.1 在Blazor项目中把刚刚下载好的Chart.js放到wwwroot目录下 ......
Blazor assembly 独立部署
一、新建Blazor assembly 客户端程序 assembly 部署分为独立部署和托管部署方式 二、发布 发布以后生成web.config和wwwroot 三、安装重写模块 下载地址，安装后重启网址 https://www.iis.net/downloads/microsoft/url-rew ......
如何使用Photino创建Blazor项目进行跨平台
Photino是什么 Photino是一组使用Web （HTML/CSS/JavaScript）UI创建桌面应用程序的技术。TryPhotino.io 维护 .NET 构建，并鼓励社区开发 Photino.Native 控件以用于其他语言和平台。我们鼓励并将支持Photino.CPP，Photino ......
MAUI Blazor 加载本地图片的解决方案
前言 为了解决MAUI Blazor无法加载本地图片，https://github.com/dotnet/maui/issues/2907，所以写了这篇文章。 有token大佬珠玉在前，https://www.cnblogs.com/hejiale010426/p/17073079.html ，以及 ......
【ASP.NET Core】在node.js上托管Blazor WebAssembly应用
由于 Blazor-WebAssembly 是在浏览器中运行的，通常不需要执行服务器代码，只要有个“窝”能托管并提供相关文件的下载即可。所以，当你有一个现成的 Blazor wasm 项目，没必要用其他语言重写，或者你不想用 ASP.NET Core 来托管（有些大材小用了），就可以试试用 node ......
学习ASP.NET Core Blazor编程系列三十——JWT登录（4）
JWT只是缩写，全称则是JSON Web Tokens，是目前流行的跨域认证解决方案，是基于开放标准RFC7519，提供一种身份认证与信息交换的解决方案，是一种基于JSON的用于在网络上声明某种主张的令牌（token）。今天的文章使用API接口来实现使用JWT登出功能。 ......
【ASP.NET Core】修改Blazor.Server的Hub地址后引发的问题
Blazor Server，即运行在服务器上的 Blazor 应用程序，它的优点是应用程序在首次运行时，客户端不需要下载运行时。但它的代码是在服务器上执行的，然后通过 SignalR 通信来更新客户端的 UI，所以它要求必须建立 Web Socket 连接。 用于 Blazor 应用的 Signal ......
NET 8 预览版 2 亮点是Blazor
.NET 团队在2023年3月14日发布了.NET 8预览版2，博客文章地址：https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-preview-2/， 亮点是了对Blazor的一些改进。Blazor 方面获得了一个高性能网格组件Qui ......
学习ASP.NET Core Blazor编程系列二十八——JWT登录（2）
JWT只是缩写，全称则是JSON Web Tokens，是目前流行的跨域认证解决方案，是基于开放标准RFC7519，提供一种身份认证与信息交换的解决方案，是一种基于JSON的用于在网络上声明某种主张的令牌（token）。
通俗地说，JWT的本质就是一个字符串，它是将用户信息保存到一个Js... ......
学习ASP.NET Core Blazor编程系列二十九——JWT登录（3）
JWT只是缩写，全称则是JSON Web Tokens，是目前流行的跨域认证解决方案，是基于开放标准RFC7519，提供一种身份认证与信息交换的解决方案，是一种基于JSON的用于在网络上声明某种主张的令牌（token）。今天的文章使用API接口来实现使用JWT登录功能。 ......
Blazor项目在VisualStudio调试时配置运行基础目录
最近在使用 Blazor 开发管理后台时遇到了如下的问题，我这里后台整体采用了 AntDesignBlazor 组件库，在上线之后发现ReuseTabs组件在使用过程中，如果默认 / 没有指定为项目的base href，打开标签页后，相互切换会导致url错误。 本地开发的时候项目是直接启动运行的，所 ......
.NET 8 预览版 1：NativeAOT 升级和新的Blazor United
.NET团队 今天在官方博客上 发布了.NET 8的第一个预览版，.NET 8 是一个长期支持 （LTS） 版本[1]，.NET 的版本包括产品、库、运行时和工具，是 Microsoft 内部和外部多个团队之间的协作。.NET 8 预览版和候选发布版本将每月交付一次，最终交付时间是今年的.NET 大 ......
实现简单的`Blazor`低代码
本篇博客只实现基本的低代码，比如新增组件，动态修改组件参数 创建项目 首先创建一个空的Blazor Server，并且命名LowCode.Web 实现我们还需要引用一个Blazor组件库，由于作者用Masa Blazor比较多所以使用Masa Blazor 安装Masa Blazor 将Masa B ......
Blazor 拖放上传文件转换格式并推送到浏览器下载
昨天有个小伙伴发了一个老外java编写的小工具给我,功能是转换西班牙邮局快递Coreeos express的单据格式成Amazon格式,他的需求是改一下程序为匹配转换另一个快递公司MRW格式到Amazon格式,然而我堂堂一个Blazor发烧友,怎么可能去反编译人家的java修改呢?必须直接撸一个Bl... ......
学习ASP.NET Core Blazor编程系列二十六——登录（5）
登录的本质原理同网页应用是一样的，一般的流程是：用户打开登页--》输入账号密码后提交表单--》服务端验证成功后生成cookie信息写入浏览器--》之后用户访问页面时浏览器会带上此cookie信息作为用户标识--》服务端解析此cookie信息就能识别这个用户了。
在webapi出现之后，... ......
学习ASP.NET Core Blazor编程系列二十七——JWT登录（1）
JWT只是缩写，全称则是JSON Web Tokens，是目前流行的跨域认证解决方案，是基于开放标准RFC7519，提供一种身份认证与信息交换的解决方案，是一种基于JSON的用于在网络上声明某种主张的令牌（token）。
由于http的连接是状态的特性，server端和client是不... ......
不用Blazor WebAssembly，开发在浏览器端编译和运行C#代码的网站
本文中，我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”，核心的技术就是用C#编写不依赖于Blazor框架的WebAssembly以及Roslyn技术。 一、 为什么要开发这样的工具？ 对于编程初学者来讲，开发环境的安装配置是一个令人头疼的事情，如果能让初学者不用做任 ......
Blazor Hybrid （Blazor混合开发）更好的读取本地图片
在 Blazor Hybrid 应用中，Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行，并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码，组件可通过 .NET 平台完全访问设备的本机功能。 Web Vi ......
Blazor嵌套传递
实现创建一个Blazor Server空的应用程序 创建一个Tab.razor 并且添加以下代码 <div> @Title </div> @code { [CascadingParameter] public string? Title { get; set; } } 修改Index.razor组件 ......
Blazor入门100天 : 身份验证和授权 (2) - 角色/组件/特性/过程逻辑
目录
1. **建立默认带身份验证 Blazor 程序**
2. 角色/组件/特性/过程逻辑
3. DB 改 Sqlite
4. 将自定义字段添加到用户表
5. 脚手架拉取IDS文件,本地化资源
6. freesql 生成实体类,freesql 管理ids数据表
7. 初始化 Roles,free... ......
Blazor入门100天 : 身份验证和授权 (6) - 使用 FreeSql orm 管理ids数据
目录
1. **建立默认带身份验证 Blazor 程序**
2. 角色/组件/特性/过程逻辑
3. DB 改 Sqlite
4. 将自定义字段添加到用户表
5. 脚手架拉取IDS文件,本地化资源
6. freesql 生成实体类,freesql 管理ids数据表
7. 初始化 Roles,free... ......
学习ASP.NET Core Blazor编程系列二十三——登录（2）
通过前面的ASP.NET Core Blazor编程系列文章为读者介绍了Blazor及组件的相关基础概念，以及我们已经实现了用Blazor实现对数据的增删改查这四大基本功能，通过这些功能的实现我们已经能用Blazor处理一些简单的实际问题，特别是企业内部信息管理系统的相关问题。 前面的ASP.NET... ......
学习ASP.NET Core Blazor编程系列二十四——登录（3）
虽然在上一篇文章(学习ASP.NET Core Blazor编程系列二十三——登录（2） )中我们制作出了登录页面，但那个登录页面，不符合我们平时使用的样式，需要进行修改，同时也没有实现登录验证。这一文章学习如何对Login.razor使用特有的布局组件，实现正常的登录样式，学习使用Authenti... ......
学习ASP.NET Core Blazor编程系列二十五——登录（4）
通过前面三篇文章的学习，我们虽然实现了登录功能，但那还不是我们希望的登录首页。
我们希望的登录功能，用户在登录图书租赁系统的时候，如果没有进行登录是无法看到任何功能菜单，并且页面一直显示登录页面。 ......
Maui Blazor 使用摄像头实现
Maui Blazor 使用摄像头实现 由于Maui Blazor中界面是由WebView渲染，所以再使用Android的摄像头时无法去获取，因为原生的摄像头需要绑定界面组件 所以我找到了其他的实现方式，通过WebView使用js调用设备摄像头 支持多平台兼容目前测试了Android 和PC 由于没 ......
Maui 读取外部文件显示到Blazor中
Maui 读取外部文件显示到Blazor中 首先在maui blazor中无法直接读取外部文件显示 ，但是可以通过base64去显示 但是由于base64太长可能影响界面卡顿 这个时候我们可以使用blob链接去加载外部图片 它不需要copy文件到wwwroot中 它会将byte转换一个url供bla ......
如何实现在react现有项目中嵌入Blazor？
如何实现在react现有项目中嵌入Blazor？ 目前官方只提供了angular和react俩种示例所以本教程只讲react教程 思路讲解： 首先在现有react项目中我们可能某些组件是在Blazor中完成，但是我们没办法找到怎么在react中轻量级使用blazor组件，可能会有人会使用iframe ......
Blazor如何实现类似于微信的Tab切换？
是否有小伙伴在使用tab的时候想进行滑动切换Tab？ 并且有滑动左出左进，右出右进的效果 ，本文将讲解怎么在Blazor中去通过滑动切换Tab 本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架，这个并不影响实际的运行效果，本文案例是兼容PC和Android的，演示效果是and ......