در ادامه یک آموزش کامل برای نصب Laravel Breeze را به در سایت مالبو تیم آماده می‌کنم که شامل مراحل گام‌به‌گام به همراه لینک‌های داخلی برای دسترسی به بخش‌های مختلف مقاله باشد
فهرست مطالب
- مقدمه‌ای بر Breeze
- پیش‌نیازها
- نصب بسته Breeze
- اجرای دستورات برای دیتابیس (Migration)
- راه‌اندازی رابط کاربری
- جمع‌بندی
مقدمه‌ای بر Breeze
Breeze یک بسته رسمی لاراول است که برای پروژه‌های سبک و ساده مناسب است. این بسته یک سیستم احراز هویت پایه را در اختیار شما قرار می‌دهد که شامل ثبت‌نام، ورود، بازیابی رمز عبور و مدیریت کاربران است.
پیش‌نیازها
برای نصب و استفاده از Breeze، باید شرایط زیر را فراهم کنید:
- نصب لاراول (نسخه 8 به بالا).
- نصب Composer.
- یک پایگاه داده آماده (MySQL، SQLite و غیره).
نصب بسته Breeze
برای نصب Breeze مراحل زیر را دنبال کنید:
ابتدا وارد مسیر پروژه خود شوید و دستور زیر را اجرا کنید:
composer require laravel/breeze --dev
پس از نصب بسته، باید دستور زیر را اجرا کنید تا فایل‌های موردنیاز ایجاد شوند
php artisan breeze:install
اجرای دستورات برای دیتابیس
برای ایجاد جداول مربوط به احراز هویت در پایگاه داده، دستور زیر را اجرا کنید:
php artisan migrate
این دستور جداول مربوط به کاربران، نشست‌ها و رمزهای بازیابی را در پایگاه داده شما ایجاد می‌کند.
راه‌اندازی رابط کاربری در TailwindCSS
Breeze به‌صورت پیش‌فرض از Blade و TailwindCSS استفاده می‌کند. اما اگر پروژه شما صفحه لاگین یا ثبت نام خود را دارد شما میتوانید از فرانت خود استفاده کنید
بهینه ترین و ساده ترین کد صفحه ورود
این کد رو در مسیر زیر قرار دهید
resources\views\auth\login.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>صفحه ورود</title>
<!-- Tailwind CSS CDN -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body style="direction: rtl;">
<div class="min-h-screen flex items-center justify-center bg-gray-100">
<div class="w-full max-w-md p-6 bg-white shadow-md rounded-lg" style="direction: rtl">
<div class="flex justify-center mb-6">
<a href="/">
<!-- Logo -->
</a>
</div>
<!-- Validation Errors -->
@if ($errors->any())
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form method="POST" action="{{ route('login') }}">
@csrf
<!-- Email Address -->
<div class="mb-4">
<label for="email" class="block text-gray-700">ایمیل</label>
<input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus class="w-full mt-1 p-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
</div>
<!-- Password -->
<div class="mb-4">
<label for="password" class="block text-gray-700">گذرواژه</label>
<input id="password" type="password" name="password" required autocomplete="current-password" class="w-full mt-1 p-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
</div>
<!-- Remember Me -->
<div class="mb-4 flex items-center">
<input id="remember_me" type="checkbox" class="mr-2 rounded border-gray-300 text-blue-600 focus:ring-blue-300" name="remember">
<label for="remember_me" class="text-gray-700">من رو به خاطر بسپار</label>
</div>
<div class="flex justify-between items-center">
@if (Route::has('password.request'))
<a href="{{ route('password.request') }}" class="text-sm text-blue-500 hover:underline">فراموشی گذرواژه</a>
@endif
<button type="submit" class="bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 focus:outline-none focus:ring focus:ring-blue-300">
ورود
</button>
</div>
</form>
</div>
</div>
</body>
</html>
اکنون پروژه شما آماده است و میتوانید با اجرای سرور لاراول نتیجه را مشاهده کنید:
php artisan serve
در مرورگر خود به آدرس http://localhost:8000 بروید تا رابط کاربری Breeze را مشاهده کنید.
جمع‌بندی
در این آموزش یاد گرفتید که چگونه Breeze را نصب و راه‌اندازی کنید. با استفاده از این بسته، میتوانید سریع‌تر پروژه‌های لاراولی خود را آغاز کنید. اگر سوالی دارید یا به مشکلی برخوردید، میتوانید از قسمت نظرات با ما در ارتباط باشید.
برای دانلود مستندات Breeze، به لینک رسمی بسته Breeze مراجعه کنید.
مهدی ایروانی
پرسش و پاسخ
0: تعداد نظرات