Blazor 根据路由判断哪些页面需要加模板,哪些不需要

比如我们的登录的页面是不需要加通用模板的,通过@if 控制 RouteView的DefaultLayout即可

<BootstrapBlazorRoot><Router AppAssembly="@typeof(App).Assembly"><Found Context="routeData"><PageTitle>Title</PageTitle>@if (routeData.PageType == typeof(BlazorApp.Pages.Login)){<RouteView RouteData="@routeData" />}else{<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />}<FocusOnNavigate RouteData="@routeData" Selector="h1" /></Found><NotFound><PageTitle>Not found</PageTitle><LayoutView Layout="@typeof(MainLayout)"><p> 正在玩命开发中 ...</p></LayoutView></NotFound></Router>
</BootstrapBlazorRoot>

上面的方式适合静态配置,一般页面菜单都是动态,可以用下面的方式实现

@inject DataService dataService@implements IDisposable@if (showTemplate)
{<RouteView RouteData="routeData" DefaultLayout="typeof(MainLayout)" />
}
else
{<RouteView RouteData="routeData" DefaultLayout="" />
}@code {private bool showTemplate;private RouteData routeData;protected override async Task OnInitializedAsync(){// 从后台获取数据var data = await dataService.GetData();// 根据获取到的数据判断是否需要使用模板if (data.NeedsTemplate){showTemplate = true;}else{showTemplate = false;}// 设置路由数据routeData = GetRouteData();await base.OnInitializedAsync();}private RouteData GetRouteData(){// 获取路由数据的方法(根据你的实际情况编写)// 返回你想要的路由数据对象}public void Dispose(){// 在需要释放资源时进行清理工作(根据你的需求进行实现)}
}
 

在上述示例中,我们通过 ​@inject​指令注入了一个名为 ​DataService​的服务,用于获取后台数据。在 ​OnInitializedAsync​生命周期方法中,我们通过调用 ​dataService.GetData()​方法获取数据,并根据数据的特定属性进行条件判断。根据判断结果,我们设置 ​showTemplate​变量来决定是否使用模板。

然后,我们使用 ​@if​语句根据 ​showTemplate​的值来选择性地设置 ​DefaultLayout​属性。如果 ​showTemplate​为 ​true​,则应用默认的模板布局;如果为 ​false​,则不应用任何模板。

最后,我们还定义了 ​GetRouteData()​方法来获取自定义的路由数据,并将该数据赋值给 ​routeData​变量。

请注意,在使用 ​implements IDisposable​的情况下,我们可以在 ​Dispose()​方法中进行资源清理工作,如释放订阅、取消网络请求等。根据你的具体需求,你可以根据情况进行实现。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/627581.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【备战蓝桥杯】如何使用Python 内置模块datetime去计算我与CSDN相遇的天数

&#x1f308;个人主页: Aileen_0v0 &#x1f525;热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 ​&#x1f4ab;个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-6gfBeOb6YRf7C52d {font-family:"trebuchet ms",verdana,arial,sans-serif;font-siz…

倒计时1天|解锁「PolarDB开发者大会」正确打开方式

1月17日 9:30-16:30 北京嘉瑞文化中心 PolarDB开发者大会 明天就要和大家就见面啦&#xff5e; 大会参会指南现已出炉 各位开发者们&#xff0c;请查收~ &#x1f447;&#x1f447;&#x1f447; 点击 大会主页 or 扫描上方二维码 一键抵达大会官网&#x1f447; 查看…

Java方法及方法重载的详解

目录 一、方法的概念及使用 1.1 方法的概念 1.2 方法的定义 1.3 方法调用的执行过程 1.4 实参和形参的关系 1.5 没有返回值的方法 二、方法的重载 2.1 方法重载存在的原因 2.2 方法重载的概念 一、方法的概念及使用 1.1 方法的概念 方法就是一个代码片段. 类似于 C …

服务优雅停机SpringBoot

什么是优雅停机 ​ 优雅停机指的是Java项目在停机时需要做好断后工作。如果直接使用kill -9 方式暴力的将项目停掉&#xff0c;可能会导致正常处理的请求、定时任务、RMI、注销注册中心等出现数据不一致问题。 ​ 如何解决优雅停机呢&#xff1f;大致需要解决如下问题&#xf…

【Linux】 RPM 命令参数使用

rpm 执行安装包二进制包&#xff08;Binary&#xff09;以及源代码包&#xff08;Source&#xff09;两种。二进制包可以直接安装在计算机中&#xff0c;而源代码包将会由 RPM自动编译、安装。源代码包经常以src.rpm作为后缀名。 常用命令组合&#xff1a; &#xff0d;ivh&a…

GZ075 云计算应用赛题第8套

2023年全国职业院校技能大赛&#xff08;高职组&#xff09; “云计算应用”赛项赛卷8 某企业根据自身业务需求&#xff0c;实施数字化转型&#xff0c;规划和建设数字化平台&#xff0c;平台聚焦“DevOps开发运维一体化”和“数据驱动产品开发”&#xff0c;拟采用开源OpenSt…

x-cmd pkg | tokei - 代码行数统计工具

目录 简介首次用户技术特点竞品和相关作品进一步阅读 简介 tokei 是一个使用 Rust 编写的显示有关代码统计信息的命令行工具&#xff0c;可以分门别类的统计目录内的代码行数。 tokei 具有良好的跨平台性&#xff0c;可以在 Linux、macOS、Windows 等多种平台上安装运行。 首…

林江院长:让斜视的孩子改“斜”归正,“正视”未来

读写时跳行、不敢和别人对视、拍照时不敢看镜头......这些不便是不少斜视患儿每天都在经历的日常。 斜视是目前儿童常见的眼科疾病之一&#xff0c;该眼病不仅给孩子的外在形象带来影响&#xff0c;更重要的是会影响双眼视功能及身心健康&#xff0c;其危害不容小觑。 7岁男孩晓…

程序员晋升管理者后的自我修养

谈到技术管理&#xff0c;首要的一点就是管理者的角色认知问题&#xff0c;因此本篇文章的主要内容就是如何增强管理者的角色认知&#xff0c;持续提升自我管理能力。 作为管理者&#xff0c;首要任务就是要认清自我并管理好自己&#xff0c;要树立对管理者角色的正确认知&…

【线路图】 DC-DC升压恒压控制驱动芯片 2.8-40V AP8100

说明 AP8100 是一款外围电路简单的 BOOST 升压恒压控 制驱动芯片&#xff0c;适用于 2.8-40V 输入电压范围的升压恒 压电源应用领域&#xff0c;启动电压可以低至 2.5V 。 芯片会根据负载的大小自动切换 PWM &#xff0c; PFM 和 BURST 模式以提高各个负载端的…

AI魔幻巨制电影《权力的游戏:重生之战》

AI魔幻巨制电影《权力的游戏&#xff1a;重生之战》 《冰与火之歌》龙妈雪诺后裔是谁&#xff1f;你相信龙族的力量可以改变维斯特洛大陆的命运吗&#xff1f; 在《权力的游戏&#xff1a;重生之战》中&#xff0c;维斯特洛大陆再次陷入混乱之中&#xff0c;但这一次的混乱并非…

Redis 交互模式

交互模式&#xff08;Interact Mode&#xff09; 安装 Redis 时通常连带安装了一个 Redis CLI &#xff08;apt install redis 或者是 apt install redis-cli 类似的&#xff09;。在本博客中将会对 redis-cli 中的常用命令做一个使用介绍&#xff0c;下文中以黑色代码块表示在…

Python单元测试框架:pytest常用测试报告类型

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 关注公众号【互联网杂货铺】&#xff0c;回复 1 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 先前博客有介绍pytest测试框架的安装及使用&#xff0c;现在来聊…

Linux用户提权

新建用户 用root账户修改文件&#xff0c;添加信任用户 使用sudo提权&#xff0c;可以使用 **root删除新建账户**

JavaScript:JQuery.Ajax之错误调试帮助信息

JQuery.Ajax之错误调试帮助信息 代码&#xff1a; $(document).ready(function() {$("#info").click(function() {$.ajax({url: "/v1/getInfo",type: "post",data: { id: 1 },dataType: "json",success: function(msg) {alert(msg);}…

联想小新M7268一体机常用功能和操作步骤

联想小新M7268黑白激光多功能打印一体机&#xff0c;小身材、大智慧&#xff0c;小心M7268身材十分娇小&#xff0c;净尺寸方面为350*275*135mm&#xff08;长*宽*高&#xff09;&#xff08;手工测量&#xff09;&#xff0c;在实际使用时&#xff0c;小新M7268所占空间要略大…

js find方法的使用

JavaScript中的数组find()方法用于查找满足指定条件的第一个数组元素&#xff0c;并返回该元素。 find()方法的语法如下&#xff1a; array.find(callback[, thisArg]) 其中&#xff0c;array是要进行查找的数组&#xff0c;callback是一个回调函数&#xff0c;用于定义查找…

【笔记】认识电机

认识电机 电机一些概念永磁同步电机永磁体定子和转子励磁电磁感应定律 AC Optimal Power Flow功能快捷键合理的创建标题&#xff0c;有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右Smart…

读论高质量供给引领和创造新需求有感

文章摘要&#xff1a; 自让萨伊提出产品“出卖或需求”的过程是“生产给产品创造需求”3这一被后世称之为“萨伊定律”的论断之后&#xff0c;在古典经济学发展的一百多年里&#xff0c;其成为经济理论和政策的基本依据&#xff0c;阿尔弗雷德马歇尔更是基于此构建了新古典经济…

基于4G数采终端的供热管网在线监测方案

我国大部地区全面进入到冬季&#xff0c;北方各地已开启冬季供暖&#xff0c;以保障居民生活所需。由于城市化的发展&#xff0c;城市内各供热区域愈发分散、供热管道漫长、供热环境复杂&#xff0c;对于供热管网及换热站点的监测和维护提出了诸多挑战。 方案介绍 针对提高供热…