CRUD Application ب laravel & mongodb الجزء الثالت

imadbelasri Laravel
LA

فهاد الجزء الثالت والأخير من CRUD Application ب laravel & mongodb غادي نكملوا الملفات لي بقاو ولي غادي تكون فيهم فورم الإضافة والتعديل بالإضافة لملف عرض post اختارينا نشوفوه.


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


1- إضافة فورم إضافة post

باش نزيدو الفورم ديالنا غادي نمشي ل views غادي نزيد ملف جديد سميه create.blade.php لي غادي تكون فيه الفورم لي غادي ترسل المعلومات الخاصة بل post لي غادي ندخلوا لل fonction store لي فل PostsController ولي غادي تزيدهم فقاعدة البيانات.
الكود لي زدنا هو :

                                                    
                                                        @extends('posts.layout')


@section('content')
    <div class="row">
        <div class="col-lg-12 mt-4">
            
        </div>
        <div class="card mx-auto">
            <div class="card-header">
                <div class="float-left">
                    <h2>Ajouter un post</h2>
                </div>
                <div class="float-right">
                    <a class="btn btn-link" href="{{ route('index') }}"> retour</a>
                </div>
            </div>
            <div class="card-body">
                @if (count($errors->all()) > 0)
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger"> {{ $error }}</div>
                    @endforeach     
                @endif
                <form action="{{ route('post.store') }}" method="POST">
                    <div class="row">
                        <div class="col-12 col-md-12">
                            <div class="form-group">
                                <strong>Titre:</strong>
                                <input type="text" name="title" class="form-control" placeholder="Titre">
                                <input type="hidden" name="_token" value="{{Session::token()}}">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Description:</strong>
                                <textarea class="form-control" rows="10" name="body" placeholder="Description"></textarea>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <button type="submit" class="btn btn-primary">Valider</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
                                                    
                                                

2- إضافة فورم تعديل post

باش نزيدو الفورم ديال التعديل غادي نمشي ل views غادي نزيد ملف جديد سميه edit.blade.php لي غادي تكون فيه الفورم لي غادي تعرض المعلومات الخاصة بل post فالفورم ولي جاتنا من ل fonction edit من بعد غادي ترسل المعلومات الجديدة لي دخلنا الخاصة بل post لل fonction update لي فل PostsController ولي غادي تزيدهم فقاعدة البيانات.
الكود لي زدنا هو :

                                                        
                                                            @extends('posts.layout')


@section('content')
    <div class="row">
        <div class="col-lg-12 mt-4">
            
        </div>
        <div class="card mx-auto">
            <div class="card-header">
                <div class="float-left">
                    <h2>Modifier un post</h2>
                </div>
                <div class="float-right">
                    <a class="btn btn-link" href="{{ route('index') }}"> retour</a>
                </div>
            </div>
            <div class="card-body">
                @if (count($errors->all()) > 0)
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger"> {{ $error }}</div>
                    @endforeach     
                @endif
                <form action="{{ route('post.update',['id'=>$post->id]) }}" method="POST">
                    <div class="row">
                        <div class="col-12 col-md-12">
                            <div class="form-group">
                                <strong>Titre:</strong>
                            <input type="text" name="title" class="form-control" placeholder="Titre" value="{{$post->title}}">
                                <input type="hidden" name="_token" value="{{Session::token()}}">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Description:</strong>
                                <textarea class="form-control" rows="10" name="body" placeholder="Description">{{$post->body}}</textarea>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <button type="submit" class="btn btn-primary">Valider</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
                                                        
                                                    

3- عرض ملف إضافة post

باش نعرضوا post اختاريناه غادي نمشي ل views غادي نزيد ملف جديد سميه view.blade.php لي غادي تكون فيه المعلومات الخاصة بل post لي اختارينا ولي جاتنا من ل fonction show لي  فل PostsController.
الكود لي زدنا هو :

                                                        
                                                            @extends('posts.layout')


@section('content')
    <div class="row">
        <div class="col-6 mx-auto mt-4">
            <div class="card bg-light border-primary">
                <h3 class="card-header">{{$post->title}}</h3>
                <div class="card-body">
                    <p class="lead">{{$post->body}}</p>
                </div>
                <div class="card-footer">
                    <a href="{{url('/')}}">Retour</a>
                </div>
            </div>
        </div>
    </div>
@endsection