Blazor是一个Web框架,允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分,称为“Razor Components”。
Blazor WebAssembly 部署到 Github 页面不支持自定义域
我正在尝试使用 Blazor WebAssembly 并将页面部署到 github 页面。一切工作正常,但一旦我切换到自定义域(dns 已完成并工作),页面就会向我显示 blazor“An
当我提交表单并执行方法时出现此错误: 我在顶部使用了依赖注入: @inject NavigationManager 导航管理器 顺便说一句,如果我在方法名称前加上前缀...
Blazor WebAssembly 部署到 Github 页面不起作用
将简单的 Blazor WebAssembly .NET8.0(登陆站点)部署到 Github 页面不起作用。示例项目可以在这里找到:https://github.com/vcarlucci/Hiptoken 部署(gitup 操作)...
MAUI Blazor Hybrid 未加载 Windows 的简单启动模板
我正在尝试使用 Visual Studio 2022 设置一个全新的项目,使用 MAUI Blazor 混合应用程序和 Web 应用程序的模板。 它在一个解决方案中创建了 3 个项目: 一个Web项目(服务器端渲染...
.NET 6 会话上的 Blazor 服务器应用程序中类型的错误转换对象
我正在使用 Entity Framework Core 验证数据库中的用户和密码,但是当我尝试使用多态性声明 varauthenticationExt 时,因为该类继承自
我正在使用 BlazorStrap 导航栏。当显示屏宽度减小时,会显示切换按钮。 问题是现在单击它不会打开菜单。 我创建了一个 Blazor 服务器应用程序
我正在将静态 Blazor SSR 项目与 Google ReCAPTCHA Enterprise 结合使用。 ReCAPTCHA 使用复选框。实现方式是将以下脚本添加到页面,如下例所示: ...
是否有人能够在 Azure 托管的 Blazor 9 中捕获客户端 IP 地址以供组件使用? 这个问题已经被问了好几年了,但对于以前的 Blazor 版本来说;恕我直言,没有
如何实现异步 ValidationAttribute.IsValid()
我有一个用例,当用户在表单中输入电子邮件时,我需要验证它的唯一性。这是为了注册为新用户,我们应用程序中的每个用户电子邮件都必须是唯一的。 呼吁要做...
如何在运行时在 Blazor WebAssembly 客户端应用程序中使用 Azure 应用程序设置作为 appsettings.json 配置?
我正在开发 Blazor WebAssembly 客户端/服务器项目(目录结构如上) 在客户端和服务器项目中都有一些应用程序设置。 这些项目托管在 Azure 中。 问题...
我确实在设置 cookie 时遇到问题。我在 Azure Functions 上运行一个小型应用程序,并以静态网页作为前端,并且在登录请求时,我的函数正确地在
我正在编写我的第一个 ASP.NET Blazor 应用程序。我正在尝试显示数据库中表中的数据。这是该表的定义: 公共部分类条目 { [关键,专栏(“视频
我有一个 .NET 8 Blazor Server 应用程序,配置为使用 Microsoft Identity 平台进行身份验证。 该应用程序在 SQL Server 数据库中拥有自己的用户表,用于存储用户信息...
Blazor 一键 onclick 事件执行 C# 和 JS 函数
我有一个按钮,它执行一个JS函数: JavaScript 还有一个按钮,例如...
是否可以在 DOM 事件中混合 Javascript 和 C# 代码?
我正在尝试在 Blazor WebAssembly 中实现下一个目标;我需要能够侦听组件中的事件,并使用 Javscript 和 C# 代码,如下所示: 我正在尝试在 Blazor WebAssembly 中实现下一个目标;我需要能够侦听组件中的事件,并使用 Javscript 和 C# 代码,如下所示: <button onclick="console.log('Showing event from Js: ' + event); @Test()">Test</button> @code { public void Test() { JSRuntime.InvokeVoidAsync("console.log", "Showing log from C#"); } } 第一个问题是我收到错误“无法将类型 void 隐式转换为对象”,因此如果我更改 Test 方法签名只是为了返回一个对象 public object Test() { JSRuntime.InvokeVoidAsync("console.log", "Showing log from C#"); return null; } 应用程序编译,但一旦页面加载,“Test()”函数就会自动执行,如果我单击按钮,它只会执行 Javascript 代码,而不是两段代码。 我知道我应该在 Blazor 中处理事件,在事件名称前添加“@”符号,以便调用 C# 方法,并使用互操作执行 Javascript 代码,但这样,我就无法使用默认的 Javascript“事件”我需要使用它,而不是 Blazor“事件”版本。 提前致谢! 只能有1个onclick属性,所以要么从JS调用C##方法,要么从C#调用JS代码。在这两种情况下,您都需要互操作,但不支持以您尝试的方式组合它。 “Test()”函数自动执行 是的,在onclick="... @Test()"中,它是在页面呈现时执行的,而不是在单击按钮时执行的。 您可以通过 3 种不同的方式为一个 DOM 事件同时触发 C# 和 javascript 处理程序。 1。依赖事件冒泡 将按钮包裹在 div 或 span 中。将 javascript onclick 放在包含的 div 或 span 上,并将 C# onclick 放在按钮上。 <div onclick="console.log('Showing event from Js: ' + event)> <button @onclick="Test">Test</button> </div> 除了鼠标事件和大多数按键事件之外,DOM 还会冒泡选择、更改和其他一些事件 2。使用事件监听器 您可以通过像往常一样将 C# 放置为内联属性,但将 javascript 添加为事件侦听器,让 JS 和 C# 触发同一个 DOM 事件。 例如在 App.razor 或 _Host.cshtml <body> 的底部 <script src="_framework/blazor.web.js"></script> <script> document.addEventListener("click", function(e){ if (e.target.id !== "testButton")return console.log("You clicked ", e.target.innerText) }) 您可能需要查找“如何将事件侦听器添加到动态生成的元素。” 3.使用“足够好”的备用活动 内联,具有不同程度的正确性,有时您可以使用“备用”JavaScript 事件,其中几个事件几乎同时在同一元素上触发: <input @onchanged="Test" onblur="javascript:…" /> <input @oninput="Test" onkeyup="javascript:…" /> <select @onchanged="Test" oninput="javascript:…">...</select> <select @bind="Test" oninput="javascript:…">...</select> <button @onclick="Test" onmouseup="javascript:…">...</button>
我正在使用 Blazor 技术进行项目。有时我需要使用一些 JS 代码,并且我需要在每个页面中包含不同的 js 文件,据我所知,唯一的方法是使用...添加它
有没有办法在 Blazor Wasm 组件中使用 Interop 调用 window.onload
我正在尝试创建一个使用 Moneris 托管支付解决方案的应用程序 - 基本上实现一个需要在加载时在窗口上注册事件的 iframe。它有 postmessage api,它...
如何使用客户端应用程序中的访问令牌从 Blazor WASM 托管解决方案中的服务器应用程序调用 MS Graph API?
客户端 FE 应用程序 (Blazor WASM) 登录用户,然后将访问令牌传递到服务器 BE 应用程序 (ASP.NET Core Web API)。现在,我想以某种方式将 Graph 客户端添加到 DI 包含中...
在 MudBlazor DataGrid 中,如何使用内联编辑并使用 TemplateColumn?
我正在使用 MudBlazor DataGrid 以及使用 TemplateColumn 自定义颜色的单元格。我想使用 EditMode="DataGridEditMode.Cell" 进行内联编辑,但是当我这样做时,我会丢失
如何为 ChildContent RenderFragment 声明数组
我写了2个组件: MyLine.剃刀 MyTable.razor 以下是我想要使用该组件的方式: 这里是...