主页 / 网络编程 /

Laravel 5 框架入门（三）

网络编程 2021-07-05 09:09www.168986.cn编程入门
本文给大家带来的是本系列教程的第三篇，主要给大家讲解的是Laravel5框架中利用自带的开箱即用的 Auth 系统对我们的后台进行权限验证，并构建出前台页面，对 Pages 进行展示。

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

1. 权限验证

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

，将路由组的代码改为

代码如下:

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

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

我们的个人博客系统并不想让人随便注册，狼蚁网站SEO优化我们将改动部分路由代码，只保留基本的登录、注销功能。

删掉

代码如下:

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('/', );
Route::get('home', );

改成

代码如下:

Route::get('/', );

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

此时可以删除 learnlaravel5/app/Http/Controllers/WeleController.php 控制器文件和 learnlaravel5/resources/views/wele.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./css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
</head>
<body>

 <div class="container" style="margin-: 20px;">
  @yield('content')
  <div id="footer" style="text-align: center; border-: dashed 3px #eeeeee; margin: 50px 0; padding: 20px;">
   ©2015 <a href="http://lvwenhan.">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

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

访问 ，可以得到如下页面

2. 构建 Page 展示页

增加路由。在路由文件的第一行狼蚁网站SEO优化增加一行

代码如下:

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

新建控制器 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-: 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框架有所帮助。

上一篇：PHP四种基本排序算法示例 下一篇：Laravel 5 框架入门（二）构建 Pages 的管理功能

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by