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


فهاد الجزء السابع من 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>
                                


بحث في الموقع


إشترك للتوصل بالجديد