{"id":24635,"date":"2021-05-19T13:08:00","date_gmt":"2021-05-19T10:08:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24635"},"modified":"2021-10-18T03:12:14","modified_gmt":"2021-10-18T00:12:14","slug":"come-creare-un-blog-con-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-un-blog-con-laravel\/","title":{"rendered":"Come creare un blog con Laravel"},"content":{"rendered":"

Laravel \u00e8 il framework PHP pi\u00f9 popolare. Sappiamo tutti che le persone preferiscono questo framework per creare le proprie applicazioni web. E mentre costruisci un sito web con Laravel, probabilmente vorrai creare un blog sul tuo sito web. In generale, Laravel non \u00e8 una piattaforma di blogging come WordPress in cui ottieni tutto il materiale di backend pronto per gestire gli articoli del tuo blog. E costruire il sistema del blog da zero \u00e8 un lavoro che richiede molto tempo. Grazie a Canvas<\/a> che semplifica la vita agli sviluppatori di Laravel creando una fantastica piattaforma di pubblicazione per Laravel.<\/p>\n

Utilizzando il pacchetto Canvas, possiamo creare facilmente il nostro blog in Laravel in pochi minuti. Canvas ha gi\u00e0 lavorato sodo per la gestione del backend del blog. Tutto quello che devi fare \u00e8 ottenere i dati e visualizzarli sul frontend corrispondente al tuo design.<\/p>\n

Detto questo, diamo un’occhiata a come creare un blog con Laravel utilizzando il pacchetto Canvas.<\/p>\n

Iniziare<\/h3>\n

Per iniziare con Canvas, devi prima soddisfare il requisito di base di Canvas che \u00e8 l’autenticazione dell’utente. Laravel rende l’implementazione dell’autenticazione davvero semplice. Se hai gi\u00e0 installato l’autenticazione Laravel, salta questo passaggio. Altrimenti nel tuo terminale, esegui i comandi seguenti uno per uno per configurare l’autenticazione di Laravel.<\/p>\n

composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\n
Crea un blog con Laravel usando il pacchetto Canvas<\/h3>\n
Una volta che l’autenticazione \u00e8 nel luogo, puoi installare Canvas eseguendo il comando seguente:<\/p>\n
composer require cnvs\/canvas<\/code><\/pre>\n
Al momento dell’installazione del pacchetto, \u00e8 necessario pubblicare le risorse e il file di configurazione principale. Pubblicalo usando il comando:<\/p>\n
php artisan canvas:install<\/code><\/pre>\n
Questo comando localizzer\u00e0 il file di configurazione principale in config\/canvas.php<\/code>. Puoi controllare vari aspetti usando questo file di configurazione. Ma raramente \u00e8 necessario toccare questo file poich\u00e9 tutte le cose sono gi\u00e0 definite nei punti.<\/p>\n
Crea anche alcune tabelle nel tuo database. Questo pacchetto aggiunge un prefisso ‘canvas_’ a tutte queste tabelle appena create.<\/p>\n
Quando si tratta di blog, \u00e8 sempre necessario utilizzare le immagini nel contenuto. Quindi, crea un collegamento simbolico per garantire che i caricamenti di file siano accessibili pubblicamente dal Web.<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Significa che vedrai le tue immagini caricate all’interno della public\/storage<\/code>directory.<\/p>\n
Ora, se esegui l’URL http:\/\/localhost:8000\/canvas<\/a>, verrai reindirizzato alla pagina delle statistiche. Puoi reindirizzare alla pagina di accesso se non hai effettuato l’accesso. Qui uso il localhost, puoi modificare questo URL.<\/p>\n
Nella pagina delle statistiche, otterrai analisi di base del tuo blog come il numero di visualizzazioni, visitatori, l’andamento di ciascun articolo, ecc.<\/p>\n
Dalla sezione dell’intestazione, puoi ottenere i menu per la creazione di post, tag, argomenti, impostazioni, ecc. Devi giocare con tutti questi menu. \u00c8 semplice e facile da capire.<\/p>\n
\"Come<\/a><\/p>\n
Facendo clic sul pulsante "Nuovo post", verrai reindirizzato a una pagina in cui puoi aggiungere il tuo articolo. Puoi anche aggiungere immagini in primo piano, impostazioni SEO, tag, argomenti all’articolo. Notare i tre punti accanto al pulsante Pubblica. Cliccando su questi punti ottieni tutte queste opzioni.<\/p>\n
\"Come<\/a><\/p>\n
Schermata sopra che mostra il colore di sfondo mentre attivo la modalit\u00e0 oscura. Nel tuo caso, potresti vedere lo sfondo bianco. Quindi non confonderti con esso. L’utente pu\u00f2 trovare questa funzione in modalit\u00e0 oscura nella pagina Impostazioni.<\/p>\n
Canvas ha una funzione di salvataggio automatico in modo da non perdere il tuo lavoro.<\/p>\n
L’interfaccia di questo pacchetto \u00e8 semplice. Puoi familiarizzare facilmente con esso in pochissimo tempo. La prossima cosa che dobbiamo vedere \u00e8 visualizzare i tuoi articoli sul front-end.<\/p>\n
Pubblicazione di articoli sul sito web<\/h4>\n
Una volta che hai finito con il backend, devi visualizzare i tuoi articoli sul front-end. Richiede la definizione di alcuni percorsi e metodi nel file del controller. La libreria Canvas ha fatto questo duro lavoro per te. Nella pagina GitHub di questa libreria, otterrai il codice per esso. Aggiungi i seguenti percorsi nel tuo routes\/web.php<\/code>file.<\/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
Crea un controller BlogController usando il comando:<\/p>\n
php artisan make:controller BlogController<\/code><\/pre>\n
Avrai BlogController.php<\/code>il codice qui sotto.<\/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
Crea file lama<\/h4>\n
Come definito nel controller, creiamo un file blade blog\/index.blade.php<\/code>e blog\/show.blade.php<\/code>. In questo tutorial, non progetter\u00f2 un elenco di blog e una pagina dei dettagli. Poich\u00e9 ognuno di voi ha un design separato. Sto solo andando a stampare articoli sul file blade. Puoi applicare la corrispondenza del design con il tuo sito web.<\/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
Suggerirei di stampare la $data<\/code>variabile e controllare tutte le informazioni contenute in questa variabile. Probabilmente vorrai usare altri dettagli anche da questa variabile.<\/p>\n
Spero che tu capisca come creare un blog con Laravel usando un pacchetto Canvas. Puoi saperne di pi\u00f9 su questo pacchetto su cnvs\/canvas<\/a>.<\/p>\n
articoli Correlati<\/h4>\n