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你可以按照說明。我希望它有幫助。