Application de gestion des employés ب Laravel 8 Darija الجزء الثالت

منذ 7 أشهر imadbelasri Laravel
LA

فهاد الجزء الثالت من Application de gestion des employés ب Laravel 8 Darija غادي نزيدو Adminlte ل Laravel منبعد غادي نزيدو الصفحة ديال الترحيب وأيضا الصفحة الرئيسية ديال ل projet ديالنا.


نظرة سريعة بالفيديو


1- إضافة Adminlte ل Projet ديالنا

أول حاجة غادي نزيدو Adminlte ل projet ديالنا دير هاد ل commande :

composer require jeroennoten/laravel-adminlte

من بعد دير هادي :

php artisan adminlte:install

من بعد غادي نمشي ل dossier views ونزيدوا dossier layouts فيه زيد  fichier main.blade.php هذا هو ل fichier de base ديالنا.

الكود ديال الملف هو :

                                                    
                                                        <!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    @yield('styles')
    <title>@yield('title')</title>
  </head>
  <body class="bg-light">
    @yield('content')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    @yield('scripts')
  </body>
</html>
                                                    
                                                

2- إضافة ل Flash Messages ل Laravel

فنفس dossier layouts زيد fichier alerts.blade.php فيه غادي ن afficher les messages d'erreurs.

الكود ديال الملف هو :

                                                        
                                                            //
@if($errors->any())
    <ul class="list-group">
        @foreach ($errors->all() as $error)
            <li class="list-group-item text-danger border border-danger rounded-0 mb-1">
                {{$error}}
            </li>
        @endforeach
    </ul>
@endif
                                                        
                                                    

3- إضافة صفحة الترحيب

غادي نديروا تعديل على الملف welcome.blade.php فيه غادي تكون رسالة الترحيب وروابط  Login & Logout والصفحة الرئيسية.

الكود ديال الملف بعد التعديل هو :

                                                        
                                                            //
@extends('layouts.main')

@section('title')
    Employes Management System
@endsection

@section('content')
<div class="container my-5 p-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card p-3">
                <h2>Welcome Back </h2>
                <hr>
                @guest
                    <a href="{{route('login')}}" class="btn btn-outline-info">Login</a>
                @endguest
                @auth
                    <div class="d-flex justify-content-center align-items-center">
                        <div class="logout_link">
                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <div class="form-group mb-0">
                                    <button type="submit" class="btn btn-outline-danger mx-3">
                                        {{ __('Logout') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="home_page_link">
                            <a href="{{route('home')}}" class="btn btn-outline-primary">Home</a>
                        </div>
                    </div>
                @endauth
            </div>
        </div>
    </div>
</div>
@endsection
                                                        
                                                    

4- إضافة الصفحة الرئيسية

منبعد غادي نزيدو ل fichier home.blade.php لي هو الصفحة الرئيسية ديالنا لي فيها غادي نعرض القائمة ديال التنقل وعدد ديال les employés لي عندنا فقاعدة البيانات.

الكود ديال الملف هو :

                                                        
                                                            //
@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-4">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{\App\Models\Employe::count()}}</h3>
                    <p>Employes</p>
                </div>
                <div class="icon">
                    <i class="fas fa-users"></i>
                </div>
                <a href="{{url('admin/employes')}}" class="small-box-footer">
                    More info <i class="fas fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    </div>
@stop

@section('css')

@stop

@section('js')

@stop
                                                        
                                                    

5- الإتصال بقاعدة البيانات

متنساش تزيد la connexion مع la base de données فالملف env. حيت نسيت مهضرتش عليها فالأجزاء السابقة.

الكود باش تزيد la connexion :

                                                        
                                                            //
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_employes
DB_USERNAME=root
DB_PASSWORD=
                                                        
                                                    

دروس ذات صلة

PH

Application de gestion des employés ب php و mysql الجزء الأول

فهاد الدرس الجديد من سلسلة php غادي نشوفو كيفاش نقادو une application de gestion des employés بإستعم...


PH

Application de gestion des employés ب php و mysql الجزء الثاني

فهادالجزء الثاني من Application de gestion des employés ب php و mysql غادي نكملو الملفات لي غاد...


PH

Application de gestion des employés ب php و mysql الجزء الثالت

فهاد الجزء الثالت من Application de gestion des employés ب php و mysql غادي نكملو الملفات لي بقاونا...


LA

Application de gestion des employés ب Laravel 8 Darija الجزء الأول

فهاد ل projet الجديد غادي نقادو application de gestion des employés ب Laravel 8 Darija المستخدم كيزي...


LA

Application de gestion des employés ب Laravel 8 Darija الجزء الثاني

فهاد الجزء الثاني من Application de gestion des employés ب Laravel 8 Darija غادي نزيدو Login & Logou...


LA

Application de gestion des employés ب Laravel 8 Darija الجزء الرابع

فهاد الجزء الرابع من Application de gestion des employés ب Laravel 8 Darija غادي نزيدو Laravel Model...


LA

Application de gestion des employés ب Laravel 8 Darija الجزء الخامس والأخير

فهاد الجزء الخامس والأخير من Application de gestion des employés ب Laravel 8 Darija غادي نزيدو الصفح...