이 글에서는 사용자들이 첫 페이지에서 댓글을 보고, 제출하고, 답글을 달 수 있도록 페이지에 댓글 기능을 추가하는 동시에, 댓글이 댓글이 잘 달릴 수 있도록 백그라운드에서 댓글 관리 기능을 개선하겠습니다. 삭제 및 편집이 가능합니다.
1. Eloquent 첫 소개
Laravel Eloquent ORM은 Laravel에서 매우 중요한 부분이며, 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 namespace App; use Illuminate\Database\Eloquent\Model; class Page extends Model { // }
Eloquent에 대해 더 자세히 알고 싶다면 다음 기사 시리즈를 읽는 것이 좋습니다. Laravel Eloquent에 대한 심층적인 이해
댓글 모델 만들기
먼저 주석을 저장할 테이블을 새로 만들고 명령줄을 실행합니다.
코드는 다음과 같습니다.
php artisan make:model Comment
성공 후 , 마이그레이션 파일 learnlaravel5/database/migrations/***_create_comments_table.php의 해당 위치를 다음과 같이 수정합니다.
Schema::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(); });
그런 다음 다음을 실행합니다.
코드는 다음과 같습니다.
php artisan migrate
데이터베이스로 가서 댓글 테이블이 이미 있는지 살펴보세요.
3. "일대다 관계" 구축
페이지 모델 수정:
<?php namespace App; use Illuminate\Database\Eloquent\Model; class Page extends Model { public function hasManyComments() { return $this->hasMany('App\Comment', 'page_id', 'id'); } }
완료~ 모델 간의 설득력 있는 관계는 그렇게 간단합니다.
모델 간 관계에 대한 중국어 문서: http://laravel-china.org/docs/5.0/eloquent#relationships
4. 프론트엔드 제출 기능
댓글 모델 수정:
<?php namespace App; use Illuminate\Database\Eloquent\Model; class Comment extends Model { protected $fillable = ['nickname', 'email', 'website', 'content', 'page_id']; }
라우팅 줄 추가:
코드는 다음과 같습니다.
Route::post('comment/store', 'CommentsController@store');
실행 CommentsController 컨트롤러를 생성하려면 다음 명령을 사용하세요.
코드는 다음과 같습니다.
php artisan make:controller CommentsController
CommentsController 수정:
<?php namespace App\Http\Controllers; use App\Http\Requests; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use Redirect, Input; use App\Comment; class CommentsController extends Controller { public function store() { if (Comment::create(Input::all())) { return Redirect::back(); } else { return Redirect::back()->withInput()->withErrors('评论发表失败!'); } } }
Modify view learnlaravel5/resources/views/ 페이지/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> <p id="date" style="text-align: right;"> {{ $page->updated_at }} </p> <p id="content" style="padding: 50px;"> <p> {{ $page->body }} </p> </p> <p id="comments" style="margin-bottom: 100px;"> @if (count($errors) > 0) <p 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> </p> @endif <p id="new"> <form action="{{ URL('comment/store') }}" method="POST"> <input type="hidden" name="_token" value="{{ csrf_token() }}"> <input type="hidden" name="page_id" value="{{ $page->id }}"> <p class="form-group"> <label>Nickname</label> <input type="text" name="nickname" class="form-control" style="width: 300px;" required="required"> </p> <p class="form-group"> <label>Email address</label> <input type="email" name="email" class="form-control" style="width: 300px;"> </p> <p class="form-group"> <label>Home page</label> <input type="text" name="website" class="form-control" style="width: 300px;"> </p> <p class="form-group"> <label>Content</label> <textarea name="content" id="newFormContent" class="form-control" rows="10" required="required"></textarea> </p> <button type="submit" class="btn btn-lg btn-success col-lg-12">Submit</button> </form> </p> <script> function reply(a) { var nickname = a.parentNode.parentNode.firstChild.nextSibling.getAttribute('data'); var textArea = document.getElementById('newFormContent'); textArea.innerHTML = '@'+nickname+' '; } </script> <p class="conmments" style="margin-top: 100px;"> @foreach ($page->hasManyComments as $comment) <p class="one" style="border-top: solid 20px #efefef; padding: 5px 20px;"> <p class="nickname" data="{{ $comment->nickname }}"> @if ($comment->website) <a href="{{ $comment->website }}"> <h3>{{ $comment->nickname }}</h3> </a> @else <h3>{{ $comment->nickname }}</h3> @endif <h6>{{ $comment->created_at }}</h6> </p> <p class="content"> <p style="padding: 20px;"> {{ $comment->content }} </p> </p> <p class="reply" style="text-align: right; padding: 5px;"> <a href="#new" onclick="reply(this);">回复</a> </p> </p> @endforeach </p> </p> @endsection
프런트 댓글 기능이 완성되었습니다.
효과 보기:
백엔드 관리 기능
기본 뷰 learnlaravel5/resources/views/app.blade.php를 다음으로 수정합니다:
<!DOCTYPE html> <html lang="en"> <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>Laravel</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> <nav class="navbar navbar-default"> <p class="container-fluid"> <p class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Learn Laravel 5</a> </p> <p class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="/admin">后台首页</a></li> </ul> <ul class="nav navbar-nav"> <li><a href="/admin/comments">管理评论</a></li> </ul> <ul class="nav navbar-nav navbar-right"> @if (Auth::guest()) <li><a href="/auth/login">Login</a></li> <li><a href="/auth/register">Register</a></li> @else <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{ Auth::user()->name }} <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="/auth/logout">Logout</a></li> </ul> </li> @endif </ul> </p> </p> </nav> @yield('content') <!-- Scripts --> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
백그라운드 라우팅 그룹 수정(라인 추가):
Route::group(['prefix' => 'admin', 'namespace' => 'Admin', 'middleware' => 'auth'], function() { Route::get('/', 'AdminHomeComtroller@index'); Route::resource('pages', 'PagesController'); Route::resource('comments', 'CommentsController'); });
AdminCommentsController 생성:
코드는 다음과 같습니다.
php artisan make:controller Admin/CommentsController
Admin/CommentsController에는 모두 보기, 단일 보기, POST 변경 사항 보기 및 삭제의 네 가지 인터페이스가 있습니다.
<?php namespace App\Http\Controllers\Admin; use App\Http\Requests; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use App\Comment; use Redirect, Input; class CommentsController extends Controller { public function index() { return view('admin.comments.index')->withComments(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:
@extends('app') @section('content') <p class="container"> <p class="row"> <p class="col-md-10 col-md-offset-1"> <p class="panel panel-default"> <p class="panel-heading">管理评论</p> <p class="panel-body"> <table class="table table-striped"> <tr class="row"> <th class="col-lg-4">Content</th> <th class="col-lg-2">User</th> <th class="col-lg-4">Page</th> <th class="col-lg-1">编辑</th> <th class="col-lg-1">删除</th> </tr> @foreach ($comments as $comment) <tr class="row"> <td class="col-lg-6"> {{ $comment->content }} </td> <td class="col-lg-2"> @if ($comment->website) <a href="{{ $comment->website }}"> <h4>{{ $comment->nickname }}</h4> </a> @else <h3>{{ $comment->nickname }}</h3> @endif {{ $comment->email }} </td> <td class="col-lg-4"> <a href="{{ URL('pages/'.$comment->page_id) }}" target="_blank"> {{ App\Page::find($comment->page_id)->title }} </a> </td> <td class="col-lg-1"> <a href="{{ URL('admin/comments/'.$comment->id.'/edit') }}" class="btn btn-success">编辑</a> </td> <td class="col-lg-1"> <form action="{{ URL('admin/comments/'.$comment->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> </td> </tr> @endforeach </table> </p> </p> </p> </p> </p> @endsection
learnlaravel5/resources /views/admin /comments/edit.blade.php:
@extends('app') @section('content') <p class="container"> <p class="row"> <p class="col-md-10 col-md-offset-1"> <p class="panel panel-default"> <p class="panel-heading">编辑评论</p> <p class="panel-body"> @if (count($errors) > 0) <p 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> </p> @endif <form action="{{ URL('admin/comments/'.$comment->id) }}" method="POST"> <input name="_method" type="hidden" value="PUT"> <input type="hidden" name="_token" value="{{ csrf_token() }}"> <input type="hidden" name="page_id" value="{{ $comment->page_id }}"> Nickname: <input type="text" name="nickname" class="form-control" required="required" value="{{ $comment->nickname }}"> <br> Email: <input type="text" name="email" class="form-control" required="required" value="{{ $comment->email }}"> <br> Website: <input type="text" name="website" class="form-control" required="required" value="{{ $comment->website }}"> <br> Content: <textarea name="content" rows="10" class="form-control" required="required">{{ $comment->content }}</textarea> <br> <button class="btn btn-lg btn-info">提交修改</button> </form> </p> </p> </p> </p> </p> @endsection
백그라운드 관리 기능이 완료되었습니다. 효과 확인:
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.
추천 학습: "PHP 비디오 튜토리얼"