在jhipster中为外部用户创建单独的UI

Question

我用Angular 7作为前端框架生成了一个jhipster应用程序，并为CRUD生成了许多实体。

现在，我需要具有品牌，样式和新视图的新前端以合并业务逻辑等。另外，我还需要保留CRUD和监视的所有管理页面。

我有两个选择：

1. 自定义默认的角度应用程序，更改CSS和生成的代码，添加新组件等。（我不想这样做）。

2. 为外部用户创建一个新的单独的UI，同时通过一些较小的自定义为业务用户保留默认生成的UI。 （我认为这样更好）。

我尝试过的事情

我已经使用angular客户端生成了一个新的angular模块，并导入了默认生成的app模块中。在这个新模块中，我创建了一个新组件，并且可以通过在默认导航栏中添加链接来访问它。

我怎么了？ 现在，我可以在单独的角度模块中创建更多组件，并将生成的内容保持原样，我的困惑是：

1. 从长远来看，通过增加前端的复杂性，我的代码将可维护。
2. 是否有更好的方法为外部（非商业）用户创建单独的UI层？
   1. 我如何管理授权？根据角色，我需要将用户重定向到商务应用（由jhipster生成）或我们将要生成的应用（针对非企业用户/外部用户）

我很想展示代码，但是到目前为止它仍然可以正常工作（由ng cli生成的新的angular模块）

app.module.ts

import { ExternaluiModule } from './externalui/externalui.module';

@NgModule({
    imports: [
        BrowserModule,
        Poc3JhipsterCustomizeUiAppRoutingModule,
        Ng2Webstorage.forRoot({ prefix: 'jhi', separator: '-' }),
        NgJhipsterModule.forRoot({
            // set below to true to make alerts look like toast
            alertAsToast: false,
            alertTimeout: 5000
        }),
        Poc3JhipsterCustomizeUiSharedModule.forRoot(),
        Poc3JhipsterCustomizeUiCoreModule,
        Poc3JhipsterCustomizeUiHomeModule,
        Poc3JhipsterCustomizeUiAccountModule,
        // jhipster-needle-angular-add-module JHipster will add new module here
        Poc3JhipsterCustomizeUiEntityModule,
        ExternaluiModule
    ],

致谢。