Laravel 10 CRUD with Image Upload Tutorial: Ένας βήμα προς βήμα οδηγός

0
Laravel 10 CRUD with Image Upload Tutorial: Ένας βήμα προς βήμα οδηγός

Εισαγωγή

Αν ψάχνετε για έναν ολοκληρωμένο οδηγό για το Laravel 10 CRUD με μεταφόρτωση εικόνων, τότε βρίσκεστε στο σωστό μέρος. Αυτό το σεμινάριο θα σας παρέχει οδηγίες βήμα προς βήμα για να δημιουργήσετε μια βασική εφαρμογή CRUD με λειτουργία μεταφόρτωσης εικόνων χρησιμοποιώντας το Laravel 10.

Το CRUD, συντομογραφία για Δημιουργία, Ανάγνωση, Ενημέρωση και Διαγραφή, είναι ένας όρος που χρησιμοποιείται συνήθως στον προγραμματισμό υπολογιστών για να περιγράψει τις τέσσερις βασικές λειτουργίες που μπορούν να εκτελεστούν σε δεδομένα. Σε εφαρμογές Ιστού και βάσεις δεδομένων, το CRUD αναφέρεται στις θεμελιώδεις ενέργειες που μπορούν να εκτελεστούν σε μια βάση δεδομένων ή χώρο αποθήκευσης δεδομένων.

Βήμα 1: Εγκατάσταση Laravel 10

Πριν βουτήξουμε στις λεπτομέρειες, βεβαιωθείτε ότι έχετε εγκατεστημένο το Laravel 10 στο σύστημά σας. Εάν όχι, μπορείτε να το εγκαταστήσετε εκτελώντας την ακόλουθη εντολή:

composer create-project laravel/laravel example-app

Βήμα 2: Διαμόρφωση βάσης δεδομένων

Για να ξεκινήσουμε, ας κάνουμε τις απαραίτητες διαμορφώσεις για την εφαρμογή μας CRUD. Ανοιξε το .env αρχείο και εισαγάγετε τα στοιχεία για το όνομα της βάσης δεδομένων, το όνομα χρήστη, τον κωδικό πρόσβασης και άλλα απαραίτητα στοιχεία:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_username
DB_PASSWORD=database_password

Βήμα 3: Δημιουργία Migration

Εφόσον δημιουργούμε μια εφαρμογή CRUD για προϊόντα, πρέπει να δημιουργήσουμε μια μετεγκατάσταση για τον πίνακα „προϊόντα“ χρησιμοποιώντας το Laravel 10 php artisan εντολή. Εκτελέστε την ακόλουθη εντολή για να δημιουργήσετε το αρχείο μετεγκατάστασης:

php artisan make:migration create_products_table --create=products

Στο database/migrations φάκελο, θα βρείτε το αρχείο μετεγκατάστασης. Προσθέστε τον ακόλουθο κώδικα στο αρχείο μετεγκατάστασης για να δημιουργήσετε τον πίνακα προϊόντων:

Εκτελέστε την ακόλουθη εντολή για να εκτελέσετε τη μετεγκατάσταση:

php artisan migrate

Βήμα 4 : Προσθήκη ελεγκτή και μοντέλου

Σε αυτό το βήμα, θα δημιουργήσουμε έναν νέο ελεγκτή με το όνομα ProductController και γράψτε τη λογική για να αποθηκεύσετε εικόνες στο φάκελο „εικόνες“ του δημόσιου φακέλου. Εκτελέστε την ακόλουθη εντολή για να δημιουργήσετε τον ελεγκτή πόρων:

php artisan make:controller ProductController --resource --model=Product

ο ProductController θα έχει επτά προεπιλεγμένες μεθόδους:

  • index()
  • create()
  • store()
  • show()
  • edit()
  • update()
  • destroy()

Προσθέστε τον ακόλουθο κώδικα στο ProductController αρχείο:

Προσθέστε τον ακόλουθο κώδικα στο αρχείο Product.php:

Βήμα 5: Προσθήκη διαδρομής πόρων

Για να προσθέσετε μια διαδρομή πόρων για μια εφαρμογή CRUD προϊόντος, ανοίξτε το routes/web.php αρχείο και προσθέστε την ακόλουθη διαδρομή:

<?php
  
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ProductController;

Route::resource('products', ProductController::class);

Βήμα 6: Προσθήκη Blade Files

Σε αυτό το βήμα, θα δημιουργήσουμε τα αρχεία blade. Πρώτα, δημιουργήστε ένα αρχείο διάταξης και, στη συνέχεια, δημιουργήστε έναν νέο φάκελο που ονομάζεται „products“ για να αποθηκεύσετε τα αρχεία blade της εφαρμογής CRUD. Πρέπει να δημιουργηθούν τα ακόλουθα αρχεία blade:

  • layout.blade.php
  • index.blade.php
  • create.blade.php
  • edit.blade.php
  • show.blade.php

Δημιουργήστε αυτά τα αρχεία και προσθέστε τον ακόλουθο κώδικα σε αυτά.

resources/views/products/layout.blade.php

resources/views/products/index.blade.php

resources/views/products/create.blade.php

`resources/views/products/edit.blade.php`

`resources/views/products/show.blade.php`

Βήμα 7: Δοκιμάστε τη μεταφόρτωση εικόνας

Για να εκτελέσετε την εφαρμογή Laravel αφού ολοκληρώσετε όλα τα απαραίτητα βήματα, εισαγάγετε την ακόλουθη εντολή στο τερματικό σας:

php artisan serve

Στη συνέχεια, ανοίξτε το πρόγραμμα περιήγησής σας και εισαγάγετε τη διεύθυνση URL που παρέχεται για να δείτε την έξοδο της εφαρμογής. Είναι σημαντικό να σημειώσετε ότι πρέπει να έχετε δημιουργήσει ένα „εικόνες“ φάκελο στον δημόσιο κατάλογο εκ των προτέρων.

Είσαι έτοιμος.


Schreibe einen Kommentar