{"id":24449,"date":"2021-05-19T12:53:00","date_gmt":"2021-05-19T09:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24449"},"modified":"2021-10-18T02:40:51","modified_gmt":"2021-10-17T23:40:51","slug":"so-erstellen-sie-einen-blog-mit-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-einen-blog-mit-laravel\/","title":{"rendered":"So erstellen Sie einen Blog mit Laravel"},"content":{"rendered":"

Laravel ist das beliebteste PHP-Framework. Wir alle wissen, dass die Leute dieses Framework bevorzugen, um ihre Webanwendungen zu erstellen. Und w\u00e4hrend Sie mit Laravel eine Website erstellen, m\u00f6chten Sie wahrscheinlich einen Blog auf Ihrer Website erstellen. Im Allgemeinen ist Laravel keine Blogging-Plattform wie WordPress, auf der Sie alle Backend-Zeugs bereithalten, um Ihre Blogartikel zu verwalten. Und das Blog-System von Grund auf neu aufzubauen, ist ziemlich zeitaufwendig. Dank Canvas<\/a>, das Laravel-Entwicklern das Leben erleichtert, indem es eine coole Publishing-Plattform f\u00fcr Laravel erstellt.<\/p>\n

Mit dem Canvas-Paket k\u00f6nnen wir unseren Blog in Laravel in nur wenigen Minuten erstellen. Canvas hat bereits harte Arbeit geleistet, um die Backend-Sachen des Blogs zu verwalten. Sie m\u00fcssen nur die Daten abrufen und im Frontend passend zu Ihrem Design anzeigen.<\/p>\n

Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie mit Laravel mit dem Canvas-Paket einen Blog erstellen.<\/p>\n

Einstieg<\/h3>\n

Um mit Canvas zu beginnen, m\u00fcssen Sie zun\u00e4chst die grundlegende Anforderung von Canvas erf\u00fcllen, n\u00e4mlich die Benutzerauthentifizierung. Laravel macht die Implementierung der Authentifizierung wirklich einfach. Wenn Sie die Laravel-Authentifizierung bereits installiert haben, \u00fcberspringen Sie diesen Schritt. Ansonsten f\u00fchren Sie in Ihrem Terminal die folgenden Befehle nacheinander aus, um die Laravel-Authentifizierung einzurichten.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Erstellen Sie einen Blog mit Laravel mit Canvas Package<\/h3>\n
Sobald die Authentifizierung erfolgt ist, k\u00f6nnen Sie den Canvas installieren, indem Sie den folgenden Befehl ausf\u00fchren:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Nach der Paketinstallation m\u00fcssen Sie Assets und die prim\u00e4re Konfigurationsdatei ver\u00f6ffentlichen. Ver\u00f6ffentlichen Sie es mit dem Befehl:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
Dieser Befehl w\u00fcrde die prim\u00e4re Konfigurationsdatei unter suchen config\/canvas.php<\/code>. Mit dieser Konfigurationsdatei k\u00f6nnen Sie verschiedene Aspekte steuern. Aber Sie m\u00fcssen diese Datei selten anfassen, da alles an den Stellen bereits definiert ist.<\/p>\n
Es erstellt auch einige Tabellen in Ihrer Datenbank. Dieses Paket f\u00fcgt all diesen neu erstellten Tabellen ein ‚canvas_‘-Pr\u00e4fix hinzu.<\/p>\n
Wenn es um Blogs geht, m\u00fcssen Sie immer Bilder im Inhalt verwenden. Erstellen Sie daher einen symbolischen Link, um sicherzustellen, dass Datei-Uploads \u00f6ffentlich \u00fcber das Web zug\u00e4nglich sind.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Das bedeutet, dass Sie Ihre hochgeladenen Bilder im public\/storage<\/code>Verzeichnis sehen werden.<\/p>\n
Wenn Sie nun die URL http:\/\/localhost:8000\/canvas<\/a> ausf\u00fchren, werden Sie auf die Statistikseite umgeleitet. Sie k\u00f6nnen auf die Login-Seite umleiten, wenn Sie nicht eingeloggt sind. Hier verwende ich den localhost, Sie k\u00f6nnen diese URL anpassen.<\/p>\n
Auf der Statistikseite erhalten Sie grundlegende Analysen Ihres Blogs wie die Anzahl der Aufrufe, Besucher, der Trend jedes Artikels usw.<\/p>\n
Aus dem Header-Bereich k\u00f6nnen Sie die Men\u00fcs zum Erstellen von Beitr\u00e4gen, Tags, Themen, Einstellungen usw. abrufen. Sie m\u00fcssen mit all diesen Men\u00fcs spielen. Es ist einfach und leicht zu verstehen.<\/p>\n
\"So<\/a><\/p>\n
Wenn Sie auf die Schaltfl\u00e4che \u201eNeuer Beitrag“ klicken, werden Sie auf eine Seite weitergeleitet, auf der Sie Ihren Artikel hinzuf\u00fcgen k\u00f6nnen. Sie k\u00f6nnen dem Artikel auch vorgestellte Bilder, SEO-Einstellungen, Tags und Themen hinzuf\u00fcgen. Beachten Sie die drei Punkte neben der Schaltfl\u00e4che Ver\u00f6ffentlichen. Wenn Sie auf diese Punkte klicken, erhalten Sie alle diese Optionen.<\/p>\n
\"So<\/a><\/p>\n
Der obige Screenshot zeigt die Hintergrundfarbe, wenn ich den Dunkelmodus aktiviert habe. In Ihrem Fall sehen Sie m\u00f6glicherweise den wei\u00dfen Hintergrund. Also nicht damit verwechseln. Der Benutzer kann diese Dunkelmodusfunktion auf der Seite Einstellungen finden.<\/p>\n
Canvas verf\u00fcgt \u00fcber eine automatische Speicherfunktion, damit Sie Ihre Arbeit nicht verlieren.<\/p>\n
Die Schnittstelle dieses Pakets ist unkompliziert. Sie k\u00f6nnen sich in k\u00fcrzester Zeit leicht damit vertraut machen. Als n\u00e4chstes m\u00fcssen wir Ihre Artikel im Frontend anzeigen.<\/p>\n
Ver\u00f6ffentlichung von Artikeln auf der Website<\/h4>\n
Sobald Sie mit dem Backend fertig sind, m\u00fcssen Sie Ihre Artikel im Frontend anzeigen. Dazu m\u00fcssen einige Routen und Methoden in der Controller-Datei definiert werden. Die Canvas-Bibliothek hat diese harte Arbeit f\u00fcr Sie erledigt. Auf der GitHub-Seite dieser Bibliothek erhalten Sie den Code daf\u00fcr. F\u00fcgen Sie die folgenden Routen in Ihre routes\/web.php<\/code>Datei ein.<\/p>\n
\/\/ Get all published posts\nRoute::get('blog', 'BlogController@getPosts');\n\u00a0\n\/\/ Get posts for a given tag\nRoute::get('tag\/{slug}', 'BlogController@getPostsByTag');\n\u00a0\n\/\/ Get posts for a given topic\nRoute::get('topic\/{slug}', 'BlogController@getPostsByTopic');\n\u00a0\n\/\/ Find a single post\nRoute::middleware('CanvasHttpMiddlewareSession')->get('{slug}', 'BlogController@findPostBySlug');<\/code><\/pre>\n
Erstellen Sie einen Controller BlogController mit dem Befehl:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Sie BlogController.php<\/code>erhalten den unten stehenden Code.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\n\u00a0\nclass BlogController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0public function getPosts()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function getPostsByTag(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (CanvasTag::where('slug', $slug)->first()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::whereHas('tags', function ($query) use ($slug) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$query->where('slug', $slug);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})->published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function getPostsByTopic(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (CanvasTopic::where('slug', $slug)->first()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'posts' => CanvasPost::whereHas('topic', function ($query) use ($slug) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$query->where('slug', $slug);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})->published()->orderByDesc('published_at')->simplePaginate(10),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.index', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0public function findPostBySlug(string $slug)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$posts = CanvasPost::with('tags', 'topic')->published()->get();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$post = $posts->firstWhere('slug', $slug);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (optional($post)->published) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$data = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'author' => $post->user,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post'\u00a0\u00a0 => $post,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'meta'\u00a0\u00a0 => $post->meta,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ IMPORTANT: This event must be called for tracking visitor\/view traffic\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0event(new CanvasEventsPostViewed($post));\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('blog.show', compact('data'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0abort(404);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Blade-Dateien erstellen<\/h4>\n
Wie im Controller definiert, erstellen wir eine Blade-Datei blog\/index.blade.php<\/code>und blog\/show.blade.php<\/code>. In diesem Tutorial werde ich keine Blog-Liste und Detailseite entwerfen. Da jeder von euch ein eigenes Design hat. Ich werde nur Artikel \u00fcber die Blade-Datei drucken. Sie k\u00f6nnen Design-Matching mit Ihrer Website anwenden.<\/p>\n
blog\/index.blade.php<\/strong><\/p>\n
<ul>\n\u00a0\u00a0\u00a0\u00a0@foreach($data['posts'] as $d)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<h2><a href=\"{{url($d['slug'])}}\">{{ $d['title'] }}<\/a><\/h2>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p>{!! $d['body'] !!}<\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/li>\n\u00a0\u00a0\u00a0\u00a0@endforeach\n<\/ul><\/code><\/pre>\n
blog\/show.blade.php<\/strong><\/p>\n
@if($data['post']['featured_image'])\n\u00a0\u00a0\u00a0\u00a0<img src=\"{{ url($data['post']['featured_image']) }}\" alt=\"{{ $data['post']['featured_image_caption'] }}\" \/>\n@endif\n<h2>{{ $data['post']['title'] }}<\/h2>\n{!! $data['post']['body'] !!}<\/code><\/pre>\n
Ich w\u00fcrde vorschlagen, die $data<\/code>Variable zu drucken und die gesamten Informationen zu \u00fcberpr\u00fcfen, die diese Variable enth\u00e4lt. Sie m\u00f6chten wahrscheinlich auch andere Details aus dieser Variablen verwenden.<\/p>\n
Ich hoffe, Sie verstehen, wie Sie mit Laravel mithilfe eines Canvas-Pakets einen Blog erstellen. Weitere Informationen zu<\/a> diesem Paket finden Sie unter cnvs\/canvas<\/a>.<\/p>\n
Zum Thema passende Artikel<\/h4>\n