Laravel 5 框架入门(三)


Posted in PHP onApril 09, 2015

本篇教程中,我们将利用 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/ ,可以得到如下页面:

Laravel 5 框架入门(三)

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

全部完成,检验成果:点击首页之中任意一篇文章的标题,进入文章展示页,你会看到以下页面:

Laravel 5 框架入门(三)

至此,前台展示页面全部完成,教程三结束。

以上所述就是本文的全部内容了,希望能够对大家学习Laravel5框架有所帮助。

PHP 相关文章推荐
php中通过smtp发邮件的类,测试通过
Jan 22 PHP
excellent!――ASCII Art(由目标图象生成ascii)
Feb 20 PHP
php中的MVC模式运用技巧
May 03 PHP
php 生成文字png图片的代码
Apr 17 PHP
php中经典方法实现判断多维数组是否为空
Oct 23 PHP
php中批量修改文件后缀名的函数代码
Oct 23 PHP
php使用smtp发送支持附件的邮件示例
Apr 13 PHP
PHP设计模式之装饰者模式代码实例
May 11 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
Dec 01 PHP
Symfony2 session用法实例分析
Feb 04 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
Jul 14 PHP
wordpress自定义标签云与随机获取标签的方法详解
Mar 22 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
Apr 09 #PHP
Laravel 5 框架入门(一)
Apr 09 #PHP
Smarty中的注释和截断功能介绍
Apr 09 #PHP
PHP中使用hidef扩展代替define提高性能
Apr 09 #PHP
PHP JSON格式的中文显示问题解决方法
Apr 09 #PHP
Laravel 5框架学习之用户认证
Apr 09 #PHP
PHP中把数据库查询结果输出为json格式简单实例
Apr 09 #PHP
You might like
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
javascript实现标签切换代码示例
2016/05/22 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
Python同时向控制台和文件输出日志logging的方法
2015/05/26 Python
Python 编码处理-str与Unicode的区别
2016/09/06 Python
python主线程捕获子线程的方法
2018/06/17 Python
python flask实现分页的示例代码
2018/08/02 Python
详解python pandas 分组统计的方法
2019/07/30 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
python中openpyxl和xlsxwriter对Excel的操作方法
2021/03/01 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
文员自我评价怎么写
2013/09/19 职场文书
汽车工程专业应届生求职信
2013/10/19 职场文书
质量保证书格式
2015/02/27 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis