Cherche moteur de template

**AquaVitea** · 20/10/2018, 19h23

Bonjour, je suis à la recherche d'un moteur de template.

J'ai fini mon site, le seul bémol c'est que des certaines vues (mon site est en mvc) j'ai pas mal de boucle / condition, et je trouve ça dégueulasse.

Du coup j'ai jeté un coup d'oeil aux moteurs de template mais c'est des trucs ultra complexe avec système de cache et tout non moi je veux un truc basique.

Phplib est vraiment pas mal mais on ne peut pas faire de boucles/conditions.

En gros, moi je veux juste un truc qui me permettrait de changer ça :

Code :

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

1
2
3
4
5
6
7
<?php
    if(!empty($tasks_name)) { ?>
    <ul>
    <?php foreach($tasks_name as $task_name) { ?>
    <li><?= $task_name ?></li>
        <?php } ?>
    </ul>

En ça:

Code :

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

1
2
3
4
5
6
7
{if(!empty($tasks_name))}
<ul>
    {foreach $tasks_name as $task_name}
    <li>{$task_name}</li>
    {endforeach}
</ul>
{endif}

En gros juste faire des variables/boucles/condition plus proprement qu'avec des <?php } ?> à tout va dans le code.

Merci de votre aide

**rawsrc** · 20/10/2018, 19h43

Salut,

tu peux le faire proprement en PHP sans passer par un moteur de template

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?php
 
// fonction d'échappement
$hsc = function($p) { return htmlspecialchars($p, ENT_QUOTES, 'utf-8'); };
 
$html = '';
if ( ! empty($tasks_name)) {
    foreach ($tasks_name as $ts) {
        $html .= '<li>'.$hsc($ts).'</li>';
    }
    $html = '<ul>'.$html.'</ul>';
}

ensuite dans ton code à l'emplacement de cette liste :

Code :

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

1
2
3
4
echo <<<html
<!-- code html -->
{$html}
<!-- code html -->

Généralement, tu construits tes blocs vue en début de script et ensuite tu fais un rendu global de ta page en fin de script en y insérant tes blocs créés aux bons emplacements

**AquaVitea** · 20/10/2018, 19h56

Je n'ai pas tout à fait compris... Au final faire $html = '<ul>' etc je trouve ça dégueulasse, du html n'a rien à faire dans un controlleur (enfin c'est mon avis)

Et du coup avec une condition t'es obligé de faire <?php if(...) {*?> etc non ?

**rawsrc** · 20/10/2018, 19h58

C'est clair qu'un contrôleur ne doit jamais contenir de HTML
Par contre, tu dis avoir ton site en MVC, et vu ta problématique, cela me paraissait évident que ce code devait être logé dans la vue.

Poste voir le code complet d'une de tes pages stp.

Tu connais les notations NOWDOC et HEREDOC de PHP ?

**AquaVitea** · 20/10/2018, 20h05

Je ne connais pas, je débute php en fait (c'est du procédural)
Voici un exemple:

home (vue)

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
38
39
40
41
42
 
<div class="container">
    <h2>Liste des projets</h2>
<form method="post" id="add-form">
    <div class="row">
        <div class="four columns">
            <label for="project-name">Nom du projet</label>
            <input class="u-full-width" type="text" id="project-name" name="project-name" placeholder="My project" />
        </div>
        <div class="four columns">
            <label for="project-desc">Description du project</label>
            <input class="u-full-width" type="text" id="project-desc" name="project-desc" placeholder="A short description about your project" />
        </div>
        <div class="four columns">
            <label for="project-deadline">Date limite du projet</label>
            <input class="u-full-width" type="date" id="project-deadline" name="project-deadline-date" />
            <input class="u-full-width" type="time" name="project-deadline-time" />
        </div>
    </div>
    <button class="button-primary" type="submit" name="add-project">Confirmer</button>
    <button class="button" type="button" id="form-cancel">Annuler</button>
</form>
<?php if(isset($error)) {
    foreach($error as $err) { ?>
        <p class="error"><?= $err ?></p>
    <?php }
} ?>
<button class="button-primary m-top" id="form-add">Nouveau projet</button>
    <div class="row">
<?php foreach($projects as $project): ?>
<div class="three columns box clickable" data-id="<?= $project->id ?>" id="project-box">
    <div class="title"><?= $project->name ?></div>
    <div class="row task center big m-top"><?= $project->list_count ?></div>
    <?php if($project->list_count > 1) { ?>
    <div class="row task center imp">tâches</div>
    <?php } else { ?>
    <div class="row task center imp">tâche</div>
    <?php } ?>
    </div>
<?php endforeach; ?>
    </div>
</div>

home (controller)

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
 
<?php
require 'model/homeModel.php';
 
if(isset($_POST['add-project'])) {
    $pj_name = htmlspecialchars($_POST['project-name']);
    $pj_desc = htmlspecialchars($_POST['project-desc']);
    $pj_deadline = [
        'date' => htmlspecialchars($_POST['project-deadline-date']),
        'time' => htmlspecialchars($_POST['project-deadline-time'])
    ];
 
    if(empty($pj_name))
        $error[] = "Vous devez nommer votre projet.";
    if(strlen($pj_name) > 100)
        $error[] = "Le nom de votre projet ne doit pas dépasser 100 caractères.";
 
    if(empty($pj_desc))
        $pj_desc = "Aucune description.";
    if(strlen($pj_desc) > 255)
        $error[] = "La description de votre projet ne doit pas dépasser 255 caractères.";
 
    if(empty($pj_deadline['date']))
        $error[] = "Vous devez choisir une date.";
    if(empty($pj_deadline['time']))
        $error[] = "Vous devez choisir une heure.";
 
    if(!isset($error)) {
        createProject($pj_name, $pj_desc, "$pj_deadline[date] $pj_deadline[time]");
    }
}
 
$projects = getProjects();
 
require 'tpl/header.tpl';
require 'tpl/home.tpl';
require 'tpl/footer.tpl';

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
 
<?php
function createProject($name, $desc, $dl) {
    $db = getData();
    $req = $db->prepare('INSERT INTO project (name, description, deadline) VALUES (:name, :desc, :deadline)');
    $req->execute([
        'name' => $name,
        'desc' => $desc,
        'deadline' => $dl
    ]);
}
 
function getProjects() {
    $db = getData();
    $req = $db->query('SELECT project.id, project.name, COUNT(list.id) AS list_count
                      FROM project
                      LEFT JOIN list ON (list.project_id = project.id)
                      GROUP BY project.id DESC');
    return $projects = $req->fetchAll();
}

Voilà en gros la façon dont je m'y suis pris.

**rawsrc** · 20/10/2018, 20h08

Quelle version de PHP (précisément) ?

**AquaVitea** · 20/10/2018, 20h09

PHP 7.2.9

**rawsrc** · 20/10/2018, 21h10

Voici une première version de ta vue

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<?php
 
// fonction d'échappement
$hsc = function($p) { return htmlspecialchars($p, ENT_QUOTES, 'utf-8'); };
 
$html = ['errors' => '', 'projects' => ''];
 
// errors
if (isset($error)) {
    foreach ($error as $err) {
        $html['errors'] .= "<p>{$hsc($err)}</p>";             
    }
}
 
// projects
foreach ($projects as $p) {
    $plural = $p->list_count > 1 ? 's' : '';
    $html['projects'] .= <<<html
<div class="three columns box clickable" data-id="{$hsc($p->id)}" id="project-box">
    <div class="title">{$hsc($p->name)}</div>
    <div class="row task center big m-top">{$hsc($project->list_count)}</div>
    <div class="row task center imp">tâche{$plural}</div>
</div>
html;
}
?> 
<div class="container">
    <h2>Liste des projets</h2>
    <form method="post" id="add-form">
        <div class="row">
            <div class="four columns">
                <label for="project-name">Nom du projet</label>
                <input class="u-full-width" type="text" id="project-name" name="project-name" placeholder="My project" />
            </div>
            <div class="four columns">
                <label for="project-desc">Description du project</label>
                <input class="u-full-width" type="text" id="project-desc" name="project-desc" placeholder="A short description about your project" />
            </div>
            <div class="four columns">
                <label for="project-deadline">Date limite du projet</label>
                <input class="u-full-width" type="date" id="project-deadline" name="project-deadline-date" />
                <input class="u-full-width" type="time" name="project-deadline-time" />
            </div>
        </div>
        <button class="button-primary" type="submit" name="add-project">Confirmer</button>
        <button class="button" type="button" id="form-cancel">Annuler</button>
    </form>
    <?= $html['errors'] ?>
    <button class="button-primary m-top" id="form-add">Nouveau projet</button>
    <div class="row"><?= $html['projects'] ?></div>
</div>

et le même résultat en utilisant la notation heredoc :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<?php
 
// fonction d'échappement
$hsc = function($p) { return htmlspecialchars($p, ENT_QUOTES, 'utf-8'); };
 
$html = ['errors' => '', 'projects' => ''];
 
// errors
if (isset($error)) {
    foreach ($error as $err) {
        $html['errors'] .= "<p>{$hsc($err)}</p>";
    }
}
 
// projects
foreach ($projects as $p) {
    $plural = $p->list_count > 1 ? 's' : '';
    $html['projects'] .= <<<html
<div class="three columns box clickable" data-id="{$hsc($p->id)}" id="project-box">
    <div class="title">{$hsc($p->name)}</div>
    <div class="row task center big m-top">{$hsc($project->list_count)}</div>
    <div class="row task center imp">tâche{$plural}</div>
</div>
html;
}
 
echo <<<html
<div class="container">
    <h2>Liste des projets</h2>
    <form method="post" id="add-form">
        <div class="row">
            <div class="four columns">
                <label for="project-name">Nom du projet</label>
                <input class="u-full-width" type="text" id="project-name" name="project-name" placeholder="My project" />
            </div>
            <div class="four columns">
                <label for="project-desc">Description du project</label>
                <input class="u-full-width" type="text" id="project-desc" name="project-desc" placeholder="A short description about your project" />
            </div>
            <div class="four columns">
                <label for="project-deadline">Date limite du projet</label>
                <input class="u-full-width" type="date" id="project-deadline" name="project-deadline-date" />
                <input class="u-full-width" type="time" name="project-deadline-time" />
            </div>
        </div>
        <button class="button-primary" type="submit" name="add-project">Confirmer</button>
        <button class="button" type="button" id="form-cancel">Annuler</button>
    </form>
    {$html['errors']}
    <button class="button-primary m-top" id="form-add">Nouveau projet</button>
    <div class="row">{$html['projects']}</div>
</div>
html;

Un peu de lecture par ici sur les chaines de caractères et par là sur les fonctions anonymes (la fonction d'échappement $hsc)

Tu noteras que c'est beaucoup plus propre. Pour la deuxième version, renomme ton fichier en .php

**AquaVitea** · 21/10/2018, 13h46

Merci beaucoup, j'aime bien je vais appliquer cette méthode.

Par la suite, est-ce que tu me conseilles de me renseigner sur de vrais moteur de template comme twig ou smarty ?

Cherche moteur de template

Bibliothèques et frameworks PHP

Discussions similaires

Partager

Partager