Blazor是一个Web框架，允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分，称为“Razor Components”。
如何在 Blazor WebApp 8 中配置静态文件 mimetypes
在 Blazor 服务器端 .net 7 应用程序中，如果您需要处理某些特定的静态文件类型（例如 Outlook .msg 或将被视为应用程序/八位字节流的文件），则必须配置...
当我显示 MudBlazor 表时，它最初看起来像这样： 在代码中，我预加载了一个空行，因此当我单击“结果”下的行下方的底部区域时，它会展开并且...
如何获取 MAUI Blazor Hybrid 中的上一页并导航到该页面？
我目前正在使用 MAUI Blazor 开发一个应用程序。在我的一个页面上，我有一个后退按钮，因为导航栏隐藏在该页面上，并试图迎合没有后退的平台，但是......
我创建了一个 blazor 页面来测试熟练程度。 想象一个打字程序。 但有时，学生会碰撞鼠标或触控板，导致编辑框失去焦点，从而使测试无效。 我……
Sweet Alert 2 js 库，具有来自 blazor 服务器的 Interop
我有一个 blazor 服务器应用程序，我想在其中使用 sweetalert2 方法，我想使用 js interop 来完成它，而不是通过 nuget sweetalert 包。下面是我的代码 应用剃刀 我有一个 blazor 服务器应用程序，我想在其中使用 sweetalert2 方法，我想使用 js interop 来完成它，而不是通过 nuget sweetalert 包。下面是我的代码 App.razor <body> <Routes @rendermode=RenderMode.InteractiveServer /> <script src="bootstrap/jquery.min.js"></script> <script src="bootstrap/bootstrap.bundle.min.js"></script> <script src="sweetalert2/sweetalert2.all.min.js"></script> <script src="js/app.js"></script> <script src="_framework/blazor.web.js"></script> </body> 在 _framework/blazor.web.js 之前包含 sweetalert2.all.min.js 在函数上单击 C# 代码 private void CallJs() { Js.InvokeVoidAsync("Swal.fire", args: "Some message to display"); } 这应该调用最简单的甜蜜警报形式，如下所示 Swal.fire("SweetAlert2 is working!"); 但是上面不起作用 我尝试使用另一个具有正常警报的文件作为 function sayHello(name) { alert(`Hello ${name}`); } 在c#中 private void CallJs() { Js.InvokeVoidAsync("sayHello", args: "Bob"); } 上面的方法可以工作，但是当与 sweetalert、bootstrap 这样的库一起使用 js 互操作时......它不起作用，如何在这里正确调用 sweetlaert 方法？ 我正在使用.net 8.0 网络参考作品 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css" rel="stylesheet">
我正在尝试在类中使用变量并在 MudItem 中使用列宽。 来源是数据库记录。目标是使页面动态化，源自数据库。以下行
我正在尝试修改任何 Blazor 项目附带的标准布局，例如WASM 或服务器，但我对顶行 px-4 css 类有点困惑。 这是似乎定义了 t 的 HTML...
请注意，虽然这与这个问题密切相关，但答案特定于一个已知的模型属性，而我希望它适用于任何属性，因此该组件可以重复使用...
网站可以在 Safari 中运行，但不能在 Xcode 中运行 WKWebView
我正在使用 Swift 为 iOS 构建一个非常简单的应用程序。我正在运行 Xcode 13，这是适用于 Mac Big Sur 的最新版本。它只是使用 WKWebView 来加载我的网站。我的网站在
在我的具有自动渲染模式的 .NET 8 Blazor Web 应用程序中，到目前为止我一直在使用服务器渲染。在尝试 WASM 时，我注意到我不能只注入服务器服务实例。这是因为它使用自己的
如何在 Blazor 自动模式下使 wwwroot/images 成为 Web 程序集的一部分？
我正在使用新的 .NET 8 Web App 模板，它创建一个主服务器项目和一个客户端 WASM 项目。 对于客户端 WASM 项目，在与
Teams（和 Blazor）开发新手，被使用 Teams Toolkit 的一个看似简单的问题所困扰。 我们有两个 Razor 页面（即在项目中的“Pages”文件夹下 - 与任何 asp.net 一样......
我正在开发blazor服务器软件，现在我已经完成了服务器的数据库部分。现在有创建新用户、删除用户、修改用户、验证用户等功能...
我正在为我的一个项目使用 blazor 服务器端，这对我来说是个新项目。我被困在第一个屏幕，即登录屏幕。 下面是我的剃刀组件 html 我正在为我的一个项目使用 blazor 服务器端，这对我来说是个新项目。我被困在第一个屏幕，即登录屏幕。 下面是我的razor组件html <div class="row vh-100 align-items-center justify-content-center"> <div class="col-sm-8 col-md-6 col-lg-4 bg-white rounded p-4 shadow"> <div class="row justify-content-center mb-4"> <img src="Images/AQuity.png" class="w-50 h-50" /> </div> <form> <div class="mb-4"> <label for="email" style="text-align:left" class="form-label label-left w-100">Email Address</label> <input type="email" class="form-control form-control-sm" id="email" @bind=@_credential.Email /> </div> <div class="mb-4"> <label for="password" style="text-align:left" class="form-label label-left w-100">Password</label> <input type="password" class="form-control form-control-sm" id="password" @bind=@_credential.Password /> </div> <button class="btn btn-warning btn-sm w-100" @onclick=Authenticate>Login</button> </form> <p class="mb-0 mt-2 text-center">Forgot Password? <a href="#" class="text-decoration-none">Reset Now!</a></p> @if (!_result.Success) { <p class="text-danger">@msg</p> } </div> 我的部分类背后的代码 public partial class Login { [Inject] protected IAuthenticateService _authenticateService { get; set; } [Inject] protected NavigationManager Navigation { get; set; } = default!; private Credential _credential { get; set; } = new Credential(); private ResultSet _result { get; set; } = new ResultSet(); public string msg = string.Empty; private void Authenticate() { _result = _authenticateService.Authenticate(_credential); if (_result.Success) { Navigation.NavigateTo(""); } else { msg = "new error !"; this.StateHasChanged(); } } } 按以下方法 private void Authenticate() { _result = _authenticateService.Authenticate(_credential); if (_result.Success) { Navigation.NavigateTo(""); } else { msg = "new error !"; this.StateHasChanged(); } } 在 else 块中，如果 _result.Success 为 false，它将在 msg 字段中包含错误消息 并且设置为在 html 部分显示为 @if (!_result.Success) { <p class="text-danger">@msg</p> } 但即使在调用 this.StateHasChanged(); 之后，该组件不会重新渲染。 如何在 Blazor 中实现这一点？登录失败时在组件上显示消息 这是 .net 8.0 上的服务器端 blazor 根据您提供的信息，我无法重现您的问题。 我已经给你代码并生成了一个简单的MRE： @page "/" <h3>Test</h3> <button class="btn btn-warning" @onclick=Authenticate>Login</button> @if (!_result.Success) { <div class="alert alert-danger m-3">@msg</div> } @code { [Inject] protected NavigationManager Navigation { get; set; } = default!; private string msg = string.Empty; private Result _result = new(true); private Task Authenticate() { _result = new(false); if (_result.Success) Navigation.NavigateTo("/Counter"); else msg = "new error !"; return Task.CompletedTask; } public record Result(bool Success); } 单击按钮，您将得到：
我正在尝试以编程方式设置活动选项卡，但我无法让它工作，这是选项卡定义 这是我的 C# 代码
我开始使用 Blazor 开发 Web 应用程序。 我在一个问题上有点挣扎，这个问题似乎与我缺乏 blazor 做事方式的知识有关。 我有两个文件： @页&quo...
.NET 8 Blazor Interactive WebAssembly HttpClient 和身份问题
这就是我创建项目的方式 到目前为止我有： 向项目添加了角色，他们正在研究 FE 和 BE，例如我已将特定用户添加到角色，并且如果
在 blazor 的默认 <article>@Body</article> 中显示网格，填充并滚动整个 <article> 区域
在 Blazor 应用程序中，我想显示一个填充整个网格的网格 @身体 区域。 我尝试过一些变体 在 Blazor 应用程序中，我想显示一个填充整个网格的网格 <article> @身体 </article>区域。 我尝试了一些变体 <container> <row> <col> <grid> </col> </row> </container> 但是网格（在本例中为 Radzen 或 DevExpress）永远不会完全填充整个区域。 示例： <div class="container p-0 m-0 pe-0 me-0" style="width:100%"> <div class="row" style="width:100%"> <div class="col-xxl12" style="width:100%"> <RadzenDataGrid .../> </div> </div> </div> 这是我在检查渲染页面上的文章元素时看到的内容（注意网格左侧的空白区域）： 注意<container>不填<article> 我还尝试使用 <container-fluid> 标签，这确实会导致网格显示，但滚动条会显示整个浏览器页面，而不仅仅是 <article> 标签内的区域，这不是所需的行为。 <div class="container-fluid"> <div class="row"> <div class="col"> <RadzenDataGrid .../> </div> </div> </div> 注意整个浏览器中的滚动条： CSS 对我来说还是有点新，我相当有信心通过使用一些 CSS 功夫可以实现预期的结果。 如果您使用标准模板，填充来自两个地方： MainLayout.razor.css - 第 74 行。 .top-row, article { padding-left: 2rem !important; padding-right: 1.5rem !important; 如果将其删除，则将直接在article上设置填充： MainLayout.razor - 第 13 行。 <article class="content px-4"> @Body </article> 您需要在两个地方进行必要的调整。 请注意媒体宽度，因为 MainLayout.razor.css 样式仅适用于 @media (min-width: 641px)。 就我个人而言，我会为您想要删除填充的页面使用不同的布局。
有任何资源可以帮助我配置 Blazor WASM 项目中的功能吗？ 我知道 Microsoft 的软件包：Microsoft.FeatureManagement.AspNetCore 和 微软.功能管理。 我有