AdminLTE在jhipster应用中的集成

Question

我一开始就打算把adminLTE的UI引入到Jhipster网关应用程序中。为此，我遵循了以下步骤：

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

​

​

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

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

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

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

在修复这个问题之后，我认为我将成功地将AdminLTE引入jhipster应用程序。

Answer 1

您可以使用jhipster adminLTE，它是带有角仪表板框架的jhipster管理lte主题。

Answer 2

将应用于JHisper项目是非常困难的。既然JHipster是用webpack来建的，但是ngx没有，但我最后还是这么做了.我分享我在我的集散地上的工作，你可以按照说明来做。希望能帮上忙。