首頁 > 其他

Laravel 5 架構入門（三）_php執行個體

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

本篇教程中，我們將利用 Laravel 5 內建的開箱即用的 Auth 系統對我們的後台進行許可權驗證，並構建出前台頁面，對 Pages 進行展示。

1. 許可權驗證

後台地址為 http://localhost:88/admin ，我們的所有後台操作都將在此頁面或其子頁面下進行。利用 Laravel 5 提供的 Auth，我們只需要改動很少部分的路由代碼便可以實現許可權驗證功能。

首先，將路由群組的代碼改為：

複製代碼 代碼如下:

Route::group(['prefix' => 'admin', 'namespace' => 'Admin', 'middleware' => 'auth'], function()
{
  Route::get('/', 'AdminHomeComtroller@index');
  Route::resource('pages', 'PagesController');
});

上面代碼中只有一處變化：給 `Route::group()` 的第一個參數（一個數組）增加了一項 `'middleware' => 'auth'`。現在訪問 http://localhost:88/admin ，應該會跳轉到登陸頁面。如果沒有跳轉，也不要驚慌，從右上方退出，重新進入即可。

我們的個人部落格系統並不想讓人隨便註冊，下面我們將改動部分路由代碼，只保留基本的登入、登出功能。

刪掉：

複製代碼 代碼如下:

Route::controllers([
 'auth' => 'Auth\AuthController',
 'password' => 'Auth\PasswordController',
]);

增加：

複製代碼 代碼如下:

Route::get('auth/login', 'Auth\AuthController@getLogin');
Route::post('auth/login', 'Auth\AuthController@postLogin');
Route::get('auth/logout', 'Auth\AuthController@getLogout');

帶有許可權驗證的最小化功能的後台已經完成，這個後台目前只管理 Page（頁面）這一種資源。接下來我們將構建前台頁面，把 Pages 展示出來。

2. 構建首頁

先整理路由代碼，將路由的最上面的兩行：

複製代碼 代碼如下:

Route::get('/', 'WelcomeController@index');
Route::get('home', 'HomeController@index');

改成：

複製代碼 代碼如下:

Route::get('/', 'HomeController@index');

我們將直接使用 HomeController 來支撐我們的前台頁面展示。

此時可以刪除 learnlaravel5/app/Http/Controllers/WelcomeController.php 控制器檔案和 learnlaravel5/resources/views/welcome.blade.php 視圖檔案。

修改 learnlaravel5/app/Http/Controllers/HomeController.php 為：

<?php namespace App\Http\Controllers;use App\Page;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="{{ URL('pages/'.$page->id) }}">   <h4>{{ $page->title }}</h4>   </a>  </div>  <div class="body">   <p>{{ $page->body }}</p>  </div>  </li>  @endforeach </ul> </div>@endsection

第一行 `@extends('_layouts.default')` 代表這個頁面是 learnlaravel5/resources/views/_layouts/default.blade.php 的子視圖。此時 Laravel 的 視圖渲染系統會首先載入父視圖，再將此視圖中的 @section('content') 裡面的內容放入到父視圖中的 @yield('content') 處進行渲染。

訪問 http://localhost:88/ ，可以得到如下頁面：

2. 構建 Page 展示頁

首先增加路由。在路由檔案的第一行下面增加一行：

複製代碼 代碼如下:

Route::get('pages/{id}', 'PagesController@show');

建立控制器 learnlaravel5/app/Http/Controllers/PagesController.php，負責單個 page 的展示：

<?php namespace App\Http\Controllers;use App\Page;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架構有所協助。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More