如何创建可扩展的Angular应用程序结构?

时间:2018-08-08 11:58:51

标签: javascript angular

我正在创建一个 Angular 6 应用程序,它将为两种类型的用户提供服务。 买卖双方。我希望每个人都有自己的GUI。您将如何构造您的应用程序?考虑到这两个GUI都有许多可以共享的组件。 我在想创建3个模块/ buyer,/ seller和/ shared之类的东西 我还将使用身份验证保护,以便在验证买方时只能访问其GUI等。

我是Angular的新手,所以我们将不胜感激! 谢谢。

2 个答案:

答案 0 :(得分:1)

是的,买方模块包含买方的所有组件, 卖方模块,其中包含卖方的所有组件 以及包含买方和卖方模块中使用的所有组件/服务/模型的共享模块。

这只是第一层,具体取决于您的应用程序的大小,您将需要更多级别的模块。

正式的Angular风格指南是一个不错的起点,您可以找到here。 有关应用程序结构的更多信息,请参见样式指南中的here

答案 1 :(得分:0)

使用主模块创建3个单独的模块,然后在主模块中放入通用的内容,或创建一个共享模块,然后在要访问的位置导入。 还使用SCSS进行样式设置,并为sass创建一个单独的文件夹,并将所有基本文件和内容写入scss中 您还可以在assets中为模拟数据创建单独的文件夹

您的项目结构将是这样的:

app/
   core/
   shared/
assets/
    mock-data/
    sass/