Nodejs: Afficher la liste des utilisateurs

1.Model: ajouter la fonction findAll() dans le model models/Utilisateur.js

Utilisateur.findAll = function (result) {
dbConn.query("Select * from utilisateurs", function (err, res) {
if (err) {
result(null, err);
}
else {
result(null, res);
}
});
};

2.Controller: Ajouter les fonctions findAll() dans le le controller controllers/UtilisateurController.js

exports.findAll = function (req, res) {
Utilisateur.findAll(function (err, listeUtilisateurs) {
if (err) {
req.flash('error', err);
res.render((__dirname + '/../../src/views/utilisateurs/index.ejs'), { data: '' });
}
else {
res.render((__dirname + '/../../src/views/utilisateurs/index.ejs'), { data: listeUtilisateurs });
}
});
};

3.Routes: : Ajouter la route dans le fichier de routage routes/UtilisateurRoutes.js

routerUtilisateurs.get('/', UtilisateurRoutes.findAll);

4.View: : créer la vue views/utilisateurs/index.ejs

<!doctype html>
<html lang="en">

<head>
<title>Liste Utilisateurs</title>
<%- include('../nav.ejs') %>
</head>
<body>
<div class="card-body">
<% if(data.length) { %>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Nom</th>
<th scope="col">Email</th>
<th scope="col">Photo</th>
<th width="300px">Action</th>
</tr>
</thead>
<tbody>
<% for(var i=0; i< data.length; i++) { %>
<tr>
<td><%= (i+1) %></td>
<td><%= data[i].nom%></td>
<td><%= data[i].email%></td>
<td><%= data[i].photo%></td>
<td>
<a class="btn btn-success edit" href="../utilisateurs/modifier/<%=data[i].id%>">Modifier</a>
<a class="btn btn-info info " href="../utilisateurs/details/<%=data[i].id%>">Détails</a>
<a class="btn btn-danger delete" onclick="return confirm('Comfirmer la suppression?')"
href="../utilisateurs/supprimer/<%=data[i].id%>">Supprimer</a>
</td>
</tr>
<% } %>
</tbody>
</table>
<% } %>
<!-- si pas de utilisateurs -->
<% if(!data.length) { %>
<p class="text-center">Pas de utilisateurs !</p>
<% } %>
</div>
</body>

</html>

5.Server: : lancer le serveur node Serveur.js

node Serveur.js








Cours et TPs