资讯专栏INFORMATION COLUMN

Laravel 5 系列入门教程(三)【最适合中国人的 Laravel 教程】

xcold / 893人阅读

摘要:原文发表在我的个人网站系列入门教程三最适合中国人的教程本教程示例代码见大家在任何地方卡住,最快捷的解决方式就是去看我的示例代码。教程三代码快照下一步系列入门教程四最适合中国人的教程完结


原文发表在我的个人网站:Laravel 5 系列入门教程(三)【最适合中国人的 Laravel 教程】


  本教程示例代码见:https://github.com/johnlui/Learn-Laravel-5

  
  

大家在任何地方卡住,最快捷的解决方式就是去看我的示例代码。

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

1. 权限验证

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

首先,将路由组的代码改为:

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

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

我们的个人博客系统并不想让人随便注册,下面我们将改动部分路由代码,只保留基本的登录、注销功能。

删掉:

phpRoute::controllers([
    "auth" => "AuthAuthController",
    "password" => "AuthPasswordController",
]);

增加:

phpRoute::get("auth/login", "AuthAuthController@getLogin");
Route::post("auth/login", "AuthAuthController@postLogin");
Route::get("auth/logout", "AuthAuthController@getLogout");

带有权限验证的最小化功能的后台已经完成,这个后台目前只管理 Page(页面)这一种资源。接下来我们将构建前台页面,把 Pages 展示出来。

2. 构建首页

先整理路由代码,将路由的最上面的两行:

phpRoute::get("/", "WelcomeController@index");

Route::get("home", "HomeController@index");

改成:

phpRoute::get("/", "HomeController@index");

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

此时可以删除 learnlaravel5/app/Http/Controllers/WelcomeController.php 控制器文件和 learnlaravel5/resources/views/welcome.blade.php 视图文件。

修改 learnlaravel5/app/Http/Controllers/HomeController.php 为:

phpwithPages(Page::all());
    }

}

控制器构造完成。

view("home")->withPages(Page::all()) 这句话实现以下功能:

渲染 learnlaravel5/resources/views/home.blade.php 视图文件

把变量 $pages 传进视图,$pages = Page::all()

Page::all() 调用的是 Eloquent 中的 all() 方法,返回 pages 表中的所有数据。

接下来我们开始写视图文件:

首先,我们将创建一个前端页面的统一的外壳,即 部分及 #footer 部分。新建 learnlaravel5/resources/views/_layouts/default.blade.php 文件(文件夹请自行创建):

php


  
  
  
  Learn Laravel 5

  

  
  





@yield("content")

修改 learnlaravel5/resources/views/home.blade.php 文件为:

php@extends("_layouts.default")

@section("content")


Learn Laravel 5

{{ Inspiring::quote() }}

@endsection

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

访问 http://fuck.io:88/ ,可以得到如下页面:

2. 构建 Page 展示页

首先增加路由。在路由文件的第一行下面增加一行:

phpRoute::get("pages/{id}", "PagesController@show");

新建控制器 learnlaravel5/app/Http/Controllers/PagesController.php,负责单个 page 的展示:

phpwithPage(Page::find($id));
  }

}

新建视图 learnlaravel5/resources/views/pages/show.blade.php 文件:

php@extends("_layouts.default")

@section("content")


⬅️返回首页

{{ $page->title }}


{{ $page->updated_at }}

{{ $page->body }}

@endsection

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

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


教程(三)代码快照:https://github.com/johnlui/Learn-Laravel-5/archive/tutorial_3.zip


  下一步:Laravel 5 系列入门教程(四)【最适合中国人的 Laravel 教程】【完结】

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/30209.html

相关文章

  • 【完结】Laravel 4 系列入门教程适合国人Laravel教程

    摘要:完结教程一教程二教程三原文是富文本编辑器写的,向不好转换,大家点过去看吧。。。 【完结】 教程(一):http://lvwenhan.com/laravel/398.html 教程(二): http://lvwenhan.com/laravel/399.html 教程(三): http://lvwenhan.com/laravel/400.html 原文是富文本编辑器写的...

    JinB 评论0 收藏0
  • Laravel 5 系列入门教程(四)【适合国人 Laravel 教程】【完结】

    摘要:原文发表在我的个人网站系列入门教程四最适合中国人的教程本教程示例代码见大家在任何地方卡住,最快捷的解决方式就是去看我的示例代码。 原文发表在我的个人网站:Laravel 5 系列入门教程(四)【最适合中国人的 Laravel 教程】 本教程示例代码见:https://github.com/johnlui/Learn-Laravel-5 大家在任何地方卡住,最快捷...

    jsummer 评论0 收藏0
  • Laravel 5 系列入门教程(二)【适合国人 Laravel 教程

    摘要:原文发表在我的个人网站系列入门教程二最适合中国人的教程本教程示例代码见大家在任何地方卡住,最快捷的解决方式就是去看我的示例代码。 原文发表在我的个人网站:Laravel 5 系列入门教程(二)【最适合中国人的 Laravel 教程】 本教程示例代码见:https://github.com/johnlui/Learn-Laravel-5 大家在任何地方卡住,最快捷...

    未东兴 评论0 收藏0
  • Laravel 5 系列入门教程(一)【适合国人 Laravel 教程

    摘要:原文发表在我的个人网站系列入门教程一最适合中国人的教程本教程示例代码见大家在任何地方卡住,最快捷的解决方式就是去看我的示例代码。在此我推荐一个全量中国镜像。 原文发表在我的个人网站:Laravel 5 系列入门教程(一)【最适合中国人的 Laravel 教程】 本教程示例代码见:https://github.com/johnlui/Learn-Laravel-5 大...

    EscapedDog 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<