Laravel 5 框架入門(三)
本篇教程中,我們將利用 Laravel 5 自帶的開箱即用的 Auth 系統(tǒng)對(duì)我們的后臺(tái)進(jìn)行權(quán)限驗(yàn)證,并構(gòu)建出前臺(tái)頁(yè)面,對(duì) Pages 進(jìn)行展示。
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)證功能。
首先,將路由組的代碼改為:
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)在訪問(wèn) http://localhost:88/admin ,應(yīng)該會(huì)跳轉(zhuǎn)到登陸頁(yè)面。如果沒(méi)有跳轉(zhuǎn),也不要驚慌,從右上角退出,重新進(jìn)入即可。
我們的個(gè)人博客系統(tǒng)并不想讓人隨便注冊(cè),下面我們將改動(dòng)部分路由代碼,只保留基本的登錄、注銷功能。
刪掉:
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');
帶有權(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è)
先整理路由代碼,將路由的最上面的兩行:
改成:
我們將直接使用 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())` 這句話實(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)我們開始寫視圖文件:
首先,我們將創(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 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 >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')` 代表這個(gè)頁(yè)面是 learnlaravel5/resources/views/_layouts/default.blade.php 的子視圖。此時(shí) Laravel 的 視圖渲染系統(tǒng)會(huì)首先載入父視圖,再將此視圖中的 @section('content') 里面的內(nèi)容放入到父視圖中的 @yield('content') 處進(jìn)行渲染。
訪問(wèn) http://localhost:88/ ,可以得到如下頁(yè)面:
2. 構(gòu)建 Page 展示頁(yè)
首先增加路由。在路由文件的第一行下面增加一行:
新建控制器 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') <h4> <a href="/">⬅️返回首頁(yè)</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
全部完成,檢驗(yàn)成果:點(diǎn)擊首頁(yè)之中任意一篇文章的標(biāo)題,進(jìn)入文章展示頁(yè),你會(huì)看到以下頁(yè)面:
至此,前臺(tái)展示頁(yè)面全部完成,教程三結(jié)束。
以上所述就是本文的全部?jī)?nèi)容了,希望能夠?qū)Υ蠹覍W(xué)習(xí)Laravel5框架有所幫助。
- Laravel實(shí)現(xiàn)用戶注冊(cè)和登錄
- Laravel實(shí)現(xiàn)構(gòu)造函數(shù)自動(dòng)依賴注入的方法
- Laravel使用Caching緩存數(shù)據(jù)減輕數(shù)據(jù)庫(kù)查詢壓力的方法
- 基于laravel制作APP接口(API)
- PHP框架Laravel學(xué)習(xí)心得體會(huì)
- 全面解讀PHP的人氣開發(fā)框架Laravel
- Laravel 5 框架入門(四)完結(jié)篇
- Laravel 5 框架入門(二)構(gòu)建 Pages 的管理功能
- Laravel 5 框架入門(一)
- Laravel 5框架學(xué)習(xí)之用戶認(rèn)證
- Laravel 5框架學(xué)習(xí)之Eloquent 關(guān)系
- Laravel 5框架學(xué)習(xí)之子視圖和表單復(fù)用
- Laravel中注冊(cè)Facades的步驟詳解
相關(guān)文章
推薦一款PHP+jQuery制作的列表分頁(yè)的功能模塊
作者寫博目的是記錄開發(fā)過(guò)程,積累經(jīng)驗(yàn),便于以后工作參考。本文主要是記錄了制作PHP+jQuery 支持 url 分頁(yè) / ajax 分頁(yè) 的列表分頁(yè)類的過(guò)程,有需要的朋友可以參考下2014-10-10ThinkPHP框架整合微信支付之Native 掃碼支付模式二圖文詳解
這篇文章主要介紹了ThinkPHP框架整合微信支付之Native 掃碼支付模式,結(jié)合圖文形式詳細(xì)分析了thinkPHP整合微信掃碼支付功能的具體步驟與相關(guān)操作技巧,以及與模式一的區(qū)別,需要的朋友可以參考下2019-04-04Laravel框架使用monolog_mysql實(shí)現(xiàn)將系統(tǒng)日志信息保存到mysql數(shù)據(jù)庫(kù)的方法
這篇文章主要介紹了Laravel框架使用monolog_mysql實(shí)現(xiàn)將系統(tǒng)日志信息保存到mysql數(shù)據(jù)庫(kù)的方法,簡(jiǎn)單介紹了monolog_mysql的安裝、配置、數(shù)據(jù)庫(kù)遷移、日志生成、mysql寫入等相關(guān)操作技巧,需要的朋友可以參考下2018-08-08使用Entrust擴(kuò)展包在laravel 中實(shí)現(xiàn)RBAC的功能
這篇文章主要介紹了使用Entrust擴(kuò)展包在laravel 中實(shí)現(xiàn)RBAC的功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03yii2中結(jié)合gridview如何使用modal彈窗實(shí)例代碼詳解
這篇文章主要介紹了yii2中如何結(jié)合gridview使用modal彈窗的相關(guān)資料,需要的朋友可以參考下2016-06-06PHP+jQuery 注冊(cè)模塊的改進(jìn)(二):郵箱激活
本文是PHP+jQuery 注冊(cè)模塊的改價(jià)的第二篇,主要是繼續(xù)完善郵箱激活賬號(hào)方面的功能,非常的詳細(xì),有需要的朋友可以參考下2014-10-10php版微信開發(fā)Token驗(yàn)證失敗或請(qǐng)求URL超時(shí)問(wèn)題的解決方法
這篇文章主要介紹了php版微信開發(fā)Token驗(yàn)證失敗或請(qǐng)求URL超時(shí)問(wèn)題的解決方法,簡(jiǎn)單分析了Token驗(yàn)證失敗及請(qǐng)求URL超時(shí)的原因及相關(guān)解決方法,需要的朋友可以參考下2016-09-09Laravel 5.5 的自定義驗(yàn)證對(duì)象/類示例代碼詳解
Laravel 5.5 將提供一個(gè)全新的自定義驗(yàn)證規(guī)則的對(duì)象,以作為原來(lái)的 Validator::extend 方法的替代。接下來(lái)通過(guò)示例代碼給大家介紹laravel 自定義驗(yàn)證對(duì)象和類,需要的朋友參考下吧2017-08-08YII2框架自定義全局函數(shù)的實(shí)現(xiàn)方法小結(jié)
這篇文章主要介紹了YII2框架自定義全局函數(shù)的實(shí)現(xiàn)方法,總結(jié)分析了YII2框架自定義全局函數(shù)相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03