yii2 adminlte asset
2.7.0-beta1
Backend-Benutzeroberfläche für Yii2 Framework, basierend auf AdminLTE
Dieses Paket enthält ein Asset Bundle für Yii 2.0 Framework, das die CSS-Dateien für die AdminLTE-Benutzeroberfläche registriert.
Die CSS-Dateien werden über die von Yii empfohlene Verwendung des fxp/composer-asset-plugin v1.1.1 oder höher installiert.
Die bevorzugte Methode zur Installation dieser Erweiterung ist Composer.
Um AdminLTE v2 zu installieren, führen Sie Folgendes aus:
composer require dmstr/yii2-adminlte-asset "^2.1"
Um AdminLTE v1 zu installieren, führen Sie Folgendes aus:
composer require dmstr/yii2-adminlte-asset "^1"
AdminLTE hat die Einbeziehung von Web-Schriftarten in 2.4.0 eingestellt, sodass Sie die gewünschte Schriftart manuell einbinden müssen, d. h.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
Die Einbindung über CDN wird für die Produktion nicht empfohlen. Bitte passen Sie dies an den Asset-Bündelungs-Workflow Ihres Projekts an.
Einzelheiten finden Sie unter #140.
Wenn Sie ein Upgrade durchführen, lesen Sie bitte im AdminLTE-Upgrade-Leitfaden nach, welche Anpassungen Sie an Ihren Ansichten vornehmen müssen.
DmitryBaranovskiy/eve.git lesen Sie bitte Nr. 128 und Nr. 113.| yii2-adminlte-asset | AdminLTE | Schriftart Super |
|---|---|---|
| 2.4 | 2,0 - 2,3 | erforderlich |
| 2.5 | 2.4 | erforderlich |
| 3,0 | 2.4 | - |
Bei anderen Problemen durchsuchen Sie bitte zuerst GitHub.
Sobald die Erweiterung installiert ist, können Sie eine Vorschau anzeigen, indem Sie die Pfadzuordnungen der Ansichtskomponente neu konfigurieren:
Für Yii 2 Advanced Application Template oder Basic Application Template
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app '
],
],
],
],Für Phd5-Bewerbung
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/testing/app '
],
],
],
], Dieses Asset-Bundle stellt Beispieldateien für Layout und Ansicht bereit (siehe Ordner examples/ “). Sie sind nicht dazu gedacht, direkt im Ordner vendor/ angepasst zu werden .
Daher empfiehlt es sich , die Ansichten in Ihre Anwendung zu kopieren und an Ihre Bedürfnisse anzupassen.
vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app (oder einem anderen Thema) nach @app/views .view aus Ihrer Anwendung, indem Sie die Pfadzuordnungen löschen, sofern Sie diese zuvor vorgenommen haben.vendor/almasaeed2010/adminlte/pages Assets für AdminLTE-Plugins sind nicht in unserem AdminLteAsset enthalten, Sie finden diese Dateien jedoch in Ihrem Anbieterverzeichnis unter vendor/almasaeed2010/adminlte/plugins . Wenn Sie also eines davon verwenden möchten, empfehlen wir Ihnen, ein benutzerdefiniertes Bundle zu erstellen, in dem Sie die benötigten Plugin-Dateien auflisten:
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 ' ,
];
} Da dieses Asset von unserem AdminLteAsset abhängt, ist es das einzige Asset, das Sie registrieren müssen, beispielsweise in Ihrer main.php Layoutdatei.
Wenn Sie das native DOM der Header AdminLTE verwenden möchten
< h1 >
About < small > static page </ small >
</ h1 >Dann können Sie dem Code folgen:
/* @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> Wenn Sie Abschnitte des Menüs trennen müssen, fügen Sie einfach die header zu Element in items hinzu
' 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 itemsSo fügen Sie einem Artikel ein Abzeichen hinzu:
' items ' => [
[
' label ' => ' Mailbox ' ,
' iconType ' => ' far ' ,
' icon ' => ' envelope ' ,
' url ' => [ ' /mailbox ' ],
' badge ' => ' <span class="badge badge-info right">123</span> '
],
]Standardmäßig wird den Symbolen das Präfix „Font Awesome“ hinzugefügt
Erzählen Sie Gii von unserer Vorlage. Die Einstellung erfolgt in der Konfigurationsdatei:
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 ' ,
]
]
],
];
}Gehen Sie zum Ordner „Tests“ und starten Sie den Teststapel
cd tests
docker-compose up -d
Installieren Sie yii2-adminlte-asset in der Testanwendung
docker-compose exec php composer install
Öffnen Sie Test-URLs in Ihrem Browser
http://docker.local:20580/test
http://docker.local:20580/test/login
Für die AdminLTE-Dokumentation lesen Sie bitte https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html
Namespace-Regeln folgen der Yii 2.0-Framework-Struktur, z.
dmstradminltewebfür das Asset Bundle.
