blog احترافي ب laravel 5.4 الجزء السابع

imadbelasri Laravel
LA

فهاد الجزء السابع من blog احترافي ب laravel 5.4 غادي نكملوا الملفات لي بقاونا ولي غادي يكونوا الملف الأساسي ديال كل الصفحات ولي غادي يربطهم بملفات css وjs والملف لي غادي تكون فيه القائمة الرئيسية ديال الزوار ديال ل blog والقائمة لي غادي تمكن الأدمن من التنقل بين الصفحات. 


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


1- الملف layouts/app-layout.blade.php

ف views زيد مجلد جديد سميه layouts فيه زيد ملف جديد سميه app-layout.blade.php هادا هو الملف لي غادي يربط الصفحات ديالنا بملفات css و js وغادي يكون الملف الرئيسي الأساس ديال كل الصفحات لي عندنا فيه غادي تكون القائمة ديال التصفح لي غادي نزيدوها فملف آخر وغادي يكونوا فيه رسائل النجاح والخطأ الكود ديال الملف هو :

                                                    
                                                        <!DOCTYPE html>
<html lang="fr">
<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">
    <link rel="stylesheet" href="{{URL::to('css/bootstrap.css')}}">
    <link rel="stylesheet" href="{{URL::to('css/main.css')}}">
    <link rel="stylesheet" href="{{URL::to('css/toastr.min.css')}}">
    @yield('styles')
    <title>Laravel Blog Pro</title>
</head>
<body>
    @yield('header')
    <div class="container">
        @yield('content')
    </div>
    @yield('footer')
    <script src="{{URL('js/jquery.js')}}"></script>
    <script src="{{URL::to('js/bootstrap.min.js')}}"></script>
    <script src="{{URL::to('js/toastr.min.js')}}"></script>
    @yield('scripts')
    <script>
        @if(Session::has('success'))
            toastr.success("{{Session('success')}}");
        @elseif(Session::has('fail'))
            toastr.error("{{Session('fail')}}");
        @elseif(Session::has('info'))
            toastr.info("{{Session('info')}}");
        @endif
    </script>
</body>
</html>
                                                    
                                                

2- الملف header.blade.php

دائما فالمجلد views زيد مجلد جديد سميه includes فيه زيد ملف جديد سميه header.blade.php هادا هو الملف لي غادي تكون فيه قائمة التصفح ديالنا الكود ديال الملف هو :

                                                        
                                                            <nav role="navigation" class="navbar navbar-inverse">

  <div class="container-fluid">

      <div class="navbar-header">

          <a class="navbar-brand">Laravel Blog Pro</a>
          <button type="button" class="navbar-toggle" data-target="#navbarCollapse" data-toggle="collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>

          </button>
      </div>
      <div class="navbar-collapse collapse" id="navbarCollapse">
          <ul class="nav navbar-nav">
            <li><a href="{{route('index')}}">Accueil</a></li>
            @if(!Auth::user())
            <li><a href="{{route('users.create')}}">Inscription</a></li>
            <li><a href="{{route('users.login')}}">Connexion</a>
            @else
            <li><a href="{{route('users.logout')}}">Déconnexion</a></li>
            @endif
            @if(Auth::user() && Auth::user()->is_admin)
            <li><a href="{{url('/panel')}}">Admin</a></li>
            @endif
          </ul>
          <ul class="nav navbar-right">
           <li>
                <form action="{{url('/search')}}" method="get" class="form" style="padding:10px;">
                    {{csrf_field()}}
                    <input type="text" class="form-control" name="search" placeholder="Recherche">
                </form>
           </li>
          </ul>
      </div>
  </div>

</nav>
                                                        
                                                    

3- الملف footer.blade.php

دائما فالمجلد includes فيه زيد ملف جديد سميه footer.blade.php هادا هو الملف لي غادي يكون فيه ل footer لي هو bas de la page يمكنلك تغيرو بلي بغيتي الكود ديال الملف هو :

                                                        
                                                            <footer>
    <p class="lead text-primary">DarijaCoding©2017</p>
