使用Laravel构建内容管理框架（二）

Happy Coding

本文目标

---

初步搭建好后台管理功能的界面

新增控制器

---

在终端执行以下命令，在文件夹app/Http/Controllers/Backend下生成IndexController控制器。

php artisan make:controller Backend/IndexController --plain

修改文件IndexController.php代码如下：

 '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('backend.index.index',compact('tasks'));
    }
}

新增路由

---

打开文件app\Http\routes.php，修改代码如下：

Route::group(['namespace'=>'Backend'],function(){
    Route::get('index','IndexController');
});

新增视图

---

在resources/views/下新建文件夹backend，在文件夹backend下新建文件夹index和layout。

在文件夹layout新建文件如下：

• header.blade.php
• footer.blade.php
• main.blade.php
• sidebar.blade.php

在文件夹index新建文件如下：

• index

header.blade.php

    AdminLTE
    

        
            Toggle navigation
        
        

            

                

                    
                        
                        4
                    
                    

                        
You have 4 messages
                        

                            

                                

                                    
                                        

                                            
                                        
                                        

                                            Support Team
                                             5 mins
                                        
                                        
Why not buy a new awesome theme?
                                    
                                
                            
                        
                        
See All Messages
                    
                
                

                    
                        
                        10
                    
                    

                        
You have 10 notifications
                        

                            

                                

                                    
                                         5 new members joined today
                                    
                                
                            
                        
                        
View all
                    
                
                

                    
                        
                        9
                    
                    

                        
You have 9 tasks
                        

                            

                                

                                    
                                        

                                            Design some buttons
                                            20%
                                        
                                        

                                            

                                                20% Complete
                                            
                                        
                                    
                                
                            
                        
                        

                            View all tasks
                        
                    
                
                

                    
                        
                        Alexander Pierce
                    
                    

                        

                            
                            

                                Alexander Pierce - Web Developer
                                Member since Nov. 2012
                            
                        
                        

                            

                                Followers
                            
                            

                                Sales
                            
                            

                                Friends
                            
                        
                        

                            

                                Profile
                            
                            

                                Sign out
                            
                        
                    
                
            
        
    

footer.blade.php

    

        Anything you want
    
    Copyright © {{date('Y')}} Company. All rights reserved.

main.blade.php

    
    
    
    
    @yield('style')



    @include('backend.layout.header')
    @include('backend.layout.sidebar')
    

        

            

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

                
 Level
                
Here
            
        
        

            @yield('content')
        
    
    @include('backend.layout.footer')


@yield('script')

sidebar.blade.php

    

        

            

                
            
            

                
Alexander Pierce
                 Online
            
        
        

            

                
                
                  
                  
                
            
        
        

            
HEADER
            
Link
            
Another Link
            

                Multilevel 
                

                    
Link in level 2
                    
Link in level 2
                
            
        
    

index.blade.php

@extends("backend.layout.main")

@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

效果预览

---

接着在浏览器输入项目地址/index，可以看到界面如下：

屏幕快照 2016-02-18 11.12.01.png