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

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

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

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

1. 权限验证

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

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

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

上面代码中只有一处变化:给 `Route::group()` 的第一个参数(一个数组)增加了一项 `'middleware' => 'auth'`。现在访问 http://fuck.io: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())` 这句话实现以下功能:

  1. 渲染 learnlaravel5/resources/views/home.blade.php 视图文件
  2. 把变量 $pages 传进视图,$pages = Page::all()
  3. 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="https://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://fuck.io:88/ ,可以得到如下页面:

Image

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

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

Image

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



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


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

WRITTEN BY

avatar
2015.3.10   /   热度:49021   /   分类: Laravel

评论:

郭鹏飞
2017-04-07 16:18
配置完以后不能注册了   找不到注册的页面了
秋枫
2016-10-13 16:08
View [admin.index] not found. (View: E:\demo\resources\views\admin\shopType\index.blade.php)
访问报错,感觉上前面应该是 View[admin.shopType.index].不知道为什么,这个shpType不见了。
route:
Route::group(['prefix' => 'shop','namespace' => 'Admin'],function ($router)
{
    $router->get('shopType', 'shopTypeController@index');
    $router->get('/', 'shopController@index');
});

controller:
class ShopTypeController extends Controller
{
    public function index()
    {
       $shopTypes = ShopType::all();
       return view('admin.shopType.index',compact('shopTypes'));
    }
}
lin
2016-09-12 09:34
home.blade.php 和 show.blade.php页面加载很慢  是怎么回事
铃木
2016-07-27 10:05
博主,你代码里面的withPages和withPage到底是用的laravel的什么知识啊?求博主解惑。
铃木
2016-07-26 17:41
你好,请问在这段代码“return view('home')->withPages(Page::all());”中,withPages 这个函数是从哪里出来的?我怎么上网搜不到改函数?
dapan
2016-08-08 11:37
@铃木:你也可以写成withArticles
木偶先生
2016-03-24 16:29
Route::get('testCsrf', function(){
    $csrf_field = csrf_field();
    $html = <<<GET
        <form method="POST" action="/testCsrf">
          
            <input type="submit" value="Test"/>
        </form>
GET;
    return $html;
});

Route::post('testCsrf', function(){
    return 'Success!';
});

CSRF没有作用 没有生成在文件中查看也没有生成seesion
不管嫁不嫁CSRF验证都能提交成功  求解啊
阿狸先森
2016-03-21 18:36
登陆之后  xxx/home  无法访问  所有前端链接都指向 xxx/home   不登陆一切正常。。。
wang
2016-03-15 13:31
你好,请问<form action="{{ URL('admin/pages/'.$page->id) }}" method="POST" style="display: inline;">
              <input name="_method" type="hidden" value="DELETE">
              <input type="hidden" name="_token" value="{{ csrf_token() }}">
              <button type="submit" class="btn btn-danger">删除</button>
            </form>
这个form是怎么调用的pagescontroller的destory方法的,能不能想起跟我说一下
小七
2015-12-18 10:58
home.blade.php里面的Class 'Inspiring' not found,这个该怎么解决
kreny
2016-01-15 21:11
@小七:我也遇到同样的问题
了不起的点赞
2016-06-14 18:33
@小七:在config/app.php的‘alias’属性下添加如下
'alias'=>[
    ...
    'Inspiring'     => 'Illuminate\Foundation\Inspiring',
    ...
]
cc
2015-11-26 15:16
Route::controllers([
    'auth' => 'Auth\AuthController',
    'password' => 'Auth\PasswordController',
]);
老师你好,请问Route::controllers([]);这个是有什么用的?
nick_mlin
2016-01-21 14:13
@cc:数组
anzichen
2015-11-23 16:32
HomeController.php中,
<?php namespace App\Http\Controllers;

use App\Page;

class HomeController extends Controller {

    public function index()
    {
        return view('home')->withPages(Page::all());
    }

}


如果我要加一个  return view('home')->withMoods(Mood::all());   将心情模块也显示在首页,做成类似QQ空间的博客首页展示,此处我应该具体怎么写代码啊?
露露
2015-08-28 16:14
出现Class 'App\Page' not found 问题, 要怎么解决???
了不起的点赞
2016-06-14 16:51
@露露:HomeController.php文件中写入use App\Page或者在其他的缺失文件
Lisam
2015-08-23 20:44
<!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')

博主,为什么只有一个页面(default.blade.php)是这样的,是不是引入css,js等只能通过这里引入,如果可以在这里引入,又该将把js,css文件放置在哪里了,我在网上搜到是放在public目录下,如果是放在这个目录下是不是用相对路径引人
JohnLui
2015-08-23 22:35
@Lisam:静态文件并不是 Laravel 负责管理的,是给浏览器一个地址,他自己去请求的。
张小尘
2015-08-13 11:00
大爱,感谢博主
新手求教
2015-07-11 18:15
如果我想保留前面的注册登录页面,同时也要后面的新增评论功能,应该怎么改呢。。大神求教。。
flyfish
2015-06-19 15:42
<link href="/css/app.css" rel="stylesheet">改为
<link href="{{ asset('/css/app.css') }}" rel="stylesheet">
08LZX
2015-08-03 16:04
@flyfish:赞!!!前面加asset是什么意思啊
prian
2015-06-17 18:33
为啥我运行admin的时候提示
InvalidArgumentException in FileViewFinder.php line 137:
View [auth.login] not found.
我查看了目录,也确实没有,是不是因为新版的L a ra v e l默认是没有的
flyfish
2015-06-19 16:06
@prian:5.1没有
flyfish
2015-06-19 16:30
@prian:为什么你返回首页前面那个图标 我这里出不来
JohnLui
2015-06-19 16:35
@flyfish:因为你不是MAC?
azxkill
2016-06-28 10:34
@prian:这个错误到底什么意思啊,我跟你一样的,刚装完,首页都打不开就报这错,新手求指教啊~
redsword
2015-06-04 16:07
问一下博主,return `view('home')->withPages(Page::all())`,
这里的返回参数的用法有文档吗?本例中的表名是pages所以在参数里就是“withPages”?
如果是用到别的表名,比如articles,这里的参数是不是就是“withArticles”?
JohnLui
2015-06-04 16:14
@redsword:这只是一种优雅的写法。

->withHello('world')

的意思是将 $hello = 'world' 这个变量传入模板。
小剑伯
2015-04-27 09:52
教程中 Route::get('/', 'AdminHomeComtroller@index'); 的Controller拼写错误
JohnLui
2015-04-27 10:00
@小剑伯: 竟然还有漏网之鱼
peter1341
2015-04-06 16:43
我知道问题出在哪了,密码会加密。而我Seeder生成的是明文,too young too simple.

发表评论:

© 2011-2017 岁寒  |  Powered by Emlog