PHP编程:Laravel 5 框架入门(三)
《Laravel 5 框架入门(三)》要点: 本篇教程中,我们将利用 Laravel 5 自带的开箱即用的 Auth 系统对我们的后台进行权限验证,并构建出前台页面,对 Pages 进行展示.PHP实战 1. 权限验证 后台地址为 http://localhost:88/admin,我们的所有后台操作都将在此页面或其子页面下进行.利用 Laravel 5 提供的 Auth,我们只需要改动很少部分的路由代码便可以实现权限验证功能.PHP实战 首先,将路由组的代码改为:PHP实战
代码如下:
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,应该会跳转到登陆页面.如果没有跳转,也不要惊慌,从右上角退出,重新进入即可.PHP实战 我们的个人博客系统并不想让人随便注册,下面我们将改动部分路由代码,只保留基本的登录、注销功能.PHP实战 删掉:PHP实战
代码如下:
Route::controllers([ ?'auth' => 'AuthAuthController', ?'password' => 'AuthPasswordController', ]); 增加:PHP实战
代码如下:
Route::get('auth/login','AuthAuthController@getLogin'); Route::post('auth/login','AuthAuthController@postLogin'); Route::get('auth/logout','AuthAuthController@getLogout'); 带有权限验证的最小化功能的后台已经完成,这个后台目前只管理 Page(页面)这一种资源.接下来我们将构建前台页面,把 Pages 展示出来.PHP实战 2. 构建首页 先整理路由代码,将路由的最上面的两行:PHP实战
代码如下:
Route::get('/','WelcomeController@index'); Route::get('home','HomeController@index'); 改成:
代码如下:
Route::get('/','HomeController@index'); 我们将直接使用 HomeController 来支撑我们的前台页面展示.PHP实战 此时可以删除 learnlaravel5/app/Http/Controllers/WelcomeController.php 控制器文件和 learnlaravel5/resources/views/welcome.blade.php 视图文件.PHP实战 修改 learnlaravel5/app/Http/Controllers/HomeController.php 为:PHP实战 <?php namespace AppHttpControllers; use AppPage; class HomeController extends Controller { public function index() { return view('home')->withPages(Page::all()); } } 控制器构造完成.PHP实战 `view('home')->withPages(Page::all())` 这句话实现以下功能:PHP实战 渲染 learnlaravel5/resources/views/home.blade.php 视图文件 首先,我们将创建一个前端页面的统一的外壳,即 `<head>` 部分及 `#footer` 部分.新建 learnlaravel5/resources/views/_layouts/default.blade.php 文件(文件夹请自行创建):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 文件为: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') 处进行渲染.PHP实战 访问 http://localhost:88/,可以得到如下页面:PHP实战
2. 构建 Page 展示页 首先增加路由.在路由文件的第一行下面增加一行:PHP实战
代码如下:
Route::get('pages/{id}','PagesController@show'); 新建控制器 learnlaravel5/app/Http/Controllers/PagesController.php,负责单个 page 的展示:PHP实战 <?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 文件: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 编程之家培训学院每天发布《Laravel 5 框架入门(三)》等实战技能,PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |