Laravel 5.6 Карусель Бутстрап - PullRequest
0 голосов
/ 27 апреля 2018

Я работаю над своим последним экзаменом.

Значит, может быть что-то очевидное, чего я не видел.


Я создал карусель, которая отлично работает.

Проблема в том, что когда я вызываю данные, они не зацикливаются на всех моих данных: снимок экрана с каруселью


EDIT

Извините, мне кажется, я не достаточно ясен:

Мне удалось получить все данные. БД имеет 4 проекта с именем проект 1, проект 2, проект 3 и проект 4.

Моя проблема в том, что когда я делаю цикл через foreach (), движется только один слайд: первый.


Мой индексный просмотр:

    @extends('layouts.app')
    @section('content')
    <br>
    <br>
    <br>
    <title>{{$title}}</title>
            <h1 class="text-center">This is my work:</h1>
            <br>
            <br>
    <div id="carouselExampleIndicators" class="carousel slide" data-

ride="carousel">
        @foreach($projects as $project)
            <div class="carousel-inner text-center" role="listbox">
                <div class="carousel-item active">
                    <h2>{{$project->name}}</h2>
                    <img class="d-block w-100 img-fluid" src="{{asset('Caroussel/laravel.png')}}" height="150" width="150">
                    <p>{{$project->description}}</p>
                    <!--TAGS-->
                </div>

                <div class="carousel-item">
                        <h2>{{$project->name}}</h2>
                        <img class="d-block w-100 img-fluid" src="{{asset('Caroussel/chatbot.png')}}" height="150" width="150">
                        <p>{{$project->description}}</p>
                        <!--TAGS-->
                </div>

                <div class="carousel-item">
                        <h2>{{$project->name}}</h2>
                        <img class="d-block w-100 img-fluid" src="{{asset('Caroussel/iot.png')}}" height="150" width="150">
                        <p>{{$project->description}}</p>
                        <!--TAGS-->
                </div>

                <div class="carousel-item">
                        <h2>{{$project->name}}</h2>
                        <img class="d-block w-100 img-fluid" src="{{asset('Caroussel/php.png')}}" height="150" width="150">
                        <p>{{$project->description}}</p>
                        <!--TAGS-->
                </div>
            </div>
        @endforeach

        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>

        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div> 
    @endsection

Контроллер:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Project;
use App\Tag;

class ProjectController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $title = 'My work';
        $projects = Project ::all();
        return view('projects.index')->with('title',$title)->with('projects',$projects);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        //
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        //
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        //
    }
}

Моя модель "проекта":

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Project extends Model
{
    public function tags(){
        return $this->belongsToMany('App\Tag','project_tag','projects_id','tags_id');        
    }

}

Спасибо за вашу помощь!

...