Discussion :

[superLKN]

Bonjour,

J'ai une classe Slider.js qui est comme son nom l'indique un slider, les images y sont afficher comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
afficherSlide() {
        this.slide[0] = {
            'images': 'assets/img/5.jpg', 
        }
        this.slide[1] = {
            'images': 'assets/img/7.jpg',
        }
        this.slide[2] = {
            'images': 'assets/img/1.jpg',
        }
        this.slide[3] = {
            'images': 'assets/img/4.jpg',
        }
    }

J'aimerais mettre le path de mes images dans ma bdd et donc afficher le champ de ma bdd avec PHP afin de pouvoir modifier mes images dans le dashboard de mon site.
Auriez vous une solution pour moi ? Car je suis un peu perdu ! ^^

Merci d'avance !

[mathieu]

où utilisez vous ce code actuellement ?

[superLKN]

Ce code est dans une classe javascript, et le tout est dans un systeme MVC

[superLKN]

J'ai pour l'instant fait quelque chose comme ça :

mon model :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
 
public function getSliderImage1()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 1');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage2()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 2');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage3()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 3');
        $req->execute();
 
        return $req;
    }
 
    public function getSliderImage4()
    {
        $db = $this->dbConnect();
        $req = $db->prepare('SELECT id, chemin FROM slider WHERE id = 4');
        $req->execute();
 
        return $req;
    }

mon controller :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
public function showHome()
    {
        $textManager = new P5OC\site\Model\TextManager();
        $slide1 = $textManager->getSliderImage1();
        $slide2 = $textManager->getSliderImage2();
        $slide3 = $textManager->getSliderImage3();
        $slide4 = $textManager->getSliderImage4();
 
        require(VIEW.'home.php');
    }

et dans mon fichier js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
    afficherSlide() {
        this.slide[0] = {
            'images': "<?= $slide1['chemin'] ?>", 
        }
        this.slide[1] = {
            'images': "<?= $slide2['chemin'] ?>",
        }
        this.slide[2] = {
            'images': "<?= $slide3['chemin'] ?>",
        }
        this.slide[3] = {
            'images': "<?= $slide4['chemin'] ?>",
        }
    }

Et donc ça ne marche pas, c'est logique mais je suis perdu ^^

[Celira]

Bon déjà, ne fais pas 5 fonctions pour les 5 images. Imagine un peu que tu en es 275 à afficher Ensuite, quand tu exécutes une requête, il faut récupérer ce qui t'intéresse dedans et uniquement ce qui t'intéresse (en l’occurrence le chemin)

Par exemple, pour récupérer le chemin à partir d'un id :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
public function getSliderImage($id)
{
    $db = $this->dbConnect();
    $req = $db->prepare('SELECT chemin FROM slider WHERE id = :id');
    $req->execute([':id' => $id]);
    $res = $req->fetchColumn();
 
    return $res;
}

à utiliser par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$slide1 = $textManager->getSliderImage(1);

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
this.slide[0] = {
            'images': "<?= $slide1 ?>", 
        }

[superLKN]

Merci pour votre réponse, ça m'a aider à y voir plus clair !

Par contre mes images ne s'affichent toujours pas sur ma page et les erreurs qui me sont retournés dans ma console sont comme ça :

http://localhost/P5OC/site/%3C?=%20$slide2%20?%3E

au lieu d'être le path de ma bdd...