>  기사  >  백엔드 개발  >  Laravel에서 블로그를 구축하는 실제 튜토리얼 예

Laravel에서 블로그를 구축하는 실제 튜토리얼 예

黄舟
黄舟원래의
2018-05-16 11:14:562872검색

이 글은 주로 laravel을 사용하여 미니 블로그를 구축하는 방법에 대한 정보를 소개하며, 단계별 구현 단계는 샘플 코드를 통해 자세히 소개되어 있어 필요한 모든 사람들에게 도움이 됩니다. 아래에서 함께 배워보세요.

이 글은 주로 laravel을 사용하여 미니 블로그를 구축하는 방법에 대한 내용을 소개합니다. 아래에서는 자세히 설명하지 않겠습니다.

1. 디자인과 아이디어

첫 번째 코드 작성을 시작하기 전에, 작성과 수정을 피하고 불필요한 코드를 더 많이 작성하지 않도록 처음부터 끝까지 우리가 하고 싶은 제품을 디자인하도록 최선을 다해야 합니다.

  • 요구 사항 분석: 우리 미니 블로그에는 최소한 기사 추가/편집/보기/삭제 및 기사 목록 표시 기능이 포함되어야 합니다.

  • 데이터베이스 분석: 이 기능을 기반으로 기사를 저장하려면 Articles 데이터 테이블만 필요합니다.

  • 페이지 구조 분석: 헤더/기사 목록/하단 정보를 포함한 기본 템플릿을 생성하려면 템플릿 상속을 사용해야 합니다.

2. 라우팅 생성

이 블로그를 완성하려면 아마도 다음이 필요할 것입니다. 단계 경로:

| 기사 목록 페이지로 돌아가기 | | 기사 페이지 라우팅 추가 | 기사 저장 기능 | 기사 페이지 라우팅 보기 | 기능 라우팅 | 기사를 꺼내서 다시 데이터베이스에 저장 | 기사 삭제 기능 라우팅 | 데이터베이스에서 기사 삭제 | 이에 대한 거의 모든 내용을 볼 수 있습니다. 이러한 상황에서 Laravel은 매우 편리한 솔루션인 RESTful 리소스 컨트롤러 및 라우팅을 제공합니다.

routes.php를 열고 다음 코드를 추가하세요:

Route::resource('articles', 'ArticlesController');
위의 코드 줄만 다음 7개의 경로를 생성하는 것과 동일하며, 모두 경로라는 이름을 사용할 수 있습니다. ') 그런 사용법입니다.

Route::get('/articles', 'ArticlesController@index')->name('articles.index'); 
Route::get('/articles/{id}', 'ArticlesController@show')->name('articles.show'); 
Route::get('/articles/create', 'ArticlesController@create')->name('articles.create'); 
Route::post('/articles', 'ArticlesController@store')->name('articles.store'); 
Route::get('/articles/{id}/edit', 'ArticlesController@edit')->name('articles.edit'); 
Route::patch('/articles/{id}', 'ArticlesController@update')->name('articles.update'); 
Route::delete('/articles/{id}', 'ArticlesController@destroy')->name('articles.destroy');

3. 컨트롤러 만들기
artisan을 사용하여 아티클 컨트롤러 만들기:

php artisan make:controller ArticlesController

4 기본 보기 만들기
resources/views/layouts/art.blade.php

템플릿 index.html 보기


5. 새 글 양식

@extends('layouts.art')
@section('content')

 <form class="form-horizontal" method="post" action="{{route(&#39;blog.store&#39;)}}">
   {{ csrf_field() }}
 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
 <p class="col-sm-8">
  <input type="title" class="form-control" id="title" name="title">
 </p>
 </p>

 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">内容</label>
 <p class="col-sm-8">
  <textarea class="form-control" rows="5" id="content" name="content"></textarea>
 </p>
 </p>

 <p class="form-group">
 <p class="col-sm-offset-2 col-sm-10">
  <button type="submit" class="btn btn-default">创建</button>
 </p>
 </p>
</form> 
@endsection

6. 글 보관
이때, 새 글 양식을 작성하고 submit을 클릭하면, 후속 컨트롤러 코드가 아직 작성되지 않았기 때문에 동일한 이유가 적용됩니다.

기사 저장을 구현하려면 먼저 데이터베이스를 구성하고, 데이터 테이블을 생성하고, 모델을 생성한 후 저장 로직 코드를 완성해야 합니다.

1. 데이터베이스 구성


.env 파일 수정

2. 데이터 테이블 생성


artisan 명령을 사용하여 마이그레이션 생성:

php artisan make:migration create_articles_talbe --create=articles

마이그레이션 파일 수정

public function up() 
 {
  Schema::create(&#39;articles&#39;, function (Blueprint $table) {
   $table->increments(&#39;id&#39;);
   $table->string(&#39;title&#39;);
   $table->longText(&#39;content&#39;);
   $table->timestamps();
  });
 }
public function down() 
 {
  Schema::dropIfExists(&#39;articles&#39;);
 }

을 생성했습니다. 기사 테이블에는 증분 ID 필드, 문자열 제목 필드, 긴 텍스트 콘텐츠 필드 및 타임스탬프가 포함되어 있습니다.

데이터베이스 마이그레이션 수행:

php artisan migrate

mysql에 로그인하여 데이터 테이블을 봅니다.

3. 모델 만들기


artisan 명령을 사용하여 모델을 만듭니다.

php artisan make:model Article

모델 파일을 열고 다음 코드를 입력합니다.

app/Article.php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Article extends Model 
{
 //对应的表
 protected $table = &#39;articles&#39;;
 //通过model可以写入的字段
 protected $fillable = [
  &#39;title&#39;, &#39;content&#39;,
 ];
}

4.


ArticlesController .php 컨트롤러를 열고 store() 메소드를 찾으세요.

app/Http/Controllers/ArticlesController.php

 public function store(Request $request)
 {
  //数据验证 错误处理
  $this->validate($request,[
   &#39;title&#39;=>&#39;required|max:50&#39;,
   &#39;content&#39;=>&#39;required|max:500&#39;,
   ]);
  // 1 orm方式写入
  $article = Article::create([
   &#39;title&#39;=>$request->title,
   &#39;content&#39;=>$request->content,
   ]);
  //2 或者
  /* $article = new Article();
   $article->title =$request->title;
   $article->content = $request->content;
   $article->save();*/

   //3 db方式写入
   //insert()方法返回值为true 和 false
   //$res = DB::table(&#39;articles&#39;)->insert([&#39;title&#39;=>$request->title,&#39;content&#39;=>$request->content]);
  return redirect()->route(&#39;blog.index&#39;);
 }

확인 오류 표시

@if (count($errors) > 0)
 <p class="alert alert-danger">
  <ul>
   @foreach($errors->all() as $error)
   <li>{{ $error }}</li>
   @endforeach
  </ul>
 </p>
@endif

7. 기사 목록 표시
기사 추가 기능을 완료한 후 기사 목록 표시 페이지를 구현할 수 있습니다.

ArticlesController.php를 열고 index() 메서드를 찾아 다음과 같이 코드를 추가하세요.

app/Http/Controllers/ArticlesController.phpindex() 方法,添加代码如下:

app/Http/Controllers/ArticlesController.php

use App\Article;

public function index() 
 {
  $articles = Article::orderBy(&#39;created_at&#39;,&#39;asc&#39;)->get();

  return view(&#39;articles.index&#39;, [&#39;articles&#39;=>$articles]);
 }

视图index.blade.php

@extends(&#39;layouts.art&#39;)
@section(&#39;content&#39;)

 <a class="btn btn-primary" href="{{route(&#39;blog.create&#39;)}}" rel="external nofollow" >添加文章</a>


 @foreach($articles as $article)
 <p class="panel panel-default">
 <p class="panel-body">
 {{$article->title}}
 <a href="{{route(&#39;blog.show&#39;,$article->id)}}" rel="external nofollow" class="btn btn-info">阅读</a>
 <a href="{{route(&#39;blog.edit&#39;, $article->id)}}" rel="external nofollow" class="btn btn-info">修改</a>

  <form action="{{ route(&#39;blog.destroy&#39;, $article->id) }}" method="post" style="display: inline-block;">
   {{ csrf_field() }}
   {{ method_field(&#39;DELETE&#39;) }}
   <button type="submit" class="btn btn-danger">删除</button>
  </form>
 </p>
 </p>
 @endforeach

 {!! $articles->render() !!}
 @endsection

八、编辑文章表单

编辑文章表单其实和之前创建的新建文章表单很类似,只是需要额外将现有的数据读取出来填在表单上。

首先我们在文章列表页的每个文章上添加一个编辑按钮:

视图:

@extends(&#39;layouts.art&#39;)
@section(&#39;content&#39;)

 <form class="form-horizontal" method="post" action="{{route(&#39;blog.update&#39;,$article->id)}}">
   {{ csrf_field() }}
  {{ method_field(&#39;PATCH&#39;) }}
 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
 <p class="col-sm-10">
  <input type="title" class="form-control" id="title" name="title" value="{{ $article->title }}">
 </p>
 </p>


 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">内容</label>
 <p class="col-sm-10">
  <textarea class="form-control" rows="5" id="content" name="content"> {{ $article->content }}</textarea>
 </p>
 </p>


 <p class="form-group">
 <p class="col-sm-offset-2 col-sm-10">
  <button type="submit" class="btn btn-default">修改</button>
 </p>
 </p>
</form> 
@endsection

注意这段代码中的 {{ method_field('PATCH') }}

//展示修改模板
public function edit($id) 
 {
  $article = Article::findOrFail($id);
  return view(&#39;art.edit&#39;,[&#39;article&#39;=>$article]);
 }
//执行修改
public function update(Request $request, $id) 
 {
  $this->validate($request, [
   &#39;title&#39; => &#39;required|max:50&#39;,
   &#39;content&#39;=>&#39;required|max:500&#39;,
  ]);

  $article = Article::findOrFail($id);
  $article->update([
   &#39;title&#39; => $request->title,
   &#39;content&#39; => $request->content,
  ]);

   return redirect()->route(&#39;blog.index&#39;);
 }

View index.blade.php

 <form action="{{ route(&#39;blog.destroy&#39;, $article->id) }}" method="post" style="display: inline-block;">
   {{ csrf_field() }}
   {{ method_field(&#39;DELETE&#39;) }}
   <button type="submit" class="btn btn-danger">删除</button>
  </form>

8. 기사 편집 양식

기사 편집 양식은 기존 데이터를 읽고 양식을 작성해야 한다는 점을 제외하면 실제로 이전에 만든 새 기사 양식과 매우 유사합니다.

먼저 기사 목록 페이지의 각 기사에 편집 버튼을 추가합니다.

보기: 🎜
public function destroy($id) 
 {
  $article = Article::findOrFail($id);
  $article->delete();
  return back();
 }
🎜이 코드의 {{ method_field('PATCH') }} 에 주의하세요. 이는 사이트 간 방법 위조이며 HTML 양식은 PUT, PATCH 또는 DELETE 작업을 지원하지 않습니다. 따라서 HTML 양식에서 정의된 PUT, PATCH 또는 DELETE 경로를 호출할 때 숨겨진 _method 필드를 양식에 추가하여 메서드를 위조해야 합니다. 자세한 내용은 공식 문서를 참조하세요. 🎜🎜Controller🎜rrreee🎜🎜🎜9. 기사 삭제🎜🎜🎜🎜🎜삭제 버튼🎜rrreee🎜Controller:🎜
public function destroy($id) 
 {
  $article = Article::findOrFail($id);
  $article->delete();
  return back();
 }

十、结语

本次实验通过一个很简单的迷你博客对 Laravel RESTful 资源控制器和路由,视图,orm进行了强化练习。

위 내용은 Laravel에서 블로그를 구축하는 실제 튜토리얼 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.