AdminLTE在jhipster应用程序集成

Question

我已经开始打算将adminLTE的用户界面带入Jhipster网关应用程序。为此，我遵循以下步骤：

1. 从https://github.com/TwanoO67/bootstraping-ngx-admin-lte获取存储库。
2. 将AdminLTE的package.json所需的依赖项复制到jhipster应用程序的package.json中。它将nodeLTE模块下载到node_module文件夹中。
3. 复制源代码，调整/更改，解决任何需要的错误。 我可以成功地将adminLTE的admin文件夹中的代码放入jhipser应用程序中，我可以获得以下结果。

现在的问题是，它在抱怨AdminLTE没有定义。 AdminLTE在“assets/js/scripts.js”中的script.js中定义。

我正在寻找方法使此文件可用于我的代码any.component.ts。我尝试的一种方法是，包括在index.html中的脚本标记中，并将以下行添加到wepack.common.js中的CopyWebpackPlugin中。

{ from: './src/main/webapp/assets', to: 'assets' } 

这成功地在浏览器中加载文件，并在script.js中调用init函数。但后来它抱怨在script.js中使用jQuery。

解决了这个问题之后，我想我会成功地将AdminLTE引入jhipster应用程序。

Answer 1

你可以使用jhipster-adminLTE，它是jirster admin lte主题，带有angular-dashboard-framework。

Answer 2

将ngx-admin应用于JHisper项目非常困难。由于JHipster使用webpack构建，但ngx-admin不使用。但我终于做到了。我分享我的作品my github你可以按照说明。我希望它有帮助。