지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > Laravel 5 프레임워크 시작하기! ! !

Laravel 5 프레임워크 시작하기! ! !

PHPz
풀어 주다： 2021-05-31 16:11:33
앞으로
2548명이 탐색했습니다.

이 글에서는 사용자들이 첫 페이지에서 댓글을 보고, 제출하고, 답글을 달 수 있도록 페이지에 댓글 기능을 추가하는 동시에, 댓글이 댓글이 잘 달릴 수 있도록 백그라운드에서 댓글 관리 기능을 개선하겠습니다. 삭제 및 편집이 가능합니다.

Laravel 5 프레임워크 시작하기! ! !

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(&#39;comments&#39;, function(Blueprint $table)
{
 $table->increments(&#39;id&#39;);
 $table->string(&#39;nickname&#39;);
 $table->string(&#39;email&#39;)->nullable();
 $table->string(&#39;website&#39;)->nullable();
 $table->text(&#39;content&#39;)->nullable();
 $table->integer(&#39;page_id&#39;);
 $table->timestamps();
});
로그인 후 복사

그런 다음 다음을 실행합니다.

코드는 다음과 같습니다. 

php artisan migrate
로그인 후 복사

데이터베이스로 가서 댓글 테이블이 이미 있는지 살펴보세요.

3. "일대다 관계" 구축

페이지 모델 수정: 

<?php namespace App;

use Illuminate\Database\Eloquent\Model;

class Page extends Model {

 public function hasManyComments()
 {
  return $this->hasMany(&#39;App\Comment&#39;, &#39;page_id&#39;, &#39;id&#39;);
 }

}
로그인 후 복사

완료~ 모델 간의 설득력 있는 관계는 그렇게 간단합니다.

모델 간 관계에 대한 중국어 문서: http://laravel-china.org/docs/5.0/eloquent#relationships

4. 프론트엔드 제출 기능

댓글 모델 수정: 

<?php namespace App;

use Illuminate\Database\Eloquent\Model;

class Comment extends Model {

 protected $fillable = [&#39;nickname&#39;, &#39;email&#39;, &#39;website&#39;, &#39;content&#39;, &#39;page_id&#39;];

}
로그인 후 복사

라우팅 줄 추가:

코드는 다음과 같습니다. 

Route::post(&#39;comment/store&#39;, &#39;CommentsController@store&#39;);
로그인 후 복사

실행 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(&#39;评论发表失败！&#39;);
 }

 }

}
로그인 후 복사

Modify view learnlaravel5/resources/views/ 페이지/show.blade.php: 

@extends(&#39;_layouts.default&#39;)

@section(&#39;content&#39;)
 <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(&#39;comment/store&#39;) }}" 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(&#39;data&#39;);
 var textArea = document.getElementById(&#39;newFormContent&#39;);
 textArea.innerHTML = &#39;@&#39;+nickname+&#39; &#39;;
}
</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
로그인 후 복사

프런트 댓글 기능이 완성되었습니다.

효과 보기:

Laravel 5 프레임워크 시작하기! ! !

Laravel 5 프레임워크 시작하기! ! !

백엔드 관리 기능

기본 뷰 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=&#39;http://fonts.useso.com/css?family=Roboto:400,300&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;>
</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(&#39;content&#39;)

 <!-- 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([&#39;prefix&#39; => &#39;admin&#39;, &#39;namespace&#39; => &#39;Admin&#39;, &#39;middleware&#39; => &#39;auth&#39;], function()
{
 Route::get(&#39;/&#39;, &#39;AdminHomeComtroller@index&#39;);
 Route::resource(&#39;pages&#39;, &#39;PagesController&#39;);
 Route::resource(&#39;comments&#39;, &#39;CommentsController&#39;);
});
로그인 후 복사

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(&#39;admin.comments.index&#39;)->withComments(Comment::all());
 }

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

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

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

 return Redirect::to(&#39;admin/comments&#39;);
 }

}
로그인 후 복사

다음으로 두 개의 보기를 만듭니다.

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

@extends(&#39;app&#39;)

@section(&#39;content&#39;)
<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(&#39;pages/&#39;.$comment->page_id) }}" target="_blank">
         {{ App\Page::find($comment->page_id)->title }}
        </a>
       </td>
       <td class="col-lg-1">
        <a href="{{ URL(&#39;admin/comments/&#39;.$comment->id.&#39;/edit&#39;) }}" class="btn btn-success">编辑</a>
       </td>
       <td class="col-lg-1">
        <form action="{{ URL(&#39;admin/comments/&#39;.$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(&#39;app&#39;)

@section(&#39;content&#39;)
<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(&#39;admin/comments/&#39;.$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
로그인 후 복사

백그라운드 관리 기능이 완료되었습니다. 효과 확인:

Laravel 5 프레임워크 시작하기! ! !

Laravel 5 프레임워크 시작하기! ! !

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

추천 학습: "PHP 비디오 튜토리얼"

관련 라벨：
PHP 프레임워크 라라벨
원천：jb51.net
이전 기사：PHP_php 팁에서 객체를 연관 배열로 변환하기 위한 코드 공유 다음 기사：HTML 정적 페이지에서 PHP 파일을 호출하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...
에서 2024-04-06 20:02:10
0
2
543
웹 애플리케이션 및 PWA의 경험을 개선하기 위해 투명한 브라우저를 실행합니다. [정적 HTML, CSS 및 JavaScript 지원] [사용자가 웹 애플리케이션/PWA에서 데스크탑 배경화면을 볼 수 있도록 허용] 저는 현재 소켓을 사용하여 웹 애플리케이션(채팅)을 개발하고 있는 주니어 프런트 엔드 개발자이자 디자이너입니다. 나와 친구들이 사용하는 언어는 Scala, HTM...
에서 2024-04-05 13:50:12
0
1
1367
Flutter, Laravel 및 PHP를 사용하여 API 응답에서 "students" 배열의 "type" 속성에 액세스하는 방법은 무엇입니까? "data":{"id":9,"name":"tala","role":&quo...
에서 2024-04-04 19:25:13
0
1
288
창의 콘텐츠 오버플로로 인해 스크롤이 방지되고 새 콘텐츠가 숨겨집니다. 저는 현재 룰렛 시스템 프로그램을 구축 중입니다(이것은 베팅을 하는 것보다 베팅을 하는 것을 더 방해합니다!). 기본 프레임워크를 수행하고 있지만 이미 메인 창 ...
에서 2024-04-03 21:24:55
0
1
285
CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다. 현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 ...
에서 2024-04-03 18:48:12
0
1
281
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