यदि आप वेब डेवलपमेंट (Web Development) में नए हैं और लारवेल (Laravel) सीख रहे हैं, तो CRUD एप्लिकेशन बनाना आपका पहला महत्वपूर्ण कदम है। CRUD का मतलब है Create (बनाना), Read (पढ़ना), Update (अपडेट करना), Delete (हटाना)। यह एक ऐसा सिस्टम है जो डेटा को मैनेज करता है, जैसे टू-डू लिस्ट, ब्लॉग पोस्ट्स, या प्रोडक्ट लिस्टिंग। इस लारवेल CRUD ट्यूटोरियल इन हिंदी (Laravel CRUD Tutorial in Hindi)
Table of contents [Show]
यदि आप वेब डेवलपमेंट (Web Development) में नए हैं और लारवेल (Laravel) सीख रहे हैं, तो CRUD एप्लिकेशन बनाना आपका पहला महत्वपूर्ण कदम है। CRUD का मतलब है Create (बनाना), Read (पढ़ना), Update (अपडेट करना), Delete (हटाना)। यह एक ऐसा सिस्टम है जो डेटा को मैनेज करता है, जैसे टू-डू लिस्ट, ब्लॉग पोस्ट्स, या प्रोडक्ट लिस्टिंग। इस लारवेल CRUD ट्यूटोरियल इन हिंदी (Laravel CRUD Tutorial in Hindi) में हम आपको स्टेप-बाय-स्टेप (Step-by-Step) बताएँगे कि लारवेल में CRUD एप्लिकेशन कैसे बनाया जाता है। हम एक साधारण टू-डू लिस्ट बनाएंगे, जो शुरुआती (Beginners) के लिए आदर्श है। तो, आइए शुरू करते हैं! 🚀
लारवेल में CRUD एप्लिकेशन बनाना इतना लोकप्रिय क्यों है? यहाँ कुछ प्रमुख फायदे (Advantages) हैं:
जानकारी (Fact): लारवेल दुनिया के सबसे लोकप्रिय PHP फ्रेमवर्क्स में से एक है, जिसे 70% डेवलपर्स उपयोग करते हैं!
CRUD सिस्टम के साथ आप कई प्रकार के प्रोजेक्ट्स बना सकते हैं, जैसे:
सबसे पहले, आपको एक लारवेल प्रोजेक्ट सेट करना होगा। इसके लिए निम्नलिखित चीज़ें तैयार रखें:
कैसे सेट करें?
English
composer create-project laravel/laravel todo-appइससे “todo-app” नाम का एक फोल्डर बनेगा।
cd todo-app
php artisan serveब्राउज़र में http://localhost:8000 खोलें, आपको लारवेल का वेलकम पेज दिखेगा।
CRUD के लिए डेटा स्टोर करने के लिए डेटाबेस की जरूरत होगी। हम MySQL का उपयोग करेंगे।
.env फाइल में डेटाबेस डिटेल्स जोड़ें:DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=todo_app_db
DB_USERNAME=your_username
DB_PASSWORD=your_passwordtodo_app_db)।php artisan make:model Task -mयह एक Task मॉडल और माइग्रेशन फाइल बनाएगा।
database/migrations/ में माइग्रेशन फाइल खोलें और निम्नलिखित कोड जोड़ें:Schema::create('tasks', function (Blueprint $table) {
$table->id();
$table->string('title');
$table->text('description')->nullable();
$table->boolean('completed')->default(false);
$table->timestamps();
});
php artisan migrateयह tasks टेबल बनाएगा।
अब हमें टास्क्स मैनेज करने के लिए मॉडल और कंट्रोलर की जरूरत होगी।
app/Models/Task.php में निम्नलिखित कोड जोड़ें:namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class Task extends Model
{
protected $fillable = ['title', 'description', 'completed'];
}
php artisan make:controller TaskController --resourceयह CRUD के लिए ज़रूरी मेथड्स (index, create, store, show, edit, update, destroy) बनाएगा।
app/Http/Controllers/TaskController.php में बेसिक CRUD लॉजिक जोड़ें:namespace App\Http\Controllers;
use App\Models\Task;
use Illuminate\Http\Request;
class TaskController extends Controller
{
public function index()
{
$tasks = Task::all();
return view('tasks.index', compact('tasks'));
}
public function create()
{
return view('tasks.create');
}
public function store(Request $request)
{
$request->validate([
'title' => 'required|max:255',
'description' => 'nullable',
]);
Task::create($request->all());
return redirect()->route('tasks.index')->with('success', 'Task created!');
}
public function edit(Task $task)
{
return view('tasks.edit', compact('task'));
}
public function update(Request $request, Task $task)
{
$request->validate([
'title' => 'required|max:255',
'description' => 'nullable',
]);
$task->update($request->all());
return redirect()->route('tasks.index')->with('success', 'Task updated!');
}
public function destroy(Task $task)
{
$task->delete();
return redirect()->route('tasks.index')->with('success', 'Task deleted!');
}
}
CRUD ऑपरेशन्स के लिए रूट्स की जरूरत होगी। routes/web.php में निम्नलिखित कोड जोड़ें:
use App\Http\Controllers\TaskController;
Route::resource('tasks', TaskController::class);
यह ऑटोमैटिकली CRUD के सभी रूट्स बनाएगा (जैसे /tasks, /tasks/create)।
अब हमें फ्रंटएंड के लिए Blade टेम्पलेट्स की जरूरत होगी।
resources/views/layouts/app.blade.php में बेसिक लेआउट बनाएँ:<!DOCTYPE html>
<html>
<head>
<title>टू-डू लिस्ट (To-Do List)</title>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>
resources/views/tasks/index.blade.php में टास्क लिस्ट बनाएँ:@extends('layouts.app')
@section('content')
<h1>मेरी टू-डू लिस्ट (My To-Do List)</h1>
<a href="{{ route('tasks.create') }}" class="btn btn-primary">नया टास्क (New Task)</a>
@if (session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<table class="table">
<thead>
<tr>
<th>टाइटल (Title)</th>
<th>डिस्क्रिप्शन (Description)</th>
<th>एक्शन्स (Actions)</th>
</tr>
</thead>
<tbody>
@foreach ($tasks as $task)
<tr>
<td>{{ $task->title }}</td>
<td>{{ $task->description }}</td>
<td>
<a href="{{ route('tasks.edit', $task) }}" class="btn btn-sm btn-warning">एडिट (Edit)</a>
<form action="{{ route('tasks.destroy', $task) }}" method="POST" style="display:inline;">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-sm btn-danger">डिलीट (Delete)</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
@endsection
resources/views/tasks/create.blade.php में टास्क क्रिएट फॉर्म बनाएँ:@extends('layouts.app')
@section('content')
<h1>नया टास्क बनाएं (Create New Task)</h1>
<form action="{{ route('tasks.store') }}" method="POST">
@csrf
<div class="form-group">
<label for="title">टाइटल (Title)</label>
<input type="text" name="title" class="form-control" required>
</div>
<div class="form-group">
<label for="description">डिस्क्रिप्शन (Description)</label>
<textarea name="description" class="form-control"></textarea>
</div>
<button type="submit" class="btn btn-primary">सेव (Save)</button>
</form>
@endsection
resources/views/tasks/edit.blade.php में एडिट फॉर्म बनाएँ:@extends('layouts.app')
@section('content')
<h1>टास्क एडिट करें (Edit Task)</h1>
<form action="{{ route('tasks.update', $task) }}" method="POST">
@csrf
@method('PUT')
<div class="form-group">
<label for="title">टाइटल (Title)</label>
<input type="text" name="title" class="form-control" value="{{ $task->title }}" required>
</div>
<div class="form-group">
<label for="description">डिस्क्रिप्शन (Description)</label>
<textarea name="description" class="form-control">{{ $task->description }}</textarea>
</div>
<button type="submit" class="btn btn-primary">अपडेट (Update)</button>
</form>
@endsection
अच्छा लुक देने के लिए Bootstrap का उपयोग करें।
resources/views/layouts/app.blade.php में Bootstrap CDN जोड़ें:<head>
<title>टू-डू लिस्ट (To-Do List)</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
npm install
npm run dev
अब अपने CRUD एप्लिकेशन को टेस्ट करें।
http://localhost:8000/tasks खोलें। टास्क लिस्ट दिखेगी।
CRUD यानी Create, Read, Update, Delete। यह डेटा मैनेजमेंट का एक बेसिक सिस्टम है, जैसे टू-डू लिस्ट। **(HQ)**
हाँ, इस laravel crud tutorial in hindi गाइड के साथ शुरुआती लोग आसानी से सीख सकते हैं। **(HQ)**
इस गाइड को फॉलो करके 1-2 घंटे में CRUD एप्लिकेशन बनाया जा सकता है। **(HQ)**
हाँ, Blade टेम्पलेट्स और कंट्रोलर्स को अपनी जरूरत के अनुसार बदला जा सकता है।
Hostinger पर प्रोजेक्ट अपलोड करें।
इस लारवेल CRUD ट्यूटोरियल इन हिंदी (Laravel CRUD Tutorial in Hindi) के माध्यम से आपने सीखा कि CRUD एप्लिकेशन कैसे बनाया जाता है। लारवेल के Eloquent और Blade की मदद से आप कुछ ही मिनटों में टू-डू लिस्ट जैसे प्रोजेक्ट्स बना सकते हैं। इस गाइड को फॉलो करके अपना पहला प्रोजेक्ट शुरू करें। यदि आपके कोई सवाल हैं, तो नीचे कमेंट करें। अपनी वेबसाइट को Hostinger पर होस्ट करें और इसे ऑनलाइन ले जाएँ।
अगला क्या सीखें? (What to Learn Next?) APIs, Livewire, या Vue.js जैसे टॉपिक्स पर लारवेल ट्यूटोरियल्स हिंदी में (Tutorials in Hindi) चाहिए? InHindi24.com पर और गाइड्स पढ़ें!
This guide provides a step-by-step tutorial for integrating PhonePe Payment Gateway v2 into a Laravel application using the API endpoint https://api.phonepe.com/apis/pg/checkout/v2/pay for payment initiation and https://api.phonepe.com/apis/pg/checkout/v2/order/{merchantOrderId}/status for status verification.
Learn how to import large CSV files into a users table in Laravel using AJAX with a progress bar. This guide includes duplicate checking, chunk processing, and commented code.
