Laravel 5 框架入门(三)

本篇教程中,我们将利用 Laravel 5 自带的开箱即用的 Auth 系统对我们的后台进行权限验证,并构建出前台页面,对 Pages 进行展示。

1. 权限验证

后台地址为 http://localhost:88/admin ,我们的所有后台操作都将在此页面或其子页面下进行。利用 Laravel 5 提供的 Auth,我们只需要改动很少部分的路由代码便可以实现权限验证功能。

首先,将路由组的代码改为:

Route::group([‘prefix’ => ‘admin’, ‘namespace’ => ‘Admin’, ‘middleware’ => ‘auth’], function()
{
Route::get(‘/’, ‘[email protected]’);
Route::resource(‘pages’, ‘PagesController’);
});

上面代码中只有一处变化:给 `Route::group()` 的第一个参数(一个数组)增加了一项 `’middleware’ => ‘auth’`。现在访问 http://localhost:88/admin ,应该会跳转到登陆页面。如果没有跳转,也不要惊慌,从右上角退出,重新进入即可。

我们的个人博客系统并不想让人随便注册,下面我们将改动部分路由代码,只保留基本的登录、注销功能。

删掉:

Route::controllers([
‘auth’ => ‘AuthAuthController’,
‘password’ => ‘AuthPasswordController’,
]);

增加:

Route::get(‘auth/login’, ‘[email protected]’);
Route::post(‘auth/login’, ‘[email protected]’);
Route::get(‘auth/logout’, ‘[email protected]’);

带有权限验证的最小化功能的后台已经完成,这个后台目前只管理 Page(页面)这一种资源。接下来我们将构建前台页面,把 Pages 展示出来。

2. 构建首页

先整理路由代码,将路由的最上面的两行:

Route::get(‘/’, ‘[email protected]’);
Route::get(‘home’, ‘[email protected]’);

改成:

Route::get(‘/’, ‘[email protected]’);

我们将直接使用 HomeController 来支撑我们的前台页面展示。

此时可以删除 learnlaravel5/app/Http/Controllers/WelcomeController.php 控制器文件和 learnlaravel5/resources/views/welcome.blade.php 视图文件。

修改 learnlaravel5/app/Http/Controllers/HomeController.php 为:

  <?php namespace AppHttpControllers;    use AppPage;    class HomeController extends Controller {     public function index()   {   return view('home')->withPages(Page::all());   }    }    

控制器构造完成。

`view(‘home’)->withPages(Page::all())` 这句话实现以下功能:

渲染 learnlaravel5/resources/views/home.blade.php 视图文件
把变量 $pages 传进视图,$pages = Page::all()
Page::all() 调用的是 Eloquent 中的 all() 方法,返回 pages 表中的所有数据。
接下来我们开始写视图文件:

首先,我们将创建一个前端页面的统一的外壳,即 `<head>` 部分及 `#footer` 部分。新建 learnlaravel5/resources/views/_layouts/default.blade.php 文件(文件夹请自行创建):

  <!DOCTYPE html>  <html lang="zh-CN">  <head>   <meta charset="utf-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="viewport" content="width=device-width, initial-scale=1">   <title>Learn Laravel 5</title>     <link href="/css/app.css" rel="stylesheet">     <!-- Fonts -->   <link href='http://fonts.useso.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>  </head>  <body>     <div class="container" style="margin-top: 20px;">    @yield('content')    <div id="footer" style="text-align: center; border-top: dashed 3px #eeeeee; margin: 50px 0; padding: 20px;">     ©2015 <a href="http://lvwenhan.com">JohnLui</a>    </div>   </div>      </body>  </html>    

修改 learnlaravel5/resources/views/home.blade.php 文件为:

  @extends('_layouts.default')    @section('content')   <div id="title" style="text-align: center;">   <h1>Learn Laravel 5</h1>   <div style="padding: 5px; font-size: 16px;">{{ Inspiring::quote() }}</div>   </div>   <hr>   <div id="content">   <ul>    @foreach ($pages as $page)    <li style="margin: 50px 0;">    <div class="title">     <a href="{{%20URL('pages/'.$page->id)%20}}">     <h4>{{ $page->title }}</h4>     </a>    </div>    <div class="body">     <p>{{ $page->body }}</p>    </div>    </li>    @endforeach   </ul>   </div>  @endsection    

第一行 [email protected](‘_layouts.default’)` 代表这个页面是 learnlaravel5/resources/views/_layouts/default.blade.php 的子视图。此时 Laravel 的 视图渲染系统会首先载入父视图,再将此视图中的 @section(‘content’) 里面的内容放入到父视图中的 @yield(‘content’) 处进行渲染。

访问 http://localhost:88/ ,可以得到如下页面:

2. 构建 Page 展示页

首先增加路由。在路由文件的第一行下面增加一行:

Route::get(‘pages/{id}’, ‘[email protected]’);

新建控制器 learnlaravel5/app/Http/Controllers/PagesController.php,负责单个 page 的展示:

  <?php namespace AppHttpControllers;    use AppPage;    class PagesController extends Controller {     public function show($id)   {    return view('pages.show')->withPage(Page::find($id));   }    }    

新建视图 learnlaravel5/resources/views/pages/show.blade.php 文件:

  @extends('_layouts.default')    @section('content')   <h4>    <a href="/">⬅️返回首页</a>   </h4>     <h1 style="text-align: center; margin-top: 50px;">{{ $page->title }}</h1>   <hr>   <div id="date" style="text-align: right;">    {{ $page->updated_at }}   </div>   <div id="content" style="padding: 50px;">    <p>     {{ $page->body }}    </p>   </div>  @endsection    

全部完成,检验成果:点击首页之中任意一篇文章的标题,进入文章展示页,你会看到以下页面:

至此,前台展示页面全部完成,教程三结束。

以上所述就是本文的全部内容了,希望能够对大家学习Laravel5框架有所帮助。

Laravel 5 框架入门(三)

郑重声明:本网站发布的内容(图片、视频和文字)以及用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注