홈페이지>PHP 소스 코드>기타 카테고리
다운로드

AdminLTE 자산 번들

AdminLTE 기반 Yii2 프레임워크용 백엔드 UI

이 패키지에는 AdminLTE 사용자 인터페이스용 CSS 파일을 등록하는 Yii 2.0 프레임워크용 자산 번들이 포함되어 있습니다.

CSS 파일은 Yii가 권장하는 fxp/composer-asset-plugin v1.1.1 이상 사용을 통해 설치됩니다.

설치

이 확장 기능을 설치하는 가장 좋은 방법은 작곡가를 이용하는 것입니다.

AdminLTE v2를 설치하려면 다음을 실행하세요. 

 composer require dmstr/yii2-adminlte-asset "^2.1"

AdminLTE v1을 설치하려면 다음을 실행하세요. 

 composer require dmstr/yii2-adminlte-asset "^1"

FAQ

웹 글꼴 사용

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-adminlte-자산 관리자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 구성을 제거합니다.
  • HTML 마크업 vendor/almasaeed2010/adminlte/pages 준수하여 보기를 편집하세요.

AdminLTE 플러그인

AdminLTE 플러그인용 자산은 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 레이아웃 파일에 등록해야 하는 유일한 자산입니다.

맞춤 콘텐츠 헤더

헤더 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>

왼쪽 사이드바 메뉴 - 위젯 메뉴

메뉴 섹션을 분리해야 하는 경우 items 의 항목에 header 옵션을 추가하면 됩니다. 

    ' 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 CRUD 생성기용 템플릿

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 .

확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체