国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

在Laravel5.* 中使用 AdminLTE

Y3G / 1222人閱讀

摘要：在中使用是一個很棒的單純的由和構建的后臺模板，在這片文章中，我將講述如何將和優雅的整合在一起，而且我們可以通過來及時的更新和管理。

在Laravel5.* 中使用 AdminLTE

AdminLTE是一個很棒的單純的由 HTML 和 CSS 構建的后臺模板，在這片文章中，我將講述如何將 AdminLTE 和 Laravel 優雅的整合在一起，而且我們可以通過 Bower 來及時的更新和管理 AdminLTE。

我們使用的工具

Laravel

AdminLTE 2.3.2

Bower

Composer

下載一個全新的 Laravel

如果不太清楚可以去官方網站查看文檔link
在此我們直接使用命令行即可

    composer create-project laravel/laravel myapp --prefer-dist

通過這個命令我們創建了一個全新的名字為 myapp 的Laravel項目，如果你成功的話你可以看到下面的圖片

通過 Bower 下載 AdminLTE

進入到 myapp/public 文件夾

    
    cd myapp/public

在這個文件夾下執行下面的命令

    bower install admin-lte

一旦完成，你會發現多了一個 bower_componets 的文件夾，而且在這個文件夾中你會看到 AdminLTE

將 AdminLTE 的starter.html 轉化為 Blade 模板

Laravel 在此使用了一個很好的模板引擎 Blade，為了更充分的利用Blade，我們需要將一些常規的通用的 HTML 的 起始頁面應用到 Blade 模板中，首先創建一個 view 在 resources/views文件夾中，命名為admin_template.blade.php，而后我們為這個頁面創建一個對應的路由。如下面我所創建的

    
    Route::get("admin", function () {
        return view("admin_template");
    });

然后，將bower_components/admin-lte/starter.html中的內容復制到我們視圖模板中，并且將其中的相關鏈接指向我們的 AdminLTE 的對應目錄下，如下是我初步的設置：

類似這樣，將css 和 js 的相關的鏈接指向相應的目錄下，而后我們通過 localhost:8000/admin 查看頁面的變化，此時頁面變成了如下圖：

現在我們擁有了所有的使用 AdminLTE 的所有的資源，下面對我們的主要視圖增加最后的收尾工作，我將分開這個模板為三個文件，sidebar.blade.php, header.blade.php, 和 footer.blade.php
這三個文件的內容分別是admin_template.blade.phpheader 部分和 aside 部分和footer 部分，將這三部分截取出來依次放到三個文件中。

最后的潤色工作

現在我們已經將我們的模板個性化的分離開了，下面我們需要設置我們的最初的admin_template.blade.php
模板以便于內容動態加載，如下所示：



head>

{{ $page_title or "AdminLTE Dashboard" }}





















@include("header")


@include("sidebar")




    
    

        

            {{ $page_title or "Page Title" }}
            {{ $page_description or null }}
        

        
        
    
            
  1.  Level
    2. 
            
  2. Here
    3. 
        

    


    
    

        
        @yield("content")
    





@include("footer")

在上面代碼中，我們添加了contetn，這里包含著我們的主要的內容，增加了頁面標題針對不同的頁面，將其重命名為dashboard.blade.php現在這個模板已經可以使用了。

測試頁面

為了驗證我們之前所做的工作，我將創建一個簡單的頁面

1.創建 test.blade.php

@extends("dashboard")
@section("content")


    

        
        

            

                
Randomly Generated Tasks

                

                    
                    
                

            

            

                @foreach($tasks as $task)
                    

                        {{ $task["name"] }}
                        {{$task["progress"]}}%
                    

                    

                        

                    

                @endforeach

            

            
        

    

    

        
        

            

                
Second Box

                

                    
                    
                

            

            

                A separate section to add any kind of widget. Feel free
                to explore all of AdminLTE widgets by visiting the demo page
                on Almsaeed Studio.
            

        

    




@endsection

2.創建TestController.php

    php artisan make:controller TestController --plain

下面是這個控制器的代碼部分：

    
     "Design New Dashboard",
                        "progress" => "87",
                        "color" => "danger"
                    ],
                    [
                        "name" => "Create Home Page",
                        "progress" => "76",
                        "color" => "warning"
                    ],
                    [
                        "name" => "Some Other Task",
                        "progress" => "32",
                        "color" => "success"
                    ],
                    [
                        "name" => "Start Building Website",
                        "progress" => "56",
                        "color" => "info"
                    ],
                    [
                        "name" => "Develop an Awesome Algorithm",
                        "progress" => "10",
                        "color" => "success"
                    ]
            ];
            return view("test")->with($data);
        }

    }

3.創建對應的路由

    Route::get("test", "TestController@index");

4.打開對應的頁面，如果你沒有出錯的 應該如下圖所示

這樣整個過程就完成了，當然有什么問題可以下面留言。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/21196.html

相關文章

  • laravel框架學習之路（二）pjax的使用

    摘要：繼第一篇文章發布之后框架學習之路一前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的框架學習之路。附件筆者的布局全局文件整頁刷新時，菜單顯示刪除按鈕確定刪除此項確定取消 繼第一篇文章發布之后laravel框架學習之路（一）前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的laravel框架學習之路。如需...

    lily_wang 評論0 收藏0

  • laravel框架學習之路（二）pjax的使用

    摘要：繼第一篇文章發布之后框架學習之路一前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的框架學習之路。附件筆者的布局全局文件整頁刷新時，菜單顯示刪除按鈕確定刪除此項確定取消 繼第一篇文章發布之后laravel框架學習之路（一）前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的laravel框架學習之路。如需...

    gotham 評論0 收藏0

  • laravel框架學習之路（二）pjax的使用

    摘要：繼第一篇文章發布之后框架學習之路一前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的框架學習之路。附件筆者的布局全局文件整頁刷新時，菜單顯示刪除按鈕確定刪除此項確定取消 繼第一篇文章發布之后laravel框架學習之路（一）前后臺用戶認證分離，忙著項目上的事情，一直沒有時間寫文章。進入到新公司后，忙里偷閑，繼續我的laravel框架學習之路。如需...

    vvpale 評論0 收藏0

  • Laravel+VueJs開發知乎

    摘要：基于開發項目地址前言基于社區知乎系列項目后臺采用功能用戶登錄注冊郵件認證用戶設置頭像上傳至七牛云存儲修改密碼忘記密碼郵件認證用戶相互關注郵件提醒用戶發送私信消息通知顯示私信已讀和未讀標志私信標志私信全部已讀回復私信個人主頁各項數據問 Laravel-Zhihu 基于Laravel5.3 開發 項目地址 https://github.com/GeekGhc/zhihu-app 前言 基于...

    melody_lql 評論0 收藏0

  • yii2搭建完美后臺并實現rbac權限控制實例教程

    摘要：利用渲染后臺模板后臺的模板我們采用利用插播一曲是一個完全響應管理模板。基于框架，易定制模板。適合多種屏幕分辨率，從小型移動設備到大型臺式機。內置了多個頁面，包括儀表盤郵箱日歷鎖屏登錄及注冊錯誤錯誤等頁面。 作者：白狼 出處：http://www.manks.top/yii2_fra... 本文版權歸作者，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保...

    neu 評論0 收藏0

發表評論

0條評論

Y3G

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<