如何更改 jhipster 默认（“/”）页面？

Question

我创建了一个 angular 2 模块并将其成功路由到“仪表板”。 我想用我的模块替换默认的 jHipster 主页，但我似乎无法让它工作。 我需要了解主路由或主组件或路由的特殊之处，以便将它们交换为不同的模块？

顺便说一句，我想使用 jHipster 作为我的 angular2/webpack/spring-boot 应用程序的基础，但我无法找到有关所有花里胡哨的文档。 一份彻底参考的建议（如果有的话，将不胜感激）

蒂亚！

Answer 1

这取决于你想怎么做，JHipster 生成代码，然后由你来修改它。

• 最简单的是修改src/main/webapp/app/home下生成的文件，其中定义了*HomeModule 。 然后yo jhipster:upgrade命令将在将 JHipster 代码更新到较新版本时尽量使用 git merge 保留您的修改。
• 或者，您可以决定保持生成的*HomeModule不变，使用相同的组件选择器添加一个新模块，并将其在src/main/webapp/app/app.module.ts对*HomeModule引用替换为您的新模块。

Answer 2

这是你要的吗？ 如何修改 JHipster 主页？

这不是“换出”。 我一代又一代地开始修改 JHipster 应用程序。 Gael 提供了很好的答案，但我认为您正在期待 Angular 课程。 JHipster 提供的强大功能是您的应用程序模板。 由您来修改它。

Answer 3

要在登录后重定向，您应该更改 login.component.ts 文件中的 login()。 添加

this.router.navigate(['dashboard']);

        login () {
        this.loginService.login({
            username: this.username,
            password: this.password,
            rememberMe: this.rememberMe
        }).then(() => {
            this.authenticationError = false;
            this.activeModal.dismiss('login success');
            if (this.router.url === '/register' || this.router.url === '/activate' ||
                this.router.url === '/finishReset' || this.router.url === '/requestReset') {
                this.router.navigate(['']);
            }

            this.eventManager.broadcast({
                name: 'authenticationSuccess',
                content: 'Sending Authentication Success'
            });

            // // previousState was set in the authExpiredInterceptor before being redirected to login modal.
            // // since login is succesful, go to stored previousState and clear previousState
            let previousState = this.stateStorageService.getPreviousState();
            if (previousState) {
                this.stateStorageService.resetPreviousState();
                this.router.navigate([previousState.name], { queryParams:  previousState.params });
            }
            this.router.navigate(['dashboard']); // <-Add here
}).catch(() => {
            this.authenticationError = true;
        });
    }

我也有问题，您是否设法在仪表板上放置了两个实体组件？

Answer 4

1st 通过搜索确定路线路径

小路： ''

你会在 app/home/home.route.ts 中找到它

将您选择的一些字符添加到空字符串以将 Jhipster 主页组件放在不同的 URI 路径上。

因为它被设置为一个空字符串，所以如果没有指定 URI，它就是默认显示的内容。

2nd 如果你想将不同的组件设置为默认值，你需要创建一个新模块（“dashboard.module”）、组件（“dashboard.component”）和路由（“dashboard.route”）你可以使用 home组件作为代码参考。

在新的登陆页面路由（dashboard.route.ts）中设置一个空字符串作为路径

小路： ''

3rd 在 app.module 和 viola 中注册模块。