资讯专栏INFORMATION COLUMN

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

jsummer / 1332人阅读

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


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


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

  
  

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

本文是本系列教程的完结篇,我们将一起给 Page 加入评论功能,让游客在前台页面可以查看、提交、回复评论,同时我们将在后台完善评论管理功能,可以删除、编辑评论。Page 和评论将使用 Eloquent 提供的“一对多关系”。最终,我们将得到一个个人博客系统的雏形,并布置一个大作业,供大家实战练习。

1. 初识 Eloquent

Laravel Eloquent ORM 是 Laravel 中非常重要的部分,也是 Laravel 能如此流行的原因之一。中文文档在:

http://laravel-china.org/docs/5.0/eloquent

http://www.golaravel.com/laravel/docs/5.0/eloquent/

在前面的教程中已经建立好的 learnlaravel5/app/Page.php 就是一个 Eloquent Model 类:

php

若想进一步了解 Eloquent,推荐阅读系列文章:深入理解 Laravel Eloquent。

2. 创建 Comment 模型

首先我们要新建一张表来存储 Comment,命令行运行:

bashphp artisan make:model Comment

成功以后,修改 migration 文件 learnlaravel5/database/migrations/***_create_comments_table.php 的相应位置为:

phpSchema::create("comments", function(Blueprint $table)
{
    $table->increments("id");
    $table->string("nickname");
    $table->string("email")->nullable();
    $table->string("website")->nullable();
    $table->text("content")->nullable();
    $table->integer("page_id");
    $table->timestamps();
});

之后运行:

bashphp artisan migrate

去数据库里瞧瞧,comments 表已经躺在那儿啦。

3. 建立“一对多关系”

修改 Page 模型:

phphasMany("AppComment", "page_id", "id");
  }

}

搞定啦~ Eloquent 中模型间关系就是这么简单。

模型间关系中文文档:http://laravel-china.org/docs/5.0/eloquent#relationships

扩展阅读:深入理解 Laravel Eloquent(三)——模型间关系(关联)

4. 前台提交功能

修改 Comment 模型:

php

增加一行路由:

phpRoute::post("comment/store", "CommentsController@store");

运行以下命令创建 CommentsController 控制器:

phpphp artisan make:controller CommentsController

修改 CommentsController:

phpwithInput()->withErrors("评论发表失败!");
        }

    }

}

修改视图 learnlaravel5/resources/views/pages/show.blade.php:

php@extends("_layouts.default")

@section("content")


⬅️返回首页

{{ $page->title }}


{{ $page->updated_at }}

{{ $page->body }}

@if (count($errors) > 0)
Whoops! There were some problems with your input.

    @foreach ($errors->all() as $error)
  • {{ $error }}
  • @endforeach
@endif
@foreach ($page->hasManyComments as $comment)
@if ($comment->website)

{{ $comment->nickname }}

@else

{{ $comment->nickname }}

@endif
{{ $comment->created_at }}

{{ $comment->content }}

@endforeach
@endsection

前台评论功能完成。

查看效果:

5. 后台管理功能

修改基础视图 learnlaravel5/resources/views/app.blade.php 为:

php


    
    
    
    Laravel

    

    
  


    

    @yield("content")

    
    
    


修改后台路由组(增加了一行):

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

创建 AdminCommentsController :

bashphp artisan make:controller Admin/CommentsController

Admin/CommentsController 要有 查看所有、查看单个、POST更改、删除四个接口:

phpwithComments(Comment::all());
    }

    public function edit($id)
    {
        return view("admin.comments.edit")->withComment(Comment::find($id));
    }

    public function update(Request $request, $id)
    {
        $this->validate($request, [
            "nickname" => "required",
            "content" => "required",
        ]);
        if (Comment::where("id", $id)->update(Input::except(["_method", "_token"]))) {
            return Redirect::to("admin/comments");
        } else {
            return Redirect::back()->withInput()->withErrors("更新失败!");
        }
    }

    public function destroy($id)
    {
        $comment = Comment::find($id);
        $comment->delete();

        return Redirect::to("admin/comments");
    }

}

接下来创建两个视图:

learnlaravel5/resources/views/admin/comments/index.blade.php:

php@extends("app")

@section("content")


管理评论
@foreach ($comments as $comment) @endforeach
Content User Page 编辑 删除
{{ $comment->content }} @if ($comment->website)

{{ $comment->nickname }}

@else

{{ $comment->nickname }}

@endif {{ $comment->email }}
page_id) }}" target="_blank"> {{ AppPage::find($comment->page_id)->title }} id."/edit") }}" class="btn btn-success">编辑
id) }}" method="POST" style="display: inline;">
@endsection

learnlaravel5/resources/views/admin/comments/edit.blade.php:

php@extends("app")

@section("content")


编辑评论
@if (count($errors) > 0)
Whoops! There were some problems with your input.

    @foreach ($errors->all() as $error)
  • {{ $error }}
  • @endforeach
@endif
id) }}" method="POST"> Nickname:
Email:
Website:
Content:
@endsection

后台管理功能完成,查看效果:

6. 大作业

依赖于 Page 的评论功能已经全部完成,个人博客系统雏形诞生。在本系列教程的最后,布置一个大作业:构建出 Article 的前后台,并且加上 Article 与 Comment 的一对多关系,加入评论和评论管理功能。在做这个大作业的过程中,你将会反复地回头去看前面的教程,反复地阅读中文文档,会仔细阅读我的代码,等你完成大作业的时候,Laravel 5 就真正入门啦~~


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


  Laravel 5 系列入门教程【最适合中国人的 Laravel 教程】到此结束,谢谢大家!

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

转载请注明本文地址:https://www.ucloud.cn/yun/30208.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 大...

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

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

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

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

    未东兴 评论0 收藏0

发表评论

0条评论

jsummer

|高级讲师

TA的文章

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