Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zur Verwendung von Laravel zum Erstellen eines Mini-Blogs ein. Die schrittweisen Implementierungsschritte werden anhand von Beispielcodes detailliert vorgestellt. Es hat einen gewissen Referenz- und Lernwert für alle, die es benötigen Lass es uns mit dem untenstehenden Editor lernen.
Dieser Artikel stellt Ihnen hauptsächlich die relevanten Inhalte zur Verwendung von Laravel zum Erstellen eines Mini-Blogs vor. Ich werde im Folgenden nicht viel sagen, werfen wir einen Blick auf die detaillierte Einführung:
1. Design und Ideen
Bevor wir mit dem Schreiben der ersten Codezeile beginnen, müssen wir unser Bestes geben, um das zu entwerfen Das Produkt, das wir von Anfang bis Ende erstellen möchten, sollten Sie vermeiden, es erneut zu schreiben und zu überarbeiten und noch mehr unnötigen Code zu schreiben.
Anforderungsanalyse: Unser Mini-Blog sollte mindestens Folgendes umfassen: Artikel hinzufügen/bearbeiten/anzeigen/löschen und Funktionen zur Anzeige von Artikellisten.
Datenbankanalyse: Basierend auf dieser Funktion benötigen wir nur eine Artikeldatentabelle zum Speichern von Artikeln.
Seitenstrukturanalyse: Die Vorlagenvererbung sollte verwendet werden, um eine grundlegende Vorlage zu erstellen, einschließlich: Kopfzeile/Artikelliste/Bodeninformationen
2. Routen erstellen
Um diesen Blog zu vervollständigen, benötigen Sie wahrscheinlich die folgenden Routen:
| |. -------- |. Zurück zur Artikellistenseite | Seite |. Artikel-Routing speichern |. Artikel-Routing bearbeiten | Speichern Sie es dann wieder in der Datenbank |. Artikel löschen |
Sie können sehen, dass es sich bei fast allen um Datenoperationsrouten für Artikel handelt : RESTful-Ressourcencontroller und Routing.
Öffnen Sie „routes.php“ und fügen Sie den folgenden Code hinzu:
Route::resource('articles', 'ArticlesController');
Nach dem Login kopieren
Mit nur einer Codezeile wie oben entspricht dies der Erstellung der folgenden 7 Routen, die alle benannt sind. Für das Routing können wir so etwas wie route('articles.show') verwenden.
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');Nach dem Login kopieren
3. Erstellen Sie einen Controller
Verwenden Sie Artisan, um einen Artikel-Controller zu erstellen:
php artisan make:controller ArticlesController
Nach dem Login kopieren
4. Erstellen Sie eine Basisansicht
resources/views/layouts/art.blade.php
Siehe Vorlagenindex. html
Neues Artikelformular
@extends('layouts.art')
@section('content')
<form class="form-horizontal" method="post" action="{{route('blog.store')}}">
{{ 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>
@endsectionNach dem Login kopieren
6 🎜 >
Wenn Sie zu diesem Zeitpunkt das neue Artikelformular ausfüllen und auf „Senden“ klicken, wird eine leere Seite angezeigt. Derselbe Grund ist wahr, da unser nachfolgender Controller-Code nicht geschrieben wurde noch.
Um die Artikelspeicherung zu implementieren, müssen Sie zunächst die Datenbank konfigurieren, Datentabellen erstellen, Modelle erstellen und dann den Speicherlogikcode vervollständigen.
1. Datenbank konfigurieren
.env-Datei ändern
2. Datentabelle erstellen
Verwenden Sie den artisan-Befehl, um die Migration zu generieren:
Migrationsdatei ändern
php artisan make:migration create_articles_talbe --create=articles
Nach dem Login kopieren
Wir haben eine Artikeltabelle erstellt, einschließlich inkrementellem ID-Feld und String-Titelfeld sowie Langtext Inhaltsfeld und Zeitstempel.
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');
}Nach dem Login kopieren
Datenbankmigration durchführen:
Melden Sie sich bei MySQL an und sehen Sie sich die Datentabelle an.
php artisan migrate
Nach dem Login kopieren
3. Erstellen Sie ein Modell
Verwenden Sie den Befehl „Artisan“, um ein Modell zu erstellen:
Öffnen Sie die Modelldatei und geben Sie ein der folgende Code:
php artisan make:model Article
Nach dem Login kopieren
app/Article.php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Article extends Model
{
//对应的表
protected $table = 'articles';
//通过model可以写入的字段
protected $fillable = [
'title', 'content',
];
}Nach dem Login kopieren
4. Speicherlogikcode
Öffnen Sie den Controller ArticlesController.php und finden Sie die Methode store().
app/Http/Controllers/ArticlesController.php
Überprüfungsfehleranzeige
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');
}Nach dem Login kopieren
@if (count($errors) > 0)
<p class="alert alert-danger">
<ul>
@foreach($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</p>
@endifNach dem Login kopieren
7. Artikellistenanzeige
Nach Abschluss der Funktion zum Hinzufügen von Artikeln können wir unsere Artikellisten-Anzeigeseite implementieren.
Öffnen Sie ArticlesController.php und suchen Sie die Methode
. Fügen Sie den Code wie folgt hinzu:
index() app/Http/Controllers/ArticlesController.php
Index anzeigen .blade.php
use App\Article;
public function index()
{
$articles = Article::orderBy('created_at','asc')->get();
return view('articles.index', ['articles'=>$articles]);
}Nach dem Login kopieren
@extends('layouts.art')
@section('content')
<a class="btn btn-primary" href="{{route('blog.create')}}" rel="external nofollow" >添加文章</a>
@foreach($articles as $article)
<p class="panel panel-default">
<p class="panel-body">
{{$article->title}}
<a href="{{route('blog.show',$article->id)}}" rel="external nofollow" class="btn btn-info">阅读</a>
<a href="{{route('blog.edit', $article->id)}}" rel="external nofollow" class="btn btn-info">修改</a>
<form action="{{ route('blog.destroy', $article->id) }}" method="post" style="display: inline-block;">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">删除</button>
</form>
</p>
</p>
@endforeach
{!! $articles->render() !!}
@endsectionNach dem Login kopieren
8. Formular zum Bearbeiten von Artikeln
Das Formular zum Bearbeiten von Artikeln ist dem neuen tatsächlich sehr ähnlich Artikelformular zuvor erstellt, außer Zusätzliche vorhandene Daten müssen ausgelesen und auf dem Formular ausgefüllt werden.
Zuerst fügen wir jedem Artikel auf der Artikellistenseite eine Schaltfläche zum Bearbeiten hinzu:
Ansicht:
Achten Sie auf das
@extends('layouts.art')
@section('content')
<form class="form-horizontal" method="post" action="{{route('blog.update',$article->id)}}">
{{ csrf_field() }}
{{ method_field('PATCH') }}
<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>
@endsectionNach dem Login kopieren
in diesem Code, der Es handelt sich um eine seitenübergreifende Methodenfälschung und das HTML-Formular unterstützt die Aktionen PUT, PATCH oder DELETE nicht. Wenn Sie also die definierte PUT-, PATCH- oder DELETE-Route aus einem HTML-Formular aufrufen, müssen Sie dem Formular ein verstecktes _method-Feld hinzufügen, um die Methode zu fälschen. Weitere Informationen finden Sie in der offiziellen Dokumentation.
{{ method_field('PATCH') }} Controller
//展示修改模板
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');
}Nach dem Login kopieren
9. Artikel löschen
Löschen-Button
Controller:
<form action="{{ route('blog.destroy', $article->id) }}" method="post" style="display: inline-block;">
{{ csrf_field() }}
{{ method_field('DELETE') }}
<button type="submit" class="btn btn-danger">删除</button>
</form>Nach dem Login kopieren
public function destroy($id)
{
$article = Article::findOrFail($id);
$article->delete();
return back();
}Nach dem Login kopieren
十、结语
本次实验通过一个很简单的迷你博客对 Laravel RESTful 资源控制器和路由，视图，orm进行了强化练习。
Das obige ist der detaillierte Inhalt vonTutorial-Beispiel zum Erstellen eines Blogs in Laravel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
