Yii2 集成 adminlteasset

https://github.com/dmstr/yii2-adminlte-asset

AdminLTE Asset Bundle

Backend UI for Yii2 Framework, based on AdminLTE

"Yii2 AdminLTE Presentation"

This package contains an Asset Bundle for Yii 2.0 Framework which registers the CSS files for the AdminLTE user-interface.

The CSS files are installed via Yii's recommended usage of the fxp/composer-asset-plugin v1.1.1 or later.

Installation

The preferred way to install this extension is through composer.

To install AdminLTE v2 run:

php composer.phar require dmstr/yii2-adminlte-asset "2.*"

To install AdminLTE v1 run:

php composer.phar require dmstr/yii2-adminlte-asset "1.*"

Quick Start

Once the extension is installed, you can have a preview by reconfiguring the path mappings of the view component:

For Yii 2 Advanced Application Template or Basic Application Template

'components' => [

    'view' => [

         'theme' => [

             'pathMap' => [

                '@app/views' => '@vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app'

             ],

         ],

    ],

],

For Phundament 4

'components' => [

    'view' => [

        'theme' => [

            'pathMap' => [

                '@app/views' => '@vendor/dmstr/yii2-adminlte-asset/example-views/phundament/app'

            ],

        ],

    ],

],

This asset bundle provides sample files for layout and view (see folder examples/), they are not meant to be customized directly in the vendor/ folder.

Therefore it is recommended to copy the views into your application and adjust them to your needs.

Customization

Copy files from vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app (or other theme) to @app/views.

Remove the custom view configuration from your application by deleting the path mappings, if you have made them before.

Edit your views adhering to html markup vendor/almasaeed2010/adminlte/pages

AdminLTE Plugins

Assets for AdminLTE plugins are not included in our AdminLteAsset but you can find these files in your vendor directory under vendor/almasaeed2010/adminlte/plugins. So if you want to use any of them we recommend to create a custom bundle where you list the plugin files you need:

use yii\web\AssetBundle;

class AdminLtePluginAsset extends AssetBundle

{

    public $sourcePath = '@vendor/almasaeed2010/adminlte/plugins';

    public $js = [

        'datatables/dataTables.bootstrap.min.js',

        // more plugin Js here

    ];

    public $css = [

        'datatables/dataTables.bootstrap.css',

        // more plugin CSS here

    ];

    public $depends = [

        'dmstr\web\AdminLteAsset',

    ];

}

As this asset depends on our AdminLteAsset it's the only asset you have to register, for example in your main.php layout file.

Skins

By default the extension uses blue skin for AdminLTE. You can change it in config file.

'components' => [

    'assetManager' => [

        'bundles' => [

            'dmstr\web\AdminLteAsset' => [

                'skin' => 'skin-black',

            ],

        ],

    ],

],

And then just replace class of body skin-blue. You can use AdminLteHelper::skinClass() if you don't want to alter every view file when you change skin color.

<body class="<?= \dmstr\helpers\AdminLteHelper::skinClass() ?>">

Note: Use AdminLteHelper::skinClass() only if you override the skin through configuration. Otherwise you will not get the correct css class of body.

Here is the list of available skins:

"skin-blue",

"skin-black",

"skin-red",

"skin-yellow",

"skin-purple",

"skin-green",

"skin-blue-light",

"skin-black-light",

"skin-red-light",

"skin-yellow-light",

"skin-purple-light",

"skin-green-light"

If you want to use native DOM of headers AdminLTE

<h1>

    About <small>static page</small>

</h1>

then you can follow the code:

/* @var $this yii\web\View */

$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>

Left sidebar menu - Widget Menu

