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 所在的位置。