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实现链结人气统计
Oct 09 PHP
用PHP来写记数器(详细介绍)
Oct 09 PHP
新闻分类录入、显示系统
Oct 09 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
Jun 03 PHP
php的ajax简单实例
Feb 27 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
Aug 18 PHP
PHP多线程之内部多线程实例分析
Mar 09 PHP
PHP程序中使用adodb连接不同数据库的代码实例
Dec 19 PHP
PHP插件PHPMailer发送邮件功能
Feb 28 PHP
Yii2 批量插入、更新数据实例
Mar 15 PHP
PHP实现中国公民身份证号码有效性验证示例代码
May 03 PHP
PHP中的自动加载操作实现方法详解
Aug 06 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
php checkbox 取值详细说明
2010/08/19 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php实现信用卡校验位算法THE LUHN MOD-10示例
2014/05/07 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
JavaScript 事件记录使用说明
2009/10/20 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
微信小程序 天气预报开发实例代码源码
2017/01/20 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
python 实现归并排序算法
2012/06/05 Python
Python实现判断一行代码是否为注释的方法
2018/05/23 Python
Python中的Numpy矩阵操作
2018/08/12 Python
Linux下多个Python版本安装教程
2018/08/15 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
python图像处理入门(一)
2019/04/04 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
Python any()函数的使用方法
2019/10/28 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
Python装饰器用法与知识点小结
2020/03/09 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
2020/10/31 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
环保倡议书怎么写
2014/05/16 职场文书
反邪教标语
2014/06/23 职场文书
班主任2015新年寄语
2014/12/08 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
山楂树之恋观后感
2015/06/11 职场文书
同意报考公务员证明
2015/06/17 职场文书
《分数的意义》教学反思
2016/02/20 职场文书