Blazor-Blazor WebAssmbly项目结构(下)

Blazor-Blazor WebAssmbly项目结构(上)

接上次这次我们继续来说说剩余的项目文件

_Imports.razor

在这里插入图片描述

_Imports.razor 文件的功能是定义一组 Razor 指令或命名空间,在此文件中定义的指令和命名空间在全局中生效(根目录下的_Imports.razor文件)
lazor 会将_Imports.razor 文件中的内容导入到当前文件夹或子文件夹中所有的*.razor 组件中共享使用,例如在根目录的_Imports.razor 文件全局生效,在Pages文件夹下也可以创建_Imports.razor 文件,该文件会对Pages文件夹中的所有razor组件生效。
每个文件夹中都可以有_Imports.razor 文件,对当前文件夹及子文件夹中的razro组件生效

App.razor

在这里插入图片描述

App.razor 是应用程序的根组件,一般放在项目的根目录下,此组件在主页 index.html 文件中 id=”app”的

元素中呈现。还记得我们在Program中的讲解吗,有这么一段代码 builder.RootComponents.Add(“#app”);就是将App组件添加在主页中显示

Layout文件夹

Layout 文件夹用于存放布局组件,主布局组件MainLayout就在该文件夹下,MainLayout.razor 是 Web 应用的主布局组件,也是默认的布局组件。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

NavMenu 是导航菜单组件,对应上图左侧导航菜单,标记呈现的就是右侧大部分的空白区域,展示Url 路由地址访问的组件内容,呈现的位置就是在标记中的@Body 所在的位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

code-Study

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

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

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

打赏作者

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

抵扣说明:

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

余额充值