人人都会Blazor—— 3.1 路由和导航

原创 已于 2023-11-24 10:01:00 修改 · 330 阅读 · 0 ·
CC 4.0 BY-SA版权
所有原创文章版权均归博主“佛系最高指挥官”所有，若要转载，必须注明出处！！！
文章标签：

#Blazor #AspNetCore #.NET Core #前端 #组件 #路由

于 2023-11-24 09:54:37 首次发布

3.1 路由和导航

在 App.razor 中，我们可以看到如下代码：

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeD
了解本专栏 订阅专栏 解锁全文 超级会员免费看
人人都会的 Blazor —— 1.3 项目结构
不忘初心
11-07 508
作者推荐使用【双 Blazor Server/WebAssembly】的解决方案结构来进行开发，毕竟很多时候，项目会根据当前的市场需求进行变化，这样的话可以根据市场反馈及时做出托管模式的调整和兼容，做到临危不乱，领导自然也就更喜欢这样的下属咯。当然，基于【ASP.NET Core 托管的 WebAssembly】模式也是一个不错的选择。现在，基本的知识已经了解了，那接下来就可以正式进入 Blazor 的世界了。
驯服代码巨兽：用Blazor和ASP.NET Core打造你的超能CMS——FluentCMS实战指南
墨夶的博客
07-06 204
FluentCMS是一个高度灵活的ASP.NET内容管理系统，结合Blazor实现快速前端交互，支持多数据库切换（SQL Server/MongoDB等）和插件化扩展。其核心特性包括： 模块化设计：通过自定义内容类型和插件系统快速扩展功能 多语言支持：内置本地化字段处理 精细化权限：基于角色的权限控制系统 性能优化：提供缓存策略和异步处理机制 开发者友好：采用FluentAPI配置数据库，支持SEO插件开发 该系统兼具企业级安全性和高性能，适用于电商、博客等多种场景，开发者可像拼乐高一样自由构建功能。
Blazor之路由
六十五号腕
06-25 1781
路由的常用场景 Web开发当中，路由是指页面之间的相互跳转，最常见的有以下两种情况： 浏览器输入地址或者点击链接 业务代码的定向跳转 不管通过哪种方式，其实本质上都是一样的，都是通过URL的来定位到对应的页面。 这里还是以WebAssembly的项目为基础来探索一下路由的功能吧。对项目结构不清楚的朋友可以先看上一篇Blazor 初体验。 浏览器输入地址或者点击链接 通过上一篇Blazor 初体验我们已经知道每个页面都有个@page指令来定义该页面对应的URL。 比如： @page "/" @page "
Blazor之Router入门
qq_36819973的博客
11-10 506
Router 组件允许路由到 Razor 组件。 Router 组件在 App 组件 (App.razor) 中使用。编译带有 @page 指令的 Razor 组件 (.razor) 时，将为生成的组件类提供一个 RouteAttribute 来指定组件的路由模板。
Blazor学习之旅 (6) 路由系统
dotNET跨平台
11-26 782
【Blazor】|总结/Edison Zhou大家好，我是Edison。许久没有更新Blazor学习系列了，今天续更。Blazor 的路由系统就和 ASP.NET MVC的路由系统一样，可以为我们提供灵活的选项，可用于确保用户请求到达可处理它们并返回用户想要的信息的组件。本篇，我们来了解下在Blazor中的路由系统。使用路由模板在 Blazor 中，使用路由来确保将每个请求发送到最适合的组件，并...
Blazor 路由及导航开发指南
farway000的博客
07-13 1318
翻译自 Waqas Anwar 2021年4月2日的文章《A Developer’s Guide To Blazor Routing and Navigation》[1]检查传入的请求 URL 并将它们导航到对应的视图或页面是每个单页应用程序 (SPA) 框架的基本功能。Blazor Server 和 WebAssembly 应用程序也同样支持使用一些内置组件和服务进...
C#微前端炼金术：用.NET生态铸造“模块化圣殿”——从Blazor到Ocelot的微前端架构终极指南
墨夶的博客
04-01 338
【代码】C#微前端炼金术：用.NET生态铸造“模块化圣殿”——从Blazor到Ocelot的微前端架构终极指南。
C# Blazor跨平台UI开发：1个代码包征服多平台，效率飙升300%！
java专栏
07-29 1752
摘要：Blazor让跨平台UI开发变得简单高效！ 核心优势：用C#统一开发Web、移动和桌面应用，告别多平台重复编码。 关键技术： Razor组件：通过数据绑定（@bind）和事件处理（@onclick）实现动态UI。 条件编译：适配不同平台（Android/iOS/桌面）。 性能优化：流式SSR减少首屏加载时间，对象池降低GC压力。 实战技巧：共享代码库、异步事件处理、静态表单优化，提升开发效率。 类比：像开连锁奶茶店——一套配方（C#代码）适配所有分店（平台），中央厨房（共享服务）保证一致性！ 🚀
C# Blazor跨平台UI开发全攻略：3大模式+5个技巧，代码即刻跑起来！
最新发布
java专栏
07-31 1023
从Blazor三大模式到5个硬核技巧，从Web到桌面到移动端，Blazor的‘魔法咒语’就在这3大模式+5个技巧！只要按这个步骤来，连百万级用户都能轻松驾驭～”
学习ASP.NET Core Blazor编程系列十——路由（上）
Gefangenes的博客
06-05 1560
在Blazor里给每个组件指定一个路径（URL），当路由匹配的时候，会在节点里面渲染出来，如果没有的话会在节点里面渲染，当然你也可以自定义一个404的页面。在Visual Studio 2022的解决方案资源管理器中，找到App.razor组件，使用鼠标左键双击，在文本编辑器中打开，找到Router组件的 NotFound 模板，NotFound 模板中设置自定义内容。例如如下示例代码：
Blazor University （22）路由 —— 定义路由
dotNET跨平台
05-17 323
原文链接：https://blazor-university.com/routing/路由与标准 ASP.NET MVC 一样，Blazor 路由是一种用于检查浏览器 URL 并将其匹配到要呈现的页面的技术。路由比简单地将 URL 匹配到页面更灵活。它允许我们根据文本模式进行匹配，例如，上图中的两个 URL 都将映射到同一个组件并传入一个 ID 用于上下文（在本例中为 1...
将动态路由、布局和RouteViews添加到Blazor应用程序组件
寒冰屋的专栏
12-26 2128
App是Blazor UI根组件。本文着眼于它的工作原理并演示如何： 添加动态布局——在运行时更改默认布局 添加动态路由——在运行时添加和删除额外的路由 添加动态RouteViews——无需路由直接更改RouteView组件
Blazor项目中的页面、路由与布局机制深度解析
gitblog_00396的博客
06-09 463
Blazor项目中的页面、路由与布局机制深度解析 前言 对于从ASP.NET Web Forms转型到Blazor的开发者来说，理解Blazor的页面机制、路由系统和布局方案是至关重要的。本文将深入剖析Blazor框架中这三个核心概念的技术实现，帮助开发者建立清晰的技术认知。 一、Blazor页面机制解析 1.1 页面本质 在Blazor框架中，所有页面本质上都是组件，采用.razor文件扩展名。...
Blazor组件多路由模板的使用
knownchen的专栏
04-24 476
Blazor组件支持使用多个 @page 指令的多个路由模板。 示例如下： @page "/sample1" @page "/smaple2" @inject NavigationManager Navigation <h1>@url</h1> @code { private string url; protected override void OnParametersSet() { base.OnParametersSet();
Blazor Server进阶：错误边界与路由特性
weixin_42596011的博客
05-16 378
本文深入探讨了Blazor Server应用中如何使用错误边界处理异常以及定义路由系统。通过错误边界的使用，可以优雅地处理异常并恢复应用状态；而通过路由特性，Blazor应用能够根据URL的变化动态加载相应的组件。
BootstrapBlazor实战 Menu 导航菜单使用(2)
alex_zoucn的博客
04-26 1812
实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面
Blazor 页面重定向
VoldemortChi的博客
05-14 4396
首先在组件中引入相关依赖项 @inject IUriHelper uriHelper 然后在@function中需要重定向的位置，使用如下代码 uriHelper.NavigateTo(""); 其中NavigateTo的参数为路由地址，比如在本地的时候，默认路由为http://locallhost:5000，要重定向到http://locallhost:5000/login，那么参数...
彻底解决Windows顽固文件的新工具——3.1版本
标题《Windows顽固文件强行删除器3.1》与描述中提到的软件功能明确指出其主要用途是帮助用户在Windows操作系统环境下删除那些普通方法难以删除的顽固文件。在进行详细知识点说明之前，我们首先需要了解什么是顽固...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叫我 Teacher 周

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值