Angular 项目不适用于@babylonjs/viewer
我在全球安装了@Angular/[email protected]。我使用命令行“ng new BabylonTest --routing false --style css --skip-git --skip-tests”创建了一个 Angular 项目。 CD 到文件夹“Babyl...
如何覆盖symfony2核心FrameworkBundle?
我正在尝试覆盖位于供应商/symfony/symfony/src/Symfony/Bundle/FrameworkBundle/Routing/Router.php的Symfony2路由器 我已经按照本教程创建了自己的捆绑包并注册...
在哪里可以找到 Blazor 服务器应用程序的 Console.WriteLine 输出?
我有Blazor组件库,我需要调试它。该库可在 Blazor WASM 和 Blazor 服务器端应用程序中使用。出于调试目的,我做了一些控制台输出: Console.WriteLine("哎呀...
我开始使用 Blazor 开发 Web 应用程序。 我在一个问题上有点挣扎,这个问题似乎与我缺乏 blazor 做事方式的知识有关。 我有两个文件: @页&quo...
我需要将 Blazor 组件的实例更改为 RenderFragment。我能够通过使用反射来实现它: 公共静态 RenderFragment CreateRenderFragmentFromInstance(此 IComponent
net8 Blazor Web 应用程序中出现 AmbigeousMatchException
我在客户端 Blazor Web 应用程序中遇到 AmbigouslyMatchException 错误。错误消息显示“请求与多个端点匹配。匹配:后备 {*path:nonfile}”。我...
Blazor 使用 typescript 并导入 Three.js
我正在开发一个 Blazor WASM 应用程序,其中使用 Microsoft.TypeScript.MSBuild nuget 包,以便对所有相关的 javascript 代码使用 typescript。 但当涉及到进口...
我对如何优化典型数据驱动的 Blazor 组件的渲染感到困惑。考虑以下简化组件(部分): 公共分部类 FooComponent: ComponentBase { [注射...
Servicestack 与 Blazor Razor 类库集成
我正在尝试将 ServiceStack 中的新 .net 8 Blazor 服务器模板集成到引用所有 UI 资产所在的 Razor 类库的项目中。 一旦我复制了剃刀......
为什么 @rendermode InteractiveAuto 在 .NET 8.0 Blazor 中不起作用?
我使用以下设置创建了一个 Blazor Web 应用程序项目。 当我启动时,尽管 Counter.razor 组件包含 @rendermode InteractiveAuto,但 Counter 页面不会下载 WASM 和
如何在我的 Blazor 服务器 razor 页面中使用 JavaScript;提交表单时更改 blazor bootstrap 按钮的样式
我的项目是 Blazor 服务器应用程序。我想要实现的功能是,如果我的验证失败(如果我的输入中没有任何内容),我希望我的手风琴标题更改为红色......
我有一个 Blazor 服务器端应用程序,试图了解其结构。在 MainLayout.razor 页面中,我看到标签 @Body,这是渲染每个页面内容的位置。 我想知道,是吗
我正在使用 Blazor Bootstrap 并尝试在提交表单后更新页面。该表单只是创建一个数据库条目并返回 true 或 false。该页面正在使用禁用的选项卡...
如何在 Blazor 的 RenderMode.Auto 中正确分发文件?
我正在处理 Blazor 项目并为我的组件使用 RenderMode.Auto。据我了解,这种模式最初是在服务器端渲染组件,然后切换到客户端渲染...
初始化 .NET 8 Blazor Web 应用程序中的角色
我正在尝试初始化 Blazor 应用程序的角色。这是我的服务,如果角色不存在,应该创建角色: 使用 Microsoft.AspNetCore.Identity; 命名空间 FoodApp.Services { 公开课
Blazor、.NET 8 MapRazorComponents 后备
我们正在将 Blazor Server 应用程序迁移到 .NET 8。 之前,我们在 _Host.cshtml 中使用了自定义路由器来解析未通过 @page 定义的路由(基于约定的路由,类似于 MVC)。在...
taiwlind JavaScript 无法在 blazor .net8 中使用 @rendermode InteractiveWebAssembly 执行
我最近配置了一个具有自动渲染模式的 Blazor 项目,并结合了 Tailwind CSS。然而,在 Razor 页面中使用需要 flowbite.min.js 的组件时,我遇到了挑战...
Blazor net8.0 和 EPPlus 7.06 工作表位置超出范围
我正在尝试在 net8.0 和最新版本的 EPPlus (7.0.6) 下使用 Blazor 服务器读取现有电子表格。我尝试阅读的电子表格有一(一)个工作表。当我检查
我有 Blazor 页面,我想在其中创建一个待办事项列表,该列表会在按下按钮或用户按 Enter 时更新。我想要“输入”和按钮执行相同的操作(添加...
我正在开发 Blazor 服务器端,它从 API 获取所有数据;与 SQL Server 的唯一连接是对各个用户帐户使用身份验证。 它在开发中工作正常...
Blazor(服务器端).NET 6 中的 InputFile 组件出现问题
我创建了简单的 Blazor 组件用于图片预览和上传。 InputFile 组件被隐藏,标签用作打开选择文件对话框的按钮。 选择文件/图像后我想显示...
我们正在使用 .NET 7 Blazor 客户端以 C# 开发应用程序。我们正在使用名为 Adyen 的外部支付系统及其直接支付组件。它已加载到其中一个页面...
AspNetCore DataProtection 破坏 Blazor 应用程序中的 OIDC 登录
我已经安装了 Duende Identity Server,它可以与 WebAPI 和 React 应用程序一起正常工作。 我正在尝试制作一个 Blazor 应用程序。 服务器端是这样设置的 建设者.服务.
我是同步融合 Blazor 的新手。目前我正在使用blazor的sfgrid制作一个数据显示表。我不知道如何创建垂直 sfgrid 结构,有人可以指导我吗?如果是的话,将不胜感激...
我正在研究是否可以通过工具的帮助或以尽可能有效的方式将 WPF 应用程序迁移到 Blazor Hybrid。我需要迁移的应用程序是一个较旧的 WPF 应用程序,它...
如何在 .NET 8.0 Blazor 客户端项目中安全地验证 API?
我正在使用 .NET 8.0 中的新 Blazor 模板项目,并希望创建一个将从服务器渲染切换到 WASM 渲染的组件。该组件需要调用需要tok的外部API...
Blazor 与 .NET 8:将交互式组件添加到服务器项目时出现错误
当我使用 .NET 8 创建新的 Blazor 解决方案并启用 WebAssembly 时,我得到两个项目:客户端和服务器。 我可以添加组件 @rendermodeInteractiveAuto 到 CLI 的 Pages/ 文件夹...
我决定通过创建挪威夏季的公路旅行地图来开始学习 Leaflet 和 JavaScript,这是我的项目的可重复示例: 我决定通过创建挪威夏季的公路旅行地图来开始学习 Leaflet 和 JavaScript,这是我的项目的可重复示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/> <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script> <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.css" /> <script src="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js"></script> <style> body { margin: 0; } #map { width: 100%; height: 100vh; } .carousel { max-width: 300px; margin: 10px auto; } .carousel img { width: 100%; height: auto; } /* Custom styling for Geiranger popup content */ .geiranger-popup-content { max-width: 500px; padding: 20px; } </style> </head> <body> <div id="map"></div> <script> var map = L.map('map').setView([61.9241, 6.7527], 6); var streetViewMarker = null; // Variable to keep track of the Street View marker L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); var roadTripCoordinates = [ [59.9139, 10.7522], // Oslo [62.2622, 10.7654], // Tynset [62.5949, 9.6926], // Oppdal [63.0071, 7.2058], // Atlantic Road [62.1040, 7.2054] // Geiranger ]; // Function to initialize Slick Carousel for a specific marker function initSlickCarousel(markerId, images) { $(`#${markerId}_carousel`).slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: true }); // Add images to the carousel images.forEach(img => { $(`#${markerId}_carousel`).slick('slickAdd', `<div><img src="${img}" alt="Image"></div>`); }); } // Add markers for each destination with additional information and multiple pictures var destinations = [ { coordinates: [59.9139, 10.7522], name: 'Oslo', info: "../07/2023 : Start of the road-trip", images: ['https://www.ecologie.gouv.fr/sites/default/files/styles/standard/public/Oslo%2C%20Norvege_AdobeStock_221885853.jpeg?itok=13d8oQbU', 'https://via.placeholder.com/300', 'https://via.placeholder.com/300'] }, { coordinates: [62.2622, 10.7654], name: 'Tynset', info: "../07/2023 : Fly-fishing spot 1", images: ['https://www.czechnymph.com/data/web/gallery/fisheries/norway/glommahein/Kvennan_Fly_Fishing_20.jpg', 'https://via.placeholder.com/300', 'https://via.placeholder.com/300'] }, { coordinates: [62.5949, 9.6926], name: 'Oppdal', info: "../07/2023 : Awesome van spot for the night", images: ['https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSFRtpLlHWr8j6S2jNStnq6_Z9qBe0jWuFH8Q&usqp=CAU', 'https://via.placeholder.com/300', 'https://via.placeholder.com/300'] }, { coordinates: [63.0071, 7.2058], name: 'Atlantic Road', info: "../07/2023 : Fjord fishing", images: ['https://images.locationscout.net/2021/04/atlantic-ocean-road-norway.jpg?h=1100&q=83', 'https://via.placeholder.com/300', 'https://via.placeholder.com/300'] }, { coordinates: [62.1040, 7.2054], name: 'Geiranger', info: "../07/2023 : Hiking 1", images: ['https://www.fjordtours.com/media/10968/nicola_montaldo-instagram-26th-may-2021-0717-utc.jpeg?anchor=center&mode=crop&width=1120&height=1120&rnd=133209254300000000&slimmage=True', 'https://via.placeholder.com/300', 'https://via.placeholder.com/300'] } ]; // Use Leaflet Routing Machine with Mapbox Routing plugin to get and display the route L.Routing.control({ waypoints: roadTripCoordinates.map(coord => L.latLng(coord[0], coord[1])), router: L.Routing.mapbox('MAP_BOX_KEY'), draggableWaypoints: false, addWaypoints: false, lineOptions: { styles: [{ color: 'brown', opacity: 0.7, weight: 2 }] } }).addTo(map); // Remove the leaflet-routing-container from the DOM var routingContainer = document.querySelector('.leaflet-routing-container'); if (routingContainer) { routingContainer.parentNode.removeChild(routingContainer); } destinations.forEach(function (destination) { var marker = L.marker(destination.coordinates).addTo(map); var markerId = destination.name.replace(' ', '_'); marker.bindPopup(` <b>${destination.name}</b><br> ${destination.info}<br> <div class="carousel" id="${markerId}_carousel"></div> `).on('popupopen', function () { // Initialize Slick Carousel when the marker popup is opened initSlickCarousel(markerId, destination.images); }).openPopup(); }); // Add Street View panorama on map click map.on('click', function (e) { if (streetViewMarker) { // Remove the existing Street View marker map.removeLayer(streetViewMarker); } let lat = e.latlng.lat.toPrecision(8); let lon = e.latlng.lng.toPrecision(8); streetViewMarker = L.marker([lat, lon]).addTo(map) .bindPopup(`<a href="http://maps.google.com/maps?q=&layer=c&cbll=${lat},${lon}&cbp=11,0,0,0,0" target="blank"><b> Cliquer ici pour avoir un aperçu de la zone ! </b></a>`).openPopup(); }); </script> </body> </html> 一切都按预期进行,我不得不说我对渲染非常满意。然而,通过查看 Stackoverflow 上的不同主题,我发现可以通过单击地图来显示 Google 街景视图。这个功能真的很酷,但我想限制仅在我的公路旅行行程中添加街景标记的选项。 有人可以帮我吗? 您通过创建挪威夏季公路旅行地图开始了学习 Leaflet 和 JavaScript 的旅程,真是太棒了。到目前为止,您的项目设置看起来不错,我很乐意在您的进展过程中提供指导或帮助。 既然您已经包含了 Leaflet、Slick Carousel 和 Leaflet Routing Machine 库,看来您正计划使用 Slick Carousel 创建一个带有路线的交互式地图,也许还有一些附加功能。 以下是一些增强您的项目的建议: 地图初始化: 使用初始视图和要显示的任何特定标记或图层设置您的传单地图。 路由功能: 利用 Leaflet Routing Machine 将动态路线添加到您的地图。您可以自定义路线、添加航点并提供逐向指示。 照片轮播: 既然您提到了公路旅行地图,请考虑集成 Slick Carousel 来展示旅途中关键地点的照片或描述。这可以为您的地图添加视觉上吸引人的元素。 地图控制: 探索 Leaflet 插件或内置控件以增强用户体验。例如,您可以添加缩放控件或比例尺。 响应式设计: 确保您的地图能够响应不同的设备。 Leaflet 通常适合移动设备,但如果需要的话进行测试和调整是一个很好的做法。 数据层: 如果您有与您的公路旅行相关的特定数据点或事件,您可以使用标记或其他视觉元素在地图上表示它们。 JavaScript 交互性: 使用 JavaScript 为地图添加交互性。对于 ㅤ 实例,当用户单击标记时,您可以创建包含附加信息的弹出窗口。 记得迭代测试你的项目,并参考每个库的文档以获取详细的使用说明。 如果您有具体问题或在此过程中遇到挑战,请随时提问。祝您的公路旅行地图项目好运!
Blazor 中的 CsvHelper 将 »¿ 插入到文件的第一行第一列
我正在 .net 8 中使用 Blazor 服务器。我正在尝试保存 csv 文件并使用 CsvHelper 来执行此操作。问题在于第一个条目中添加了其他字符。 我的 razor.cs 文件位于...
每次新访问网页时强制注销已登录 Blazor Web Server 站点的用户
如果这是一个愚蠢的问题,我很抱歉,最重要的是我的英语不好。我仍然每天学习一点 Blazor Web 服务器,在一件事上我有点挣扎,不知道我是否...
.NET 8.0 升级导致 WinForms 中的 Blazor Hybrid 在 ClickOnce 发布后在开发路径中寻找 wwwroot 文件
我遇到了 Blazor 混合应用程序的问题,该应用程序托管在 Windows 窗体表单中。当我将项目升级到.NET 8.0 后,这个问题就出现了。具体来说,ClickOnce 发布...
Radzen Blazor DropDown 来自外部 API 的动态数据
我从外部 API 获取数据,代码如下所示(这部分很好): @代码 { IEnumerable> 数据; 整数计数; bool 正在加载;
NavigationManager.NavigateTo 不导航
我有一个问题,NavigationManager.NavigateTo 在某种情况下无法导航。 要重现此问题,您可以创建一个新的 Blazor Web 应用程序并添加新页面: @页面“/测试” @
我有两个具有接口的服务。我需要将一个注入另一个。 以下是我在 Program.cs 中注册它们的方法: builder.Services.AddSingleton(); 建设者。
我一直在尝试使用 Blazor WASM 来访问大多数 GPU 支持的硬件加速功能,但运气不佳。 我搜索了 Stack Overflow 但没有找到太多相关的
您好,我创建了一个具有模型和增强属性的 EditForm,当通过 OnValidSubmit="Submit" 提交到服务器时,断点在 Visual Studio 中工作,但 ViewModel 的 IFormFile 字段是...
SignalR 无法使用 docker compose/container 连接
我在 docker 上建立 SignalR 连接时遇到问题(IIS 运行良好)。 主要目标是运行 docker compose 并将数据从 nodeRed 容器发送到 webApp (.net core 3.1 Blazor) 并通过 v...
我有一个带有按钮的页面,该按钮调用异步 webapi,然后导航到另一个页面。然而,尽管代码运行没有错误,但它不会转到新页面。相反,当前...
我使用 MediatR 编写了一个简单的 API,并附有我在网上找到的示例。它有一个 GET 和一个 POST。 API 获取: 命名空间 API.Features.My.Queries; [路线(“api/mydata/{myid}”)] 公开
如何在我的 Blazor 服务器应用程序项目上使用 jspdf?
我希望能够使用 jsPDF 将数据从 ReportDetails.razor 页面导出到 PDF。但是,我收到一个错误,指出 jspdf 未定义。这是我使用下面的 exportPDF 的代码:
.net 8 Blazor Web assembly 中复杂模型的表单绑定
我有一个复杂的模型,我想在表单中发布,但它没有被绑定。只有第一层有数据。 Model.Items 和后续的 item.Items 不会被绑定。组件是相互作用的...
Blazor8 Web 应用程序 - 从 [授权] API 端点抛出 403
我有一个 blazor 8 Web 应用程序(“新”样式)。我还想在那里托管一些 API 端点,因此提供了一个示例最小 API: 公共静态类 SampleApi { 公共静态无效
研究新的.NET8 Blazor Web 应用程序。如何将 .js 添加到 .razor 页面?
应该很简单,但是我真的找不到将.js添加到项目中的方法。 我使用如下简单代码创建了一个 .razor 页面: @页面“/文本” @rendermodeInteractiveAuto @inj...
在 DI 容器中注册两个或多个 IDbConnection 连接
我正在使用 .net6、blazor 服务器,并且正在努力在我的 program.cs 中注册 IDbConnection 的两个不同实例。 我对大多数连接使用实体框架核心并使用上下文因素...
.NET 8 Blazor 服务器 Web 应用程序:使用不同的样式库
我希望Web应用程序中有两个不同的页面使用不同的样式库,例如一个使用Bootstrap 3,另一个使用Bootstrap 5 在 .NET 7 中,_host 有两种不同的实现。
从我的 Asp.Net Core Blazor 网站以编程方式添加 Azure APIM 用户和订阅
我想从我的网站而不是 Azure 门户添加 Azure APIM 用户和订阅。 并想在我的网站中显示订阅密钥... 有没有任何图书馆或可用的东西??? ...
从 .net MVC 中的 javascript 访问 C# Web 程序集
我需要从MVC、NET(不是blazor)中的javascript访问一些c#代码。 我有以下内容。这是针对 .NET 和 MVC 堆栈的特定问题,而不是像 stack overf 中的另一个问题那样的通用 ajax 问题...
在 Blazor .NET 8 中,我在哪里加载和存储用户详细信息?
在 ASP.NET MVC 中,我处理了 session_start 事件来加载用户详细信息并将其存储在会话变量中,因此我不必在每次页面加载时查询数据库。 我正在尝试弄清楚如何...
我正在开发一个预订应用程序,并且有一个日历,其中的日期布置为按钮,因此当用户单击所需的入住或退房日期时,它会自动填充我的模型。 我的追求...
“未处理的异常:无法在 .NET Core 6.0 中配置 HTTPS 端点
嗨,我将简要解释一下我想要做什么。所以基本上我有一个 blazor 项目,我发布并将其放在一个文件夹中,该项目未托管在 IIS 中,因为该项目运行一些专业版...