Angular 2 具有多个模块的项目结构
Angular 2 Project Structure With Multiple Modules
我目前正在开发我的第一个 Angular 2+ 应用程序,我 运行 遇到了几个关于如何最好地构建应用程序的问题。
我刚刚开始开发应用程序区域,用户可以在其中执行登录和创建帐户等操作。对于这两条路线,我已经有几个组件(登录表单、注册表单、登录页面、注册页面等)。继续在根模块中声明这些看起来很乱,尤其是随着应用程序规模的增长。
我应该如何继续前进?为每条路线制作一个模块?制作一个包含登录和注册功能的模块,因为它们很相似?我在网上找不到太多,所以任何指导都会很棒!
谢谢!
官方style guide that was already suggested by @brijmcq and the documentation about modules先给个定位。
您应该按功能(绝对不是按类型)将应用程序的 类 分组到模块中。这在很大程度上取决于画线的上下文。对于一个非常小的应用程序,一个根应用程序模块可能就足够了,在大多数情况下,拥有功能模块很有意义。通常,一个模块处理多个路由,但在某些情况下,每个模块一个路由是合适的。在您的情况下,处理登录、注销、注册...的身份验证模块对我来说听起来很合理。如果您的注册过程变得非常复杂,您可能会考虑稍后将其重构到自己的模块中。
有些东西可能不属于某个特定的功能,而是用于多个不同的功能(主要是 UI 组件,例如浮动操作按钮)。将它们移动到您自己的公共模块并将其导入所有模块是很常见的做法。
我目前正在开发我的第一个 Angular 2+ 应用程序,我 运行 遇到了几个关于如何最好地构建应用程序的问题。
我刚刚开始开发应用程序区域,用户可以在其中执行登录和创建帐户等操作。对于这两条路线,我已经有几个组件(登录表单、注册表单、登录页面、注册页面等)。继续在根模块中声明这些看起来很乱,尤其是随着应用程序规模的增长。
我应该如何继续前进?为每条路线制作一个模块?制作一个包含登录和注册功能的模块,因为它们很相似?我在网上找不到太多,所以任何指导都会很棒!
谢谢!
官方style guide that was already suggested by @brijmcq and the documentation about modules先给个定位。
您应该按功能(绝对不是按类型)将应用程序的 类 分组到模块中。这在很大程度上取决于画线的上下文。对于一个非常小的应用程序,一个根应用程序模块可能就足够了,在大多数情况下,拥有功能模块很有意义。通常,一个模块处理多个路由,但在某些情况下,每个模块一个路由是合适的。在您的情况下,处理登录、注销、注册...的身份验证模块对我来说听起来很合理。如果您的注册过程变得非常复杂,您可能会考虑稍后将其重构到自己的模块中。
有些东西可能不属于某个特定的功能,而是用于多个不同的功能(主要是 UI 组件,例如浮动操作按钮)。将它们移动到您自己的公共模块并将其导入所有模块是很常见的做法。