路由层级

在 ChatGPT 中打开

路由被组织成一个分层的树结构，使开发者能够定义布局、管理视图，并在应用的各个部分动态渲染组件。

在构建一个 webforJ 可路由应用时，你将遇到的关键概念包括：

• 路由层级：将路由组织为父子结构，以便进行模块化 UI 开发。
• 路由类型：路由分为 视图路由 或 布局路由，每种路由具有不同的目的。
• 嵌套路由：路由可以相互嵌套，允许父组件在指定的插槽中渲染子组件。
• 插槽：组件，其中子视图被动态注入到父布局中。
• 布局：特殊路由，包裹子组件而不影响 URL，提供共享的 UI 元素，如页眉、页脚或侧边栏。

主题

📄️Route Types

路由分为两种主要类型，视图路由和布局路由。路由类型的选择决定了组件如何映射到 URL 以及它们如何与应用程序的其他部分交互。

📄️Nested Routes

嵌套路由允许子路由在父路由内渲染，从而创建模块化和可重用的用户界面。父路由定义共享组件，而子路由则注入到这些父组件的特定出口中。

📄️Route Outlets

一个 outlet 是一个指定的组件，可以是 路由布局 或 路由视图，子路由将在此动态呈现。它定义了子路由的内容在父路由中的出现位置。 outlets 对创建模块化、嵌套 UI 和灵活导航结构至关重要。