Afficher un champ de bdd dans une classe JS avec PHP

Version imprimable

Bonjour,

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

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 !

12/11/2019, 14h08
mathieu

où utilisez vous ce code actuellement ?
12/11/2019, 14h12
superLKN

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

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

mon model :

Code:

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:

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:

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 ^^

Bon déjà, ne fais pas 5 fonctions pour les 5 images. Imagine un peu que tu en es 275 à afficher :roll: 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:

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:

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

et
Code:

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

12/11/2019, 17h31
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...

Bonjour,

le plus simple (et pratique) :

Code:

1
2
3
4
5
6
7
8
9
10
11
<?php
// On récupère TOUTES les images
public function getAllSliderImages()
    {
        $db = $this->dbConnect();
        $req = $db->prepare("SELECT chemin FROM slider");
        $req->execute();
		$rowAll = $req->fetchAll(PDO::FETCH_OBJ);
 
        return $rowAll;
    }

Dans le script JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
afficherSlide() {
<?php
	$images = getAllSliderImages();
	$ii = 0;
 	foreach($images as $image )
	{
		echo "	this.slide[".$ii."] = { 'images': '".$image->chemin."', }"."\n";
		$ii++;
	}
?>
}

12/11/2019, 20h14
superLKN

J'ai finalement changer mon slider afin que mes images ne soit plus déclarer dans le script JS mais dans l'html et du coup plus de problème de variable php vers mon fichier JS et tout fonctionne comme je le voulais.
Merci tout de même pour votre réponse et de vous êtes penché sur mon problème :) !