Interfaz de usuario backend para Yii2 Framework, basada en AdminLTE
Este paquete contiene un paquete de activos para Yii 2.0 Framework que registra los archivos CSS para la interfaz de usuario AdminLTE.
Los archivos CSS se instalan mediante el uso recomendado por Yii de fxp/composer-asset-plugin
v1.1.1 o posterior.
La forma preferida de instalar esta extensión es a través de Composer.
Para instalar AdminLTE v2 ejecute:
composer require dmstr/yii2-adminlte-asset "^2.1"
Para instalar AdminLTE v1 ejecute:
composer require dmstr/yii2-adminlte-asset "^1"
AdminLTE eliminó la inclusión de fuentes web en 2.4.0
, por lo que debe incluir la fuente deseada manualmente, es decir.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
No se recomienda la inclusión a través de CDN para producción; ajústelo al flujo de trabajo de agrupación de activos de su proyecto.
Para obtener más detalles, consulte el n.° 140.
Al actualizar, consulte la guía de actualización de AdminLTE para conocer los ajustes que necesita realizar en sus vistas.
DmitryBaranovskiy/eve.git
, consulte los puntos 128 y 113.yii2-adminlte-activo | AdministradorLTE | Fuente impresionante |
---|---|---|
2.4 | 2,0 - 2,3 | requerido |
2.5 | 2.4 | requerido |
3.0 | 2.4 | - |
Para otros problemas, busque primero en GitHub.
Una vez instalada la extensión, puede obtener una vista previa reconfigurando las asignaciones de ruta del componente de vista:
Para la plantilla de aplicación avanzada o la plantilla de aplicación básica de Yii 2
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app '
],
],
],
],
Para solicitud de doctorado 5
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/testing/app '
],
],
],
],
Este paquete de activos proporciona archivos de muestra para diseño y visualización (consulte la carpeta examples/
), no están diseñados para personalizarse directamente en la carpeta vendor/
.
Por lo tanto, se recomienda copiar las vistas en su aplicación y ajustarlas a sus necesidades.
vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app
(u otro tema) a @app/views
.view
personalizada de su aplicación eliminando las asignaciones de ruta, si las ha realizado antes.vendor/almasaeed2010/adminlte/pages
Los activos para los complementos AdminLTE no están incluidos en nuestro AdminLteAsset
pero puede encontrar estos archivos en su directorio de proveedores en vendor/almasaeed2010/adminlte/plugins
. Entonces, si desea utilizar alguno de ellos, le recomendamos crear un paquete personalizado donde enumere los archivos de complementos que necesita:
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 ' ,
];
}
Como este activo depende de nuestro AdminLteAsset
es el único activo que debe registrar, por ejemplo en su archivo de diseño main.php
.
Si desea utilizar DOM nativo de encabezados AdminLTE
< h1 >
About < small > static page </ small >
</ h1 >
entonces puedes seguir el código:
/* @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>
Si necesita separar secciones del menú, simplemente agregue la opción header
al elemento en 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
Para agregar una insignia para un artículo:
' items ' => [
[
' label ' => ' Mailbox ' ,
' iconType ' => ' far ' ,
' icon ' => ' envelope ' ,
' url ' => [ ' /mailbox ' ],
' badge ' => ' <span class="badge badge-info right">123</span> '
],
]
De forma predeterminada, a los iconos se les agregará el prefijo de Font Awesome.
Cuéntale a Gii sobre nuestra plantilla. La configuración se realiza en el archivo de configuración:
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 ' ,
]
]
],
];
}
Vaya a la carpeta de pruebas e inicie la pila de pruebas.
cd tests
docker-compose up -d
Instale yii2-adminlte-asset
en la aplicación de prueba
docker-compose exec php composer install
Abra las URL de prueba en su navegador
http://docker.local:20580/test
http://docker.local:20580/test/login
Para obtener documentación de AdminLTE, lea https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html
Las reglas de espacio de nombres siguen la estructura del marco Yii 2.0, por ejemplo.
dmstradminlteweb
para el paquete de activos.