每页的角度模块与每页的组件？ [关闭]

Question

我们从 Angular 8 开始，并希望制作一个如下所示的 Web 应用程序：

1. 顶部的导航栏有几个下拉菜单项， 每个都指向不同的 UI 页面。
2. 中间部分用于显示“每一页”。 示例：1. 销售部分 2.客户列表部分 3. 应收账款部分
3. 底部是页脚

----------------------------------------------------------------
NAVIGATION MENU         Sales     CustomerList       AcctReceivable 
-----------------------------------------------------------------


DIFFERENT PAGES / SECTIONS
(Sales page/CustomerList/AcctReceivable)





------------------------------------------------------------------
FOOTER
------------------------------------------------------------------

导航栏和页脚在整个应用程序中保持静态。但是，中间部分会根据用户单击的菜单项及其嵌入的超链接而有所不同。

Angular 8 组织这个应用程序的方式是什么？

1. 应该是一个模块应用，每个菜单项（页面）[懒惰]在中间部分加载各自的组件？

2. 每个页面是否应该有多个模块，导航和页脚是常见的导入组件，并显示在每个模块的顶部和底部？

Answer 1

在您的情况下 1. 销售部分 2. 客户列表部分 3. 应收帐款部分是功能。因此，您应该为其中的每一个创建一个功能模块 导航栏和页脚内容没有变化，应该在开始时自己加载，所以它们应该在核心模块中

更多参考可以参考 1. 结构化https://medium.com/@sdbala/structuring-angular-applications-ee9ed3910e9c 2.用于路由https://blog.angular-university.io/angular-2-router-nested-routes-and-nested-auxiliary-routes-build-a-menu-navigation-system/

您只能延迟加载模块，而不能单独加载组件。因此最好使用功能模块，在这种情况下，如果需要，您可以将功能拆分为多个组件。 例如，如果销售部分有一个详细信息部分和一个表格。这些可以是 2 个组件，如果 table 是一个可以在不同模块中泛化和使用的组件，那么您可以将 table 组件添加到共享模块中