在jhipster应用程序中集成AdminLTE

在jhipster应用程序中集成AdminLTE,jhipster,adminlte,Jhipster,Adminlte,我一开始打算将adminLTE的UI引入Jhipster网关应用程序。为此,我遵循以下步骤: 正在从中获取存储库 正在将所需依赖项从AdminLTE的package.json复制到jhipster应用程序的package.json。它在节点\模块文件夹中下载了adminLTE模块 复制源代码,调整/更改,在需要时解决错误。 我可以成功地将代码从jhipser应用程序下adminLTE的admin文件夹中取出,并且我可以实现以下结果 现在的问题是它正在抱怨AdminLTE没有定义。AdminLT

我一开始打算将adminLTE的UI引入Jhipster网关应用程序。为此,我遵循以下步骤:

  • 正在从中获取存储库
  • 正在将所需依赖项从AdminLTE的package.json复制到jhipster应用程序的package.json。它在节点\模块文件夹中下载了adminLTE模块
  • 复制源代码,调整/更改,在需要时解决错误。 我可以成功地将代码从jhipser应用程序下adminLTE的admin文件夹中取出,并且我可以实现以下结果
  • 现在的问题是它正在抱怨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应用程序。

    您可以使用,这是带有角度仪表板框架的jhipster admin lte主题。

    将ngx admin应用于jhipster项目非常困难。因为JHipster使用webpack构建,但ngx管理员不使用。但我终于做到了。我分享我的工作,你可以按照说明。我希望它能有所帮助。

    对于这个网站来说,仅仅是一个链接的答案并不好。既然你花时间回答了一个老问题,为什么不在这里花时间简要介绍一下相关细节,让它成为一个好的答案呢。