yii2 adminlte asset
2.7.0-beta1
Yii2框架的後端UI，基於AdminLTE
該軟體包包含 Yii 2.0 框架的資源包，用於註冊 AdminLTE 使用者介面的 CSS 檔案。
CSS 檔案是透過 Yii 推薦使用的fxp/composer-asset-plugin v1.1.1 或更高版本安裝的。
安裝此擴充功能的首選方法是透過 Composer。
若要安裝 AdminLTE v2，請執行：
composer require dmstr/yii2-adminlte-asset "^2.1"
若要安裝 AdminLTE v1，請執行：
composer require dmstr/yii2-adminlte-asset "^1"
AdminLTE 在2.4.0中刪除了網頁字體包含，因此您需要手動包含所需的字體，即。
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
不建議在生產中透過 CDN 包含，請根據您專案的資產捆綁工作流程進行調整。
有關詳細信息，請參閱#140。
升級時，請參閱 AdminLTE 升級指南，以了解您需要在視圖中進行的調整。
DmitryBaranovskiy/eve.git的問題，請參閱 #128 和 #113。| yii2-管理資產 | 管理LTE | 字體棒 |
|---|---|---|
| 2.4 | 2.0 - 2.3 | 必需的 |
| 2.5 | 2.4 | 必需的 |
| 3.0 | 2.4 | - |
其他問題請先搜尋GitHub。
安裝擴充功能後，您可以透過重新配置視圖元件的路徑映射來進行預覽：
對於 Yii 2 高級應用程式模板或基本應用程式模板
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app '
],
],
],
],申請phd5
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/testing/app '
],
],
],
],此資源包提供了佈局和視圖的範例檔案（請參閱資料夾examples/ ），它們並不意味著直接在vendor/資料夾中進行自訂。
因此，建議將視圖複製到您的應用程式中並根據您的需求進行調整。
vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app （或其他主題）複製到@app/views 。view配置。vendor/almasaeed2010/adminlte/pagesAdminLTE 外掛程式的資源不包含在我們的AdminLteAsset中，但您可以在您的供應商目錄中的vendor/almasaeed2010/adminlte/plugins下找到這些檔案。因此，如果您想使用其中任何一個，我們建議您建立一個自訂捆綁包，在其中列出您需要的插件檔案：
use yii web AssetBundle ;
class AdminLtePluginAsset extends AssetBundle
{
public $ sourcePath = ' @vendor/almasaeed2010/adminlte/plugins ' ;
public $ css = [
' chart.js/Chart.min.css ' ,
// more plugin CSS here
];
public $ js = [
' chart.js/Chart.bundle.min.js '
// more plugin Js here
];
public $ depends = [
' dmstradminltewebAdminLteAsset ' ,
];
}由於此資產取決於我們的AdminLteAsset因此它是您必須註冊的唯一資產，例如在main.php佈局檔案中。
如果你想使用 headers AdminLTE 的原生 DOM
< h1 >
About < small > static page </ small >
</ h1 >然後你可以按照代碼：
/* @var yiiwebView $this */
$ this -> params [ ' breadcrumbs ' ][] = ' About ' ;
$ this -> beginBlock ( ' content-header ' ); ?>
About <small>static page</small>
<?php $ this -> endBlock (); ?>
<div class="site-about">
<p> This is the About page. You may modify the following file to customize its content: </p>
<code> <?= __FILE__ ?> </code>
</div>如果您需要分隔選單的各個部分，只需將header選項新增至items中的項目即可
' items ' => [
[ ' label ' => ' Gii ' , ' iconType ' => ' far ' 'icon' => 'file-code', ' url ' => [ ' /gii ' ]],
[ ' label ' => ' Debug ' , ' icon ' => ' dashboard-alt ' , ' url ' => [ ' /debug ' ]],
[ ' label ' => ' MAIN NAVIGATION ' , ' header ' => true ], // here
// ... a group items
[ ' label ' => '' , ' header ' => true ],
// ... a group items
[ ' label ' => '' , ' header ' => true ],
// ... a group items若要為項目新增徽章：
' items ' => [
[
' label ' => ' Mailbox ' ,
' iconType ' => ' far ' ,
' icon ' => ' envelope ' ,
' url ' => [ ' /mailbox ' ],
' badge ' => ' <span class="badge badge-info right">123</span> '
],
]預設圖示會新增 Font Awesome 前綴
告訴 Gii 我們的模板。該設定是在設定檔中進行的：
if ( YII_ENV_DEV ) {
$ config [ ' modules ' ][ ' gii ' ] = [
' class ' => ' yiigiiModule ' ,
' generators ' => [ // HERE
' crud ' => [
' class ' => ' yiigiigeneratorscrudGenerator ' ,
' templates ' => [
' adminlte ' => ' @vendor/dmstr/yii2-adminlte-asset/gii/templates/crud/simple ' ,
]
]
],
];
}轉到測試資料夾並啟動測試堆疊
cd tests
docker-compose up -d
在測試應用程式中安裝yii2-adminlte-asset
docker-compose exec php composer install
在瀏覽器中開啟測試 URL
http://docker.local:20580/test
http://docker.local:20580/test/login
有關 AdminLTE 文檔，請閱讀 https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html
命名空間規則遵循 Yii 2.0 框架結構，例如：
dmstradminlteweb用於資產包。