If you need to separate sections of the menu then just add the li.header item to items

    'items' => [

        ['label' => 'Gii', 'icon' => 'fa fa-file-code-o', 'url' => ['/gii']],

        ['label' => 'Debug', 'icon' => 'fa fa-dashboard', 'url' => ['/debug']],

        ['label' => 'MAIN NAVIGATION', 'options' => ['class' => 'header']], // here

        // ... a group items

        ['label' => '', 'options' => ['class' => 'header']],

        // ... a group items

        ['label' => '', 'options' => ['class' => 'header']],

        // ... a group items

To add a label for a item:

'items' => [

        [

            'label' => '<span>Mailbox</span><span class="pull-right-container"><small class="label pull-right bg-yellow">' . $mailCount . '</small></span>',

            'icon' => 'fa fa fa-envelope-o',

            'url' => ['/mailbox'],

            'encode' => false,

        ],

Further Information

For AdminLTE documentation, please read https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html

Namespacing rules follow the Yii 2.0 framework structure, eg. dmstr\web for the Asset Bundle.

Yii2 集成 adminlteasset的更多相关文章

yii2集成富文本编辑器redactor
作者:白狼出处:http://www.manks.top/article/yii2_redactor本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保 ...
YII2集成GOAOP,实现面向方面编程!
引言: 软件开发的目标是要对世界的部分元素或者信息流建立模型,实现软件系统的工程需要将系统分解成可以创建和管理的模块.于是出现了以系统模块化特性的面向对象程序设计技术.模块化的面向对象编程极度地提高了 ...
Yii2的相关学习记录，后台模板和gii（三）
前面已经可以正常登录,但我们需要体验下最常用的增删查改的操作.这里就需要gii,通过gii可以方便的生成表单.表格的框架,不需要我们再写重复的东西. gii访问地址:http://localhost/ ...
Codeception 实战
Codeception 测试 Php 代码一.一句话概述使用 cc 进行单元测试,保证现有代码质量,为以后维护与重构提供支撑. 二.目标安装配置 cc 编写测试代码,简化开发与最大化稳定性和可维 ...
Yii2系列教程六：集成编辑器
上一篇文章我们实现了简单的用户权限管理,至于更先进的RBAC,我后面会单独出一篇文章来说说.在这一篇文章当中,我主要想写的是在Yii2中集成一个编辑器,因为在我们的实际开发当中,一个简单的textar ...
YII2框架集成go!aop
AOP实践:YII2框架本身拥有一个功能,叫做行为.它可以动态的为当前的类附加额外的功能,但这种功能在代码层级结构是静态的,有侵入性的. 下面以YII2框架集成go!aop库为例,介绍在YII2中如何 ...
yii2.0 app上集成支付宝支付
1.首先从支付宝官网下载支付宝app支付sdk 地址 : https://doc.open.alipay.com/docs/doc.htm?spm=a219a.7629140.0.0.hLEa5O&a ...
yii2.0 集成/引入第三方sdk
首先下载自己要使用的sdk包放到vendor文件夹下面:我以接入ping++为例子如下: 然后在入口文件出引入文件的配置文件: 下面就是在控制器使用了: 下面就可以根据自己要使用的的文件以及方法正常调 ...
Yii2.0 集成使用富头像上传编辑器
在开发过程中,我们会用到头像上传的功能.这里给大家推荐一款比较流行的头像上传组件,FullAvatarEditor 2.3(富头像上传编辑器). 实际效果如图所示: 1.下载组件,下载地址:http: ...

随机推荐

第十一章： Hadoop核心架构HDFS+MapReduce+Hbase+Hive内部机理详解
HDFS的体系架构整个Hadoop的体系结构主要是通过HDFS来实现对分布式存储的底层支持,并通过MR来实现对分布式并行任务处理的程序支持. HDFS采用主从(Master/Slave)结构模型,一 ...
ThinkPHP实例—实现登录验证
ThinkPHP 验证本篇我们将运用商城实例讲解一下如何运用ThinkPHP做一个登录验证我们的框架目录结构如下图所示: 其中 app 文件夹就是我们的应用文件夹它的目录结构如下所示其中 ...
什么是 MVC ？
本篇博客打算简单介绍一下MVC是什么,为接下来MVC的学习做一下铺垫. MVC是一种架构设计模式,是一种设计理念.是为了达到分层设计的目的,从而使代码解耦,便于维护和代码的复用.MVC是3个单词的缩写 ...
verilog 之数字电路寄存器，触发器。
我一直听说没有由code到circuit就只是入门了.实在没办法了.我想了一招,一个一个的写,然后看RTL,然后分析.这是第一篇. 1.触发器. 没有复位,置位.posedge clk 是触发沿时钟. ...
linux中的常用压缩与解压缩命令
linux中常用的压缩格式有 .zip .gz .bz2 .tar.gz .tar.bz2 一..zip 1.命令格式 zip 压缩文件名源文件名 (压缩文件到当 ...
在ubuntu中添加新硬盘
在ubuntu中添加新硬盘转载于 http://www.cnblogs.com/unipower/archive/2009/03/08/1406230.html 前言安装新硬盘这种事情并不会经常 ...
[Z] 将samba共享文件夹映射到linux的目录下
Linux系统下访问远程共享资源使用mount加载共享目录: -把WinXP机器192.168.16.249上的共享目录test001映射到本地目录/wdl/下. -把Linux机器192.168. ...
REST 规范
DRF之REST规范介绍及View请求流程分析 DRF之解析器组件及序列化组件 DRF - 序列化组件(GET/PUT/DELETE接口设计).视图优化组件 DRF之权限认证频率组件 DRF之注册器响 ...
使用Spring MVC创建 REST API
1.REST的基础知识当谈论REST时,有一种常见的错误就是将其视为“基于URL的Web服务”——将REST作为另一种类型的远程过程调用(remote procedurecall,RPC)机制,就像 ...
ListBox和ComboBox绑定数据简单例子
1. 将集合数据绑定到ListBox和ComboBox控件,界面上显示某个属性的内容 //自定义了Person类(有Name,Age,Heigth等属性) List<Person> per ...

Yii2 集成 adminlteasset

Yii2 集成 adminlteasset的更多相关文章

随机推荐

热门专题