Blazor是一个Web框架,允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分,称为“Razor Components”。
无法实例化实现类型“Microsoft.Extensions.Hosting.IHostEnvironment”
我有一个 Blazor 服务器端应用程序已升级到最新版本的 NET8。启动应用程序时,我收到以下异常: 无法实例化实现类型“Microsoft.Extensions.Hos...
如何将 Facebook Open Graph 放入 Razor 组件而不是 ASP.NET Core 8 Blazor 中的 APP.Razor
我想根据剃刀页面将打开的图表放在下面 - 我们怎样才能做到这一点? 我想根据剃刀页面放置下面的开放图 - 我们怎样才能做到这一点? <meta property="og:url" content=""> <meta property="og:title" content=""> <meta property="og:description""> <meta property="og:image" content=""> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="600"> 我测试了它,但是当你在 Razor 页面中放置如下代码的 headoutlead 时,它在 Facebook 上不起作用,因为它不是第一次渲染: <HeadContent> <meta property="og:url" content=""> <meta property="og:title" content=""> <meta property="og:description""> <meta property="og:image" content=""> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="600"> </HeadContent> 要将内容加载到 Razor 页面中的标签中,您可以通过使用 content 或 <head> 属性传递动态值,在页面的 ViewData 部分中设置 Model 属性。 在您的 _Layout.cshtml 页面中,将 Open Graph 标签直接放置在 <head> 部分中,以确保它们在页面加载时静态呈现。 <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>@ViewData["Title"]</title> <meta property="og:url" content="@ViewData["Url"]" /> <meta property="og:title" content="@ViewData["Title"]" /> <meta property="og:description" content="@ViewData["Description"]" /> <meta property="og:image" content="@ViewData["ImageUrl"]" /> <meta property="og:image:type" content="image/png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="600" /> @RenderSection("Styles", required: false) </head> <body> <div class="container"> @RenderBody() </div> </body> 在像 Index.cshtml 这样的 Razor 页面中,使用 ViewData 字典定义开放图谱标签的值,这允许您将动态内容传递到布局。 @page @model IndexModel @{ ViewData["Title"] = "Your Page Title"; ViewData["Url"] = "https://yourwebsite.com"; ViewData["Description"] = "This is the description for your page."; ViewData["ImageUrl"] = "https://yourwebsite.com/image.png"; } <h1>Welcome to the page</h1>
在 Blazor Webassemble 中传递查询字符串的首选方法是什么?例如,我可以传递整数 ID,但这很容易更改。或者我不使用查询字符串并使用 protectedSessionS...
为什么在 Blazor .net 8 中的 EditForm 上绑定模型时对象属性为空?
我正在 .NET 8 上的 Blazor 新托管模式下开发 Blazor Web 应用程序,其中我尝试将产品模型绑定到 EditForm,在 OnInitializedAsync() 方法中初始化模型,但是当表单为
MAUI iOS 发布 - 发布中的修剪过于激进,有解决方法吗?
描述 我面临着一个正在努力解决的问题。我的 MAUI Blazor 混合应用程序实现了 JavaScript 库 Leaflet 的 Blazor 包装器,用于 Blazor 中的交互式地图。一切正常,我们...
如何在 Visual Studio Blazor Wasm 应用程序调试期间停止 Chrome 缓存
我正在使用一个小型 Blazor Wasm 应用程序来学习 Web 编程。 特别是带有 AspNetCore v3.2.0 和 Chrome v83.0.4103.116 的 Visual Studio Community 2019 v16.6.2。 有时我会改变...
将 Blazor 组件集成到 Razor 页面 (*.cshtml) - 事件
我想在 razor 页面 (*.cshtml) 的 EventCallBack 中实现 Blator 组件。目前该组件已显示,我可以单击组件内的按钮并做出正确的反应...
我想将 Blazor 组件的逻辑保留在代码隐藏文件(即 .razor.cs)中,并且仅在 .razor 文件中包含 UI 标记。为了实现这一目标,我创建了一个基类 (CustomBasePage)
我创建了一些代码来删除在输入框中键入的所有字母。当我输入一个字母时,它会从 UI 和变量中删除,但是当我再次输入一个字母时,它不会出现
我浏览了 Blazor @key 用法的文档。但我不确定它在其中未提及的一种特定情况下是否能正常工作。 如果在 Page.razor 中使用以下代码而不是以下代码,会发生什么情况: 我浏览了 Blazor @key 用法的 docs。但我不确定它在其中未提及的一种特定情况下是否能正常工作。 如果代替 Page.razor 中的这段代码会发生什么: <div> @foreach (var person in people) { <Details @key="person" Person="@person" /> } </div> 我会将 @key 放置在 Details 组件本身内部。所以对于 Details.razor 它看起来像: <div @key=@Person> @* The rest of the component UI *@ </div> @code{ [Parameter] public required Person Person { get; set; } } 因为这样当我在多个页面中循环这个组件时,我不必总是在 foreach 中指定 @key 参数。但 Blazor 是否将其视为相同/不同范围? 我认为没有办法做到这一点。正如文档所说,@key应该添加到同一级别,例如 <div @key=person1> <div @key=person2> ... 但是当你把它放在子组件中时。你实际上把它们包裹起来: <Details> <div @key=person1> </Details> <Details> <div @key=person2> </Details> @key范围由每个“细节”隔离,因此不会按您的预期工作。文件里还提到了 “使用@key时避免以下模式......”
Blazor Server 如何在开箱即用的开发中使用 SingalR?
我注意到,在本地开发环境中工作时,Blazor Server 中的交互性无需额外配置即可开箱即用。 据我了解,交互性取决于...
为什么 Blazor Web 应用程序身份验证类型为身份,不包括 UseAuthorization 或 UseAuthentication 中间件
我创建了一个 Blazor Web 应用程序 (.NET 8) 并将身份验证类型选择为“个人身份验证”。这为我搭建了所有用户管理页面并为我提供了 EF ...
EventCallBack 无法与组件上的 @rendermode.InteractiveServer 一起使用
EventCallBack 无法与组件上的 @rendermode.InteractiveServer 一起使用。 OnClick.InvokeAsync() 被调用但不执行。不会调用父回调。 如果@rendermode
当 Radzen 组件生成随机 id 时,如何使用 bUnit 为 Blazor 编写单元测试?
我在 Blazor 项目中使用 Radzen,并且决定学习使用 bUnit 编写测试。然而,我遇到了困难。 有时,随机 id 会分配给 Radzen 生成的元素
我有一个 RadzenLink,我希望它在单击时运行特定的方法。我这样做是这样的: 我有一个 RadzenLink,我希望它在单击时运行特定的方法。我这样做是这样的: <RadzenLink Path=@OnReset Style="margin-bottom: 20px; margin-top: 20px;" Text="Reset" /> OnReset 是: protected void OnReset() { nameFirst = string.Empty; nameLast = string.Empty; } 我在 @OnReset 的 Path 属性上收到错误,内容如下: 无法将方法组转换为字符串 那么我如何提供一个方法来RadzenLink? 扩展布莱恩的评论以下内容对我有用: 剃须刀文件: <NavLink @onclick="@(args => OpenCustomerEditDialog())">Bill To:</NavLink> .razor.cs 文件 private async Task OpenCustomerEditDialog() { // Do stuff }
在 Visual Studio 中创建 Blazor 应用程序作为可重用应用程序模板
我的目标是使用针对我们的业务模型进行标准化的“完整模板”创建 Blazor 应用程序。这样我们创建的所有应用程序的外观和感觉都是一致的。这包括...
在 Blazor WebAssembly 中包含 appsettings.override.json 文件时遇到困难
Blazor 客户端的Program.cs var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.Configuration.AddJsonFile("appsettings.override.json", 可选: false, reloadOnChange: false...
在 Blazor 中,我可以全局有条件地将用户重新路由到页面吗?
我想做的与内置授权类似。在我们的应用程序中,我们的用户必须在加载(几乎)任何页面之前选择“foo”的值。 如果未选择 foo,他们应该...
使用 Program.cs 中的 OpenId 修改 Blazor 应用程序中的身份验证选项
我有一个 Blazor 应用程序配置为使用 OpenId 进行身份验证(在本例中为 Auth0)。在我的 Program.cs 中我有这个: var auth0Domain = builder.Configuration["Auth0:Domain"]; var auth0ClientId =
我刚刚开始使用 blazer,尝试用 wasm 编写一个网页。我在包含第 3 方 javascript 库时遇到了麻烦(看起来它们运行了两次),我已经简化了...