</footer>
                                                        
                                                    

4- الملف sidebar.blade.php

دائما فالمجلد includes فيه زيد ملف جديد سميه sidebar.blade.php هادا هو الملف لي غادي تكون فيه القائمة الجانبية لي كتمكن الأدمن من التنقل لصفحات الإضافة والتصفح ديال les posts وles catégories إلخ...الكود ديال الملف هو :

                                                        
                                                            <div class="col-md-3" style="padding-top:40px;">
    <ul class="list-group">
        <li class="list-group-item">
            <a href="{{url('/panel')}}" class="btn btn-link">Accueil</a>
        </li>
        <li class="list-group-item">
            <a href="{{url('/post/create')}}" class="btn btn-link">Ajouter un post</a>
        </li>
        <li class="list-group-item">
            <a href="{{route('posts.index')}}" class="btn btn-link">Posts</a>
        </li>
            <li class="list-group-item">
            <a href="{{url('/category/create')}}" class="btn btn-link">Ajouter une catégorie</a>
        </li>
            <li class="list-group-item">
            <a href="{{route('categories.index')}}" class="btn btn-link">Categories</a>
        </li>
        @if(Auth::check())
            @if(Auth::user()->is_admin)
            <li class="list-group-item">
                <a href="{{route('users.index')}}" class="btn btn-link">Utilisateurs</a>
            </li>
            <li class="list-group-item">
                <a href="{{route('users.create')}}" class="btn btn-link">Ajouter un utilisteur</a>
            </li>
            @endif
        @endif
        <li class="list-group-item">
            <a href="{{route('tags.index')}}" class="btn btn-link">Tags</a>
        </li>
        <li class="list-group-item">
            <a href="{{url('/tag/create')}}" class="btn btn-link">Ajouter un tag</a>
        </li>
        <li class="list-group-item">
            <a href="{{url('/post/deleted')}}" class="btn btn-link">Corbeille</a>
        </li>
        <li class="list-group-item">
            <a href="{{route('user.profile')}}" class="btn btn-link">Profile</a>
        </li>
    </ul>
</div>
                                                        
                                                    

دروس ذات صلة

LA

blog احترافي ب laravel 5.4 الجزء الأول

فهاد المشروع الجديد غادي نشوفو كيفاش نقادو واحد الblog احترافي بإستعمال laravel 5.4 فل blog غادي يمك...


LA

blog احترافي ب laravel 5.4 الجزء الثاني

فهاد الجزء الثاني من blog احترافي ب laravel 5.4 غادي نكملو الملفات الخاصين بالمستخدمين ول...


LA

blog احترافي ب laravel 5.4 الجزء الثالت

فهاد الجزء الثالت من  blog احترافي ب laravel 5.4 غادي نكملو الملفات الخاصين ب les posts ديالنا ولي غ...


LA

blog احترافي ب laravel 5.4 الجزء الرابع

فهاد الجزء الرابع من blog احترافي ب laravel 5.4 غادي نكملو الملفات الخاصة ب les catégories ولي غادي...


LA

blog احترافي ب laravel 5.4 الجزء الخامس

فهاد الجزء الخامس من blog احترافي ب laravel 5.4  غادي نكملو الملف لي غادي يكون الصفحة الرئيسية ديال...


LA

blog احترافي ب laravel 5.4 الجزء السادس

فهاد الجزء السادس من blog احترافي ب laravel 5.4 غادي نكملو الملف لي غادي يكون الصفحة الرئ...


LA

blog احترافي ب laravel 5.4 الجزء الثامن

فهاد الجزء الثامن والأخير غادي نكملو الملف الرئيسي ديال الصفحة الرئيسية ديالنا ولي غادي تمكنا من عرض...