溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

Laravel 5框架入門(mén)學(xué)習(xí)教程

發(fā)布時(shí)間：2021-09-28 17:38:30 來(lái)源：億速云 閱讀：154 作者：iii 欄目：開(kāi)發(fā)技術(shù)

本篇內(nèi)容介紹了“Laravel 5框架入門(mén)學(xué)習(xí)教程”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1. 權(quán)限驗(yàn)證

后臺(tái)地址為 http://localhost:88/admin ，我們的所有后臺(tái)操作都將在此頁(yè)面或其子頁(yè)面下進(jìn)行。利用 Laravel 5 提供的 Auth，我們只需要改動(dòng)很少部分的路由代碼便可以實(shí)現(xiàn)權(quán)限驗(yàn)證功能。

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

復(fù)制代碼 代碼如下:


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

上面代碼中只有一處變化：給 `Route::group()` 的第一個(gè)參數(shù)（一個(gè)數(shù)組）增加了一項(xiàng) `'middleware' => 'auth'`?，F(xiàn)在訪(fǎng)問(wèn) http://localhost:88/admin ，應(yīng)該會(huì)跳轉(zhuǎn)到登陸頁(yè)面。如果沒(méi)有跳轉(zhuǎn)，也不要驚慌，從右上角退出，重新進(jìn)入即可。

我們的個(gè)人博客系統(tǒng)并不想讓人隨便注冊(cè)，下面我們將改動(dòng)部分路由代碼，只保留基本的登錄、注銷(xiāo)功能。

刪掉：

復(fù)制代碼 代碼如下:


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

增加：

復(fù)制代碼 代碼如下:


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

帶有權(quán)限驗(yàn)證的最小化功能的后臺(tái)已經(jīng)完成，這個(gè)后臺(tái)目前只管理 Page（頁(yè)面）這一種資源。接下來(lái)我們將構(gòu)建前臺(tái)頁(yè)面，把 Pages 展示出來(lái)。

2. 構(gòu)建首頁(yè)

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

復(fù)制代碼 代碼如下:


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


改成：

復(fù)制代碼 代碼如下:


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

我們將直接使用 HomeController 來(lái)支撐我們的前臺(tái)頁(yè)面展示。

此時(shí)可以刪除 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());
 }

}

控制器構(gòu)造完成。

`view('home')->withPages(Page::all())` 這句話(huà)實(shí)現(xiàn)以下功能：

渲染 learnlaravel5/resources/views/home.blade.php 視圖文件
把變量 $pages 傳進(jìn)視圖，$pages = Page::all()
Page::all() 調(diào)用的是 Eloquent 中的 all() 方法，返回 pages 表中的所有數(shù)據(jù)。
接下來(lái)我們開(kāi)始寫(xiě)視圖文件：

首先，我們將創(chuàng)建一個(gè)前端頁(yè)面的統(tǒng)一的外殼，即 `<head>` 部分及 `#footer` 部分。新建 learnlaravel5/resources/views/_layouts/default.blade.php 文件（文件夾請(qǐng)自行創(chuàng)建）：

<!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" >
  @yield('content')
  <div id="footer" >
   &copy;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" >
 <h2>Learn Laravel 5</h2>
 <div >{{ Inspiring::quote() }}</div>
 </div>
 <hr>
 <div id="content">
 <ul>
  @foreach ($pages as $page)
  <li >
  <div class="title">
   <a href="{{ URL('pages/'.$page->id) }}">
   <h5>{{ $page->title }}</h5>
   </a>
  </div>
  <div class="body">
   <p>{{ $page->body }}</p>
  </div>
  </li>
  @endforeach
 </ul>
 </div>
@endsection

第一行 `@extends('_layouts.default')` 代表這個(gè)頁(yè)面是 learnlaravel5/resources/views/_layouts/default.blade.php 的子視圖。此時(shí) Laravel 的 視圖渲染系統(tǒng)會(huì)首先載入父視圖，再將此視圖中的 @section('content') 里面的內(nèi)容放入到父視圖中的 @yield('content') 處進(jìn)行渲染。

訪(fǎng)問(wèn) http://localhost:88/ ，可以得到如下頁(yè)面：

Laravel 5框架入門(mén)學(xué)習(xí)教程

2. 構(gòu)建 Page 展示頁(yè)

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

復(fù)制代碼 代碼如下:


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

新建控制器 learnlaravel5/app/Http/Controllers/PagesController.php，負(fù)責(zé)單個(gè) 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')
 <h5>
  <a href="/">??返回首頁(yè)</a>
 </h5>

 <h2 >{{ $page->title }}</h2>
 <hr>
 <div id="date" >
  {{ $page->updated_at }}
 </div>
 <div id="content" >
  <p>
   {{ $page->body }}
  </p>
 </div>
@endsection

全部完成，檢驗(yàn)成果：點(diǎn)擊首頁(yè)之中任意一篇文章的標(biāo)題，進(jìn)入文章展示頁(yè)，你會(huì)看到以下頁(yè)面：

Laravel 5框架入門(mén)學(xué)習(xí)教程

“Laravel 5框架入門(mén)學(xué)習(xí)教程”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手