首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Blazor-路由模板(上)

Blazor 的路由模板是定义应用中不同页面或组件访问路径的一种方式。通过路由模板,你可以管理应用程序的导航结构,支持基本路由、参数路由、子路由和区域路由等功能。...@attribute 设置路由模板 除了使用@Page来设置路由模板,我们还可以使用@attribute来设置路由模板 组件编译后,实际上是将@page 指令使用RouteAttribute 特性替代的...因此,我们也可以在组件中直接使用 RouteAttribute 特性指定路由模板。...两种方式在性能上是一致的没有区别 使用的方法如下: @attribute [Route("路由模板")] 下面我们使用@Page和@attribute,以下的两种写法是等效的 @page "/demoPage..." @attribute [Route("/demoPage")] 常量路由模板 @attribute [Route(UrlTemplate)] demoPage 路由参数:@

3200
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Visual Studio 中的 Blazor WebAssembly 与Blazor Server 项目模板区别

    在 Visual Studio 中,有两种主要的 Blazor 项目模板:Blazor WebAssembly 和 Blazor Server。...这两种模板都可以用于构建现代化的、交互性强的 Web 应用程序,但它们在实现方式和使用场景上存在一些区别。首先,让我们来了解一下 Blazor WebAssembly。...另一方面,Blazor Server 模板则采取了不同的方法。...从使用场景角度来看,在选择合适项目模板时需要考虑你希望达到什么目标。如果你希望构建一个独立运行、功能丰富且完全脱机可访问的应用程序,则 Blazor WebAssembly 是一个很好的选择。...总结起来,在 Visual Studio 中选择合适项目模板时,请考虑以下几点:- 如果想要构建独立、功能丰富、脱机可访问应用,则选择 Blazer WebAssembly。

    66810

    Blazor 中的路由和路由模板

    目前所有 Web 开发框架都具有路由组件,Blazor 也不例外。在本文中,我将探讨 Blazor 路由引擎的实现和编程接口。 路由引擎 Blazor 路由引擎是在客户端运行的组件。...路由模板 路由是将 URL 与已知 URL 模式列表绑定在一起的过程。在 Blazor 中,URL 模式或路由模板被收集在路由表中。...该表通过查看使用 Route 属性修饰的 Blazor 应用程序的组件进行填充。每个组件的路径都将成为受支持的路由模板。 目前,开发人员只有一种方法可以控制可访问的组件的路由路径:@page 指令。...总之,每个 Blazor 组件都必须通过 @page 指令指定其路由模板才能访问。Blazor 组件由 .cshtml 文件组成,该文件被编译为实现 IComponent 接口的 C# 类。...此外还可以通过编程方式触发 Blazor 路由器。若要通过 Blazor 页面中的代码进行导航,应首先为 IUriHelper 抽象类型注入已配置的依赖项。

    8.4K21

    对打 Angular,Blazor 赢在哪里?

    Blazor 应用基于现有的 Web 技术(例如 HTML 和 CSS)构建,但该框架允许开发人员使用 C# 和 Razor(一种流行的模板标记语法)而不是 JavaScript 语言。...下面我们讨论一下 Blazor 的一些优缺点。 Blazor 的优势 Blazor 共享服务端代码和客户端代码:Blazor 允许开发人员在前端和后端之间复用代码。...要了解更多信息,请参阅这篇文章:在 Blazor 中使用 JavaScript 互操作的优缺点(地址:https://www.syncfusion.com/blogs/post/pros-and-cons-of-using-javascript-interop-in-blazor.aspx...Blazor 与 Angular 对比 我们来直接比较 Blazor 和 Angular。 Angular 和 Blazor 都是开源 Web 框架。...原文链接: https://www.syncfusion.com/blogs/post/blazor-vs-angular.aspx/amp

    3K30

    技术速递|.NET 9 简介

    .NET 9 中的 Blazor 改进 .NET 9 中的 Blazor 比以往更好,可让您构建精美的现代 Web 和混合应用程序。...此版本为 Blazor 的各个方面带来了性能改进、新的 Blazor 混合和 Web 应用程序模板以及供开发人员创造愉悦体验的新 API。...我们最近欢迎 .NET 生态系统中领先的组件供应商 Syncfusion(https://www.syncfusion.com/) 为 .NET MAUI 做出贡献。...自今年 7 月至 9 月 Syncfusion 开始为 .NET MAUI 做出贡献以来,他们已占到所有社区贡献的 55% 以上,与前 3 个月相比增长了 557%,这要归功于一群出色的贡献者。...在 .NET 9 中,我们引入了一个全新的项目模板,将社区放在首位,该模板包含 14 个免费的开源 Syncfusion 控件和来自社区的其他流行库,这些库演示了 MVVM、数据库访问、导航、视图刷新和其他常见应用模式的最佳实践

    15610

    Syncfusion宣布开源其为.NET MAUI开发的14个控件

    这些控件在 GitHub 上的 syncfusion/maui-toolkit 存储库以及 NuGet 包 Syncfusion.Maui.Toolkit 中提供,您现在可以在 .NET MAUI 项目中使用...,有关如何使用这些控件的更多详细信息以及更多示例,请访问新的 Syncfusion Toolkit for .NET MAUI 文档。...与此同时,Microsoft 在自己的博客中对这一举措表示欢迎,并详细介绍了与 Syncfusion 的进一步合作。...“因此,在 .NET 9 中,我们与 Syncfusion 合作开发一个新的项目模板,其中包括适用于 .NET MAUI 的 Syncfusion 工具包以及这些非常受欢迎的社区工具包。...Syncfusion 的新开源控件将作为 NuGet 包提供,并且还将成为下个月 .NET 9 版本随附的新 .NET MAUI 项目模板的一部分。

    5600

    【炫丽】从0开始做一个WPF+Blazor对话小程序

    WPF默认程序 本文从创建WPF Hello World开发: 使用WPF模板创建一个默认程序,取名【WPFBlazorChat】,项目组织结构如下: 空白WPF项目 运行项目,一个空白窗口: WPF...在B/S开发中,进程内事件通知可能就使用MediatR组件居多了,不论是在C/S还是B/S开发,这些组件在一定程度上,各大程序模板可以通用的,更不用说分布式的消息队列RabbitMQ 和 Kafka是万能的进程间通信标准选择了...[23]继续学习,本文只是个引子: 微软文档学习Blazor 8.4 Blazor组件库除了Masa.Blazor还有哪些?...收费的Blazor组件:DevExpress[29]、Telerik[30]、Syncfusion[31]等 8.5 本文示例代码? 文中各小节代码、最后的示例代码都给出了相应链接,您可返回查看。...Telerik: https://www.telerik.com/support/blazor-ui [31] Syncfusion: https://www.syncfusion.com/blazor-components

    10.4K20

    Syncfusion宣布开源其为.NET MAUI开发的14个控件

    这些控件在 GitHub 上的 syncfusion/maui-toolkit 存储库以及 NuGet 包 Syncfusion.Maui.Toolkit 中提供,您现在可以在 .NET MAUI 项目中使用...,有关如何使用这些控件的更多详细信息以及更多示例,请访问新的 Syncfusion Toolkit for .NET MAUI 文档。...与此同时,Microsoft 在自己的博客中对这一举措表示欢迎,并详细介绍了与 Syncfusion 的进一步合作。...“因此,在 .NET 9 中,我们与 Syncfusion 合作开发一个新的项目模板,其中包括适用于 .NET MAUI 的 Syncfusion 工具包以及这些非常受欢迎的社区工具包。...Syncfusion 的新开源控件将作为 NuGet 包提供,并且还将成为下个月 .NET 9 版本随附的新 .NET MAUI 项目模板的一部分。

    4800

    .NET周刊【10月第2期 2024-10-13】

    作者选择Blazor主要是因为不需要学习JavaScript框架即可实现交互,同时Blazor Hybrid允许直接调用系统功能,实现良好的开发体验。项目代码已开源,并提供了功能界面截图。...新版本支持 Xcode 16 和新的 iOS、iPadOS SDKs,ASP.NET Core 模板更新至最新的 Bootstrap 和 jQuery 版本。...WPF中的ListBox怎么添加删除按钮并删除所在行 https://www.cnblogs.com/lvpp13/p/18454644 本文讲解如何在C#中使用数据绑定和命令删除列表项。...接着在ViewModel中用ObservableCollection定义数据源,绑定到ListBox进行界面显示。然后,通过在每个ListBox项后面添加一个删除按钮,实现对列表项的删除。...https://www.cnblogs.com/hejiale010426/p/18449699 ABP最近更新后,通过Cli创建模板无法选择层次结构类型。

    9710

    MasaFramework入门第二篇,安装MasaFramework了解各个模板

    安装MasaFramework模板 执行以下命令安装最新Masa的模板 dotnet new --install Masa.Template 安装完成将出现四个模板 图片 Masa Blazor App...: Masa Blazor App的模板创建的是一个没有携带解决方案的项目模板,默认项目结构如图: 图片 一个简单的Masa Blazor Server项目 Masa Blazor Pro Web:...Masa Blazor Pro Web的模板创建类型有多种 图片 Wasm就是单纯的Wasm模式 Wasm-Host就是启动一个Server托管Wasm Wasm-PWA支持浏览器安装 Server...Masa Blazor Website项目结构 图片 Masa Blazor Website算是老版本的文档站点的模板,简单描述一下,默认使用了全球化 Masa Framework Project...Masa Framework Project就是我们的主角了 需要使用MasaFramework的同志们就需要创建这个模板了,之前的模板都是单纯的Blazor 当我们创建MasaFramework的时候存在多个选项

    80830
    领券