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

2015-3-8   /   阅读数:159444   /   分类: Laravel

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

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

我们将改变学习路线,不再像 Laravel 4 教程那样先构建登录系统。在本篇教程中,我们将一起构建 Pages 的管理功能,尝试 Laravel 的路由和 PHP 的命名空间

1. 路由

Laravel 中的路由,跟其他 PHP 框架一样,作用是把各种请求分流到各个控制器。

在 `learnlaravel5/app/Http/routes.php` 的末尾添加以下代码:

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

这表示创建了一个路由组。

1. `'prefix' => 'admin'` 表示这个路由组的 url 前缀是 /admin,也就是说中间那一行代码 `Route::get('/'` 对应的链接不是 http://fuck.io:88/ 而是 http://fuck.io:88/admin ,如果这段代码是 `Route::get('fuck'` 的话,那么 URL 就应该是 http://fuck.io:88/admin/fuck

2. `'namespace' => 'Admin'` 表示下面的 `AdminHomeController@index` 不是在 `\App\Http\Controllers\AdminHomeController@index` 而是在 `\App\Http\Controllers\Admin\AdminHomeController@index`,加上了一个命名空间的前缀。

如果你用过 Laravel 4,会发现 Laravel 5 的命名空间规划比较怪异,这其实是一个非常大的进步。Laravel 4 其实已经全面引入了命名空间这个强大的特性,但是为了“降低学习成本”,把 路由、控制器、模型 的默认命名空间全部设置成了顶级命名空间,这个举动反而让很多人比较轻易地“上手”了 Laravel,但是在用了一段时间以后,还需要翻越一堵高墙,那就是命名空间,而且有了前面的“容易上手”的印象作为铺垫,后期的学习会更加困难。Laravel 5 把命名空间全部隔开,控制器在 `\App\Http\Controllers`,模型在 `\App`,让我们在刚上手的时候就体验命名空间分离的感觉,总体上其实是会降低学习成本的。

2. 控制器

我们可以使用 Artisan 非常方便地构建控制器:

php artisan make:controller Admin/AdminHomeController

得到 `learnlaravel5/app/Http/Controllers/Admin/AdminHomeController.php` 文件。

在 `class AdminHomeController extends Controller {` 上面增加一行:

use App\Page;

修改 index() 的代码如下:

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

控制器中文文档:http://laravel-china.org/docs/5.0/controllers

控制器中涉及到了许多的命名空间知识,可以参考 PHP 命名空间 解惑

3. 视图

新建 `learnlaravel5/resources/views/AdminHome.blade.php`:

@extends('app')

@section('content')
<div class="container">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <div class="panel panel-default">
        <div class="panel-heading">后台首页</div>

        <div class="panel-body">

        <a href="{{ URL('admin/pages/create') }}" class="btn btn-lg btn-primary">新增</a>

          @foreach ($pages as $page)
            <hr>
            <div class="page">
              <h4>{{ $page->title }}</h4>
              <div class="content">
                <p>
                  {{ $page->body }}
                </p>
              </div>
            </div>
            <a href="{{ URL('admin/pages/'.$page->id.'/edit') }}" class="btn btn-success">编辑</a>

            <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>
          @endforeach

        </div>
      </div>
    </div>
  </div>
</div>
@endsection

视图的基本用法在此不再赘述,请阅读中文文档:http://laravel-china.org/docs/5.0/views

访问 http://fuck.io:88/admin 得到如下页面:

Image

至此,包含 路由 》 控制器 》 模型 》 视图 的整个流程都已经完成。

4. 完成 Pages 管理功能

接下来,我将记录下我实现 Pages 管理功能的过程,不再做过多的阐述。大家有问题可以直接在本文下面留言,我会及时回复。

4.1 修改路由 learnlaravel5/app/Http/routes.php

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

此处增加了一条“资源控制器”,中文文档地址:http://laravel-china.org/docs/5.0/controllers#restful-resource-controllers

4.2 创建 learnlaravel5/app/Http/Controllers/Admin/PagesController.php

运行:

php artisan make:controller Admin/PagesController

4.3 修改 learnlaravel5/app/Http/Controllers/Admin/PagesController.php 为:

<?php namespace App\Http\Controllers\Admin;

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use App\Page;

use Redirect, Input, Auth;

class PagesController extends Controller {

	/**
	 * Show the form for creating a new resource.
	 *
	 * @return Response
	 */
	public function create()
	{
		return view('admin.pages.create');
	}

	/**
	 * Store a newly created resource in storage.
	 *
	 * @return Response
	 */
	public function store(Request $request)
	{
		$this->validate($request, [
			'title' => 'required|unique:pages|max:255',
			'body' => 'required',
		]);

		$page = new Page;
		$page->title = Input::get('title');
		$page->body = Input::get('body');
		$page->user_id = 1;//Auth::user()->id;

		if ($page->save()) {
			return Redirect::to('admin');
		} else {
			return Redirect::back()->withInput()->withErrors('保存失败!');
		}

	}

	/**
	 * Show the form for editing the specified resource.
	 *
	 * @param  int  $id
	 * @return Response
	 */
	public function edit($id)
	{
		return view('admin.pages.edit')->withPage(Page::find($id));
	}

	/**
	 * Update the specified resource in storage.
	 *
	 * @param  int  $id
	 * @return Response
	 */
	public function update(Request $request,$id)
	{
		$this->validate($request, [
			'title' => 'required|unique:pages,title,'.$id.'|max:255',
			'body' => 'required',
		]);

		$page = Page::find($id);
		$page->title = Input::get('title');
		$page->body = Input::get('body');
		$page->user_id = 1;//Auth::user()->id;

		if ($page->save()) {
			return Redirect::to('admin');
		} else {
			return Redirect::back()->withInput()->withErrors('保存失败!');
		}
	}

	/**
	 * Remove the specified resource from storage.
	 *
	 * @param  int  $id
	 * @return Response
	 */
	public function destroy($id)
	{
		$page = Page::find($id);
		$page->delete();

		return Redirect::to('admin');
	}

}

4.4 创建视图文件

首先在 learnlaravel5/resources/views 下创建 admin/pages 两级文件夹。

然后创建 learnlaravel5/resources/views/admin/pages/create.blade.php:

@extends('app')

@section('content')
<div class="container">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <div class="panel panel-default">
        <div class="panel-heading">新增 Page</div>

        <div class="panel-body">

          @if (count($errors) > 0)
            <div class="alert alert-danger">
              <strong>Whoops!</strong> There were some problems with your input.<br><br>
              <ul>
                @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                @endforeach
              </ul>
            </div>
          @endif

          <form action="{{ URL('admin/pages') }}" method="POST">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="text" name="title" class="form-control" required="required">
            <br>
            <textarea name="body" rows="10" class="form-control" required="required"></textarea>
            <br>
            <button class="btn btn-lg btn-info">新增 Page</button>
          </form>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection

之后创建 learnlaravel5/resources/views/admin/pages/edit.blade.php:

@extends('app')

@section('content')
<div class="container">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <div class="panel panel-default">
        <div class="panel-heading">编辑 Page</div>

        <div class="panel-body">

          @if (count($errors) > 0)
            <div class="alert alert-danger">
              <strong>Whoops!</strong> There were some problems with your input.<br><br>
              <ul>
                @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                @endforeach
              </ul>
            </div>
          @endif

          <form action="{{ URL('admin/pages/'.$page->id) }}" method="POST">
            <input name="_method" type="hidden" value="PUT">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="text" name="title" class="form-control" required="required" value="{{ $page->title }}">
            <br>
            <textarea name="body" rows="10" class="form-control" required="required">{{ $page->body }}</textarea>
            <br>
            <button class="btn btn-lg btn-info">编辑 Page</button>
          </form>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection

4.5 查看结果

后台首页 http://fuck.io:88/admin

Image

新增 Page http://fuck.io:88/admin/pages/create

Image

编辑 Page http://fuck.io:88/admin/pages/1/edit

Image

页面上的新增、编辑、删除的功能均已经完成,并且加入了表单验证,Pages 管理功能完成!



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


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

WRITTEN BY

avatar

评论:

cys
2015-08-19 13:19
http://[我的地址]/admin,显示空白阿。怎么回事,在AdminHomeController.php中修改index方法为echo 'Hello'测试一下,可以显示Hello。所以问题应该就是没法渲染View吧,但是我就是找不出修正的方法。
JohnLui
2015-08-22 14:08
@cys:空白是 PHP 语法错误。
laoss
2015-08-18 14:37
编写完代码之后,点击新增和编辑显示View [admin.pages.create] not found.View [admin.pages.edit] not found.请问是什么问题
景仁景行
2015-08-05 16:16
楼主你好,我按照教程执行,会报这样一个错误:
Fatal error: Class 'Illuminate\Foundation\Application' not found in E:\laravel\learnlaravel5\bootstrap\app.php on line 14
上一篇文章中有人也遇到了这个问题,楼主的回答是是否php版本过低,我看了下我的版本,是5.6的!
JohnLui
2015-08-22 14:05
@景仁景行:应该是没有 composer update 成功
Q_发
2015-08-03 21:16
博主,laravel5用什么debug工具能做到:1.单步调试;2.计算数据库查询耗时
ttxer
2015-07-24 22:43
为什么非要让php做那么多事呢,连MySQL应该做的事情都被抢了,反而觉得没有单独开发数据库的效率高
Apache
2015-10-13 12:07
@ttxer:你指的是 migrations seeds?
我也是初学,感觉这么做实际上是体现了laravel的先进性,简化了版本控制、分发的操作过程,感觉还有更多的好处,只是不知道怎么去描述。
like
2015-07-23 16:44
真心谢谢这几篇文章,适合入门学习。
另外,像return   view('AdminHome')->withPages(Page::all()); 这里只能传一个参数,如果有多个参数应该怎么写呢?
JohnLui
2015-07-24 17:35
@like:继续 with
xxx
2015-07-22 17:49
博主请问  @foreach ($pages as $page)中的@pages代表什么?是不是可以随意修改?
JohnLui
2015-08-22 14:06
@xxx:代表前面传过来的 ->withPages() 这个变量 $pages。
胖子
2015-09-11 14:32
@JohnLui:老师, @foreach ($pages as $page)中的$pages 我已经解决了,那请教$page是什么含义,我进行了修改,报错。感觉也是个比较重要的东西。
胖子
2015-09-11 14:36
@JohnLui:已经搞懂,$page是作为一个别名就行使用,
菜花
2015-07-22 09:59
博主你好,请教个问题,我想使用laravel 5 的elixir扩展,但是安装总是会报错。
以下是报错内容,求教如何处理~感激不尽!


Building: C:\Program Files (x86)\nodejs\node.exe node_modules\pangyp\bin\node-gy
p rebuild --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=

gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYT
HON env variable.
gyp ERR! stack     at failNoPython (E:\xampp\htdocs\www\test\node_modules\
laravel-elixir\node_modules\gulp-sass\node_modules\node-sass\node_modules\pangyp
\lib\configure.js:104:14)
gyp ERR! stack     at E:\xampp\htdocs\www\test\node_modules\laravel-elixir
\node_modules\gulp-sass\node_modules\node-sass\node_modules\pangyp\lib\configure
.js:65:11
gyp ERR! stack     at FSReqWrap.oncomplete (evalmachine.<anonymous>:95:15)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "C:\\Program Files (x86)\\nodejs\\node.exe" "E:\\xampp\\htdocs\
\www\\spayz-demo\\node_modules\\laravel-elixir\\node_modules\\gulp-sass\\node_mo
dules\\node-sass\\node_modules\\pangyp\\bin\\node-gyp" "rebuild" "--libsass_ext=
" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd E:\xampp\htdocs\www\test\node_modules\laravel-elixir\node_mod
ules\gulp-sass\node_modules\node-sass
gyp ERR! node -v v0.12.7
gyp ERR! pangyp -v v2.2.1
gyp ERR! not ok
Build failed
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files (x86)\\nodejs\\\\node.exe" "C:\\Program Files (
x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v0.12.7
npm ERR! npm  v2.11.3
npm ERR! path C:\Users\Administrator\AppData\Roaming\npm-cache\through2\0.6.5\pa
ckage\package.json
npm ERR! code EPERM
npm ERR! errno -4048

npm ERR! Error: EPERM, rename 'C:\Users\Administrator\AppData\Roaming\npm-cache\
through2\0.6.5\package\package.json'
npm ERR!     at Error (native)
npm ERR!  { [Error: EPERM, rename 'C:\Users\Administrator\AppData\Roaming\npm-ca
che\through2\0.6.5\package\package.json']
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   path: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm-cache\\through
2\\0.6.5\\package\\package.json',
npm ERR!   parent: 'gulp-todo' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR!     E:\xampp\htdocs\www\spayz-demo\npm-debug.log
JohnLui
2015-08-22 14:08
@菜花:gyp ERR! stack Error: Can't find Python executable "python", you can set the PYT
HON env variable.

没有python。
Ake
2015-07-21 12:04
大神 怎么把邮箱登录换成用户名啊
helenandyoyo
2015-07-15 19:32
博主你好:
         学习《laravel 5 系列入门教程二》的”3 视图“之后,我本人在浏览器端运行localhost:8000/admin后,出现的页面不是您随后贴出的页面,而是”4.5查看结果“中的第一个页面。既然”3 视图“的html代码中存在”后台首页“,”编辑“,”删除“,我个人理解就是页面中应该会出现这三个的button,正如”4.5查看结果“中的第一个页面一样。不知是否是我理解有误?还望博主解惑。(ps:博主的博客做的简洁大方,非常欣赏!!!,这里我大言不惭的有一个小小的请求:可不可以加一个”返回顶部“/"置顶"的功能,因为在写评论或观看别人的评论中途想更方便地返回到页面首部)
       非常感谢!!!
JohnLui
2015-07-21 14:27
@helenandyoyo:可以按一下 home ~
Daniel
2015-07-10 01:36
TokenMissMatchException是什么原因导致的呢?是因为没有配置数据库吗?
JohnLui
2015-07-10 11:29
@Daniel:你没加这句:<input type="hidden" name="_token" value="{{ csrf_token() }}">
一叶扁舟
2015-07-09 10:51
很好的教程
大白一号
2015-07-03 14:45
大神, $this->validate($request, [
            'title' => 'required|unique:pages|max:255',
            'body' => 'required',
        ]);
为啥会报错,Use of undefined constant request - assumed 'request',去掉则没事,这句语句用来干嘛的呀,求问。。。
键盘侠
2015-09-17 17:06
@大白一号:这个是因为你没有使用Request     use Illuminate\Http\Request;
littleqz
2015-07-01 16:29
博主你好,请问 laravel 5 中如何获取url的查询参数呢?

像下面这样:

    http://test.local/pages?lang=en

我使用下面这两种方式都获取不到:

    Route::get('/pages', function (Request $req)
    {
        var_dump(\Input::get('lang'));
        var_dump($req->input('lang'));
    });
ty0716
2015-06-29 18:10
return view('AdminHome')->withPages(Page::all());
为什么这里传递的Page::all() 到blade就是$pages的值了
naodai
2015-09-08 11:14
@ty0716:传递数据到视图

// 使用传统的方法
$view = view('greeting')->with('name', 'Victoria');

// 使用魔术方法
$view = view('greeting')->withName('Victoria');
jim
2015-06-21 10:55
看来你的域名,我就知道你和我一样闷骚,,哈哈哈,这篇文章很棒,辛苦了~

2015-06-19 00:01
博主
我刚学Laravel5
但是碰到了这个问题 就是在使用命令行创建controller的时候
php artisan make:controller Admin/AdminHomeController
  [Symfony\Component\Debug\Exception\FatalErrorException]
  syntax error, unexpected end of file

会报这个错误 不知道为什么希望博主可以回答谢谢
JohnLui
2015-06-19 13:12
@邦:这个真回答不了 我也不知道这是什么鬼
bird
2015-06-16 12:47
博主你好

访问 admin/pages/create 和 /admin/pages/2/edit 为什么会空白呢
JohnLui
2015-06-16 14:42
@bird:我怎么知道 目测debug没开
xiaohua
2015-06-12 11:26
大神,太崇拜你啦,想问问你是怎么引入bootstrap框架的啊,你没有介绍啊,我的界面没有你的效果,还有public文件夹下面的app.css文件里面的内容都是些啥啊?与你引入的bootstrap文件有啥关系?搞晕了,大神求支招啊
JohnLui
2015-06-12 11:48
@xiaohua:引入 boostrap 需要引入 jquery、bootstrap.css、bootstrap.js 三个文件。
xiaohua
2015-06-12 13:18
@JohnLui:大神,你的app.css里面的内容怎么有bootstrap的里面定义的东西啊?,之前学过一点bootstrap,所以不是很明白你怎么引入的bootstrap,我在你的less文件夹下面发现了bootstrap。求教!
JohnLui
2015-06-12 13:27
@xiaohua:那是 Laravel 5 自带的。。。
黑白
2015-06-14 21:45
@JohnLui:我问下那个bootstrap还要手动引入吗?上面你说的这三个文件
JohnLui
2015-06-14 21:56
@xiaohua:Laravel 5 的教程里面并没有使用 BootStrap 的js,貌似默认的 app.css 里面编译进去了 bootstrap.css。
黑白
2015-06-15 23:16
@JohnLui:我再问一下,laravel里面的样式 还要写单独的css文件吗?就是前端页面的布局属性
JohnLui
2015-06-15 23:58
@xiaohua:没听懂
黑白
2015-06-16 21:16
@JohnLui:就是 <div class=" "></div> class 不是在 css 里面定义的吗 这些是自己定义的还是系统已经定义好的啊?
吽迩
2015-06-11 22:17
@JohnLui   你好,按照你的教程一步步折腾,总算到了页面输出 ,但提示模板文件有错误,还希望能指导下,谢谢

ErrorException in compiled.php line 13444:
View [app] not found. (View: C:\wamp\www\laravel\resources\views\AdminHome.blade.php)
anziguoer
2015-06-24 18:06
@吽迩:我也遇到了这个问题,不知道怎么处理啊!
bruce
2015-08-03 10:59
@anziguoer:删除叼extends和sections,这是blake的语法吧,可能缺少这哥文件,但是删除之后会出乱码以及样式乱掉,自己改吧

发表评论:

© 2011-2019 岁寒  |  Powered by Emlog