AdminLTE集成在jhipster应用程序中

Question

我开始有意将adminLTE的UI带入Jhipster网关应用程序。为此，我遵循了以下步骤：

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



现在问题是抱怨AdminLTE没有定义。 AdminLTE在script.js中定义在＆＃34; assets / js / scripts.js＆＃34;

我正在寻找使any.component.ts中的代码可以使用此文件的方法。我试过的一种方法是，包括在index.html中的script标签中，并在wepack.common.js中向CopyWebpackPlugin添加以下行。

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

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

修好后，我想我会成功将AdminLTE带到jhipster app。

Answer 1

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

Answer 2

你可以使用jhipster-adminLTE，它是带有角度仪表板框架的jhipster admin lte主题。