Exemple de tutoriel de création d'un blog dans Laravel

Cet article vous présente principalement les informations pertinentes sur l'utilisation de Laravel pour créer un mini blog. L'article présente les étapes de mise en œuvre étape par étape à travers un exemple de code de manière très détaillée. Il a une certaine valeur de référence et d'apprentissage pour tous les amis. qui en a besoin Apprenons avec l'éditeur ci-dessous.

Cet article vous présente principalement le contenu pertinent sur l'utilisation de Laravel pour créer un mini blog. Il est partagé pour votre référence et votre apprentissage. Je ne dirai pas grand-chose ci-dessous, jetons un œil à l'introduction détaillée :

1. Conception et idées

Avant de commencer à écrire la première ligne de code, nous devons faire de notre mieux pour concevoir le produit que nous voulons faire du début à la fin. Eh bien, évitez de l'écrire et de le réviser à nouveau et d'écrire davantage de code inutile.

• Analyse des besoins : notre mini blog doit au moins inclure : ajouter/modifier/afficher/supprimer des articles et des fonctions d'affichage de liste d'articles.

• Analyse de base de données : sur la base de cette fonction, nous n'avons besoin que d'une table de données Articles pour stocker les articles.

• Analyse de la structure de la page : l'héritage du modèle doit être utilisé pour créer un modèle de base comprenant : l'en-tête/la liste d'articles/les informations du bas

2. Créer des itinéraires

Pour compléter ce blog, vous avez probablement besoin des itinéraires suivants :

| | | -------- | Routage des pages de la liste des articles | Retourner à la page de la liste des articles | page | Routage de la fonction de sauvegarde de l'article | Enregistrer le routage de la page de l'article | Revenir à la page de détails de l'article | puis enregistrez-le dans la base de données | Supprimer le routage de la fonction d'article | Supprimer l'article de la base de données |

Vous pouvez voir que presque tous sont des routes d'opération de données pour les articles. Pour cette situation, Laravel fournit un moyen très pratique. : Contrôleur de ressources RESTful et routage .

Ouvrez routes.php et ajoutez le code suivant :

Route::resource('articles', 'ArticlesController');

Avec une seule ligne de code comme ci-dessus, cela équivaut à créer les 7 routes suivantes , et ils sont tous nommés. Pour le routage, nous pouvons utiliser quelque chose comme route('articles.show').

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. Créez un contrôleur

Utilisez artisan pour créer un contrôleur d'article :

php artisan make:controller ArticlesController

4. Créez une vue de base

resources/views/layouts/art.blade.php

Voir l'index des modèles. html

5. Formulaire de nouvel article

@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. 🎜 >
À ce stade, si vous remplissez le formulaire du nouvel article et cliquez sur Soumettre, il passera à une page vierge. La même raison est vraie, car notre code de contrôleur ultérieur n'a pas été écrit. encore.

Pour mettre en œuvre le stockage d'articles, vous devez d'abord configurer la base de données, créer des tables de données, créer des modèles, puis compléter le code logique de stockage.

1. Configurer la base de données

Modifier le fichier .env

2. Créer une table de données

Utilisez la commande artisanale pour générer la migration :

Modifier le fichier de migration

php artisan make:migration create_articles_talbe --create=articles

Nous avons créé une table d'articles, comprenant un champ d'identifiant incrémentiel et un champ de titre de chaîne, un texte long champ de contenu et horodatage.

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

Effectuer la migration de la base de données :

Connectez-vous à MySQL et affichez la table de données.

php artisan migrate

3. Créer un modèle

Utilisez la commande artisan pour créer un modèle :

Ouvrez le fichier modèle et entrez le code suivant :

php artisan make:model Article

app/Article.php

namespace App;

use Illuminate\Database\Eloquent\Model;

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

4. Code logique de stockage

Ouvrez le contrôleur ArticlesController.php et trouvez la méthode store() .

app/Http/Controllers/ArticlesController.php

Affichage de l'erreur de vérification

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

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

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

Affichage de la liste d'articles
Après avoir terminé la fonction d'ajout d'article, nous pouvons implémenter notre page d'affichage de liste d'articles.

Ouvrez ArticlesController.php et recherchez la méthode

, ajoutez le code comme suit :

index() app/Http/Controllers/ArticlesController.php

Afficher l'index .blade.php

use App\Article;

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

  return view('articles.index', ['articles'=>$articles]);
 }

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

 <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

8. Formulaire de modification d'article
Le formulaire de modification d'article est en fait très similaire au nouveau. formulaire d'article créé auparavant, sauf que des données supplémentaires existantes doivent être lues et remplies sur le formulaire.

Nous ajoutons d'abord un bouton d'édition sur chaque article de la page de liste d'articles :

Affichage :

Faites attention au

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

 <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

dans ce code, qui Il s'agit d'une contrefaçon de méthode intersite et le formulaire HTML ne prend pas en charge les actions PUT, PATCH ou DELETE. Ainsi, lorsque vous appelez la route PUT, PATCH ou DELETE définie à partir d'un formulaire HTML, vous devrez ajouter un champ _method caché au formulaire pour simuler la méthode. Pour plus de détails, reportez-vous à la documentation officielle.

{{ method_field('PATCH') }} Contrôleur

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

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

   return redirect()->route('blog.index');
 }

9. Supprimer l'article
Bouton Supprimer

Contrôleur :

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

public function destroy($id) 
 {
  $article = Article::findOrFail($id);
  $article->delete();
  return back();
 }

十、结语

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!