Réponse - Informaticien.be

Poster une réponse à un sujet: Framework SLIM MVC

Attention, ce sujet est un sujet ancien (3089 jours sans réponse)

ovh

(HS pour zion: tiens, le coloriseur syntaxique ne supporte pas le doctype pour le format html :oh:

)

keza

Bonjour,

Je suis nouveau et je suis en train de faire une api en utilisant le framework slim j'ai du mal pour sélectionner une ligne dans un tableau pour pouvoir les afficher dans les champs:

Quelqu'un pour m'aider ..... je vous remercie de votre aide

index.php
----------------

Code:

<?php
// include
require 'Slim-2.6.0/Slim/Slim.php';
require './models/model.php';
\Slim\Slim::registerAutoloader();
$app = new \Slim\Slim();
$app->get('/contacts(/:id)', 'getContacts');
$app->delete('/contacts/:id','deleteContact');
$app->put('/contacts/:id','updateContact');
$app->run();
function getContacts($id=null) {
$response=\Slim\Slim::getInstance()->response();
$response->headers->set('Content-Type', 'application/json');
if (!isset($id)){
$response->setStatus(200);
echo json_encode(Contacts::find_array());
}
else
{
if ($contact = Contacts::find_one($id))
{
$response->setStatus(200);
echo json_encode($contact->as_array());
}
else
$response->setStatus(404);
}
}
function deleteContact($id) {
$response=\Slim\Slim::getInstance()->response();
$response->headers->set('Content-Type', 'application/json');
$contact = Contacts::find_one($id);
if ($contact) {
$contact->delete();
$response->setStatus(200);
}else{
$reponse->setStatus(404);
}
}
function updateContact($id) {
$response=\Slim\Slim::getInstance()->response();
$response->headers->set('Content-Type', 'application/json');
$contact = Contacts::find_one($id);
if ($contact) {
$contact->delete();
$response->setStatus(200);
}else{
$reponse->setStatus(404);
}
}
?>

Model.js
----------------------

Code:

$.extend({
Contact:function(id,nom,prenom,email){
this.data={
"id":id,
"nom":nom,
"prenom":prenom,
"email":email
};
}
});
$.Contact.getAll=function(f){
$.getJSON("/contacts/rest/contacts",null,function(data){
var items=[];
$.each(data,function(i,el){
items.push(new $.Contact(el.id,el.nom,el.prenom,el.email));
});
f(items);
});
};

Controller.js
-------------------

Code:

$.extend({
Controller:function(view,contacts){
var that=this;
this.selection=null;
contacts.getAll(
function(items){
view.updateTable(items);
});
}
});

Vieuw.js
---------------------

Code:

$.extend({
View:function(){
var form=$('#form');
var table=$('#ct');
var moi=this;
this.sel=null;
this.updateTable=function(contacts){
var matable=$("#ct").children("tbody").empty();
$.each(contacts,function(i,contact){
matable.append("<tr data-id='"+contact.data.id+"'>"
+"<td>"+contact.data.nom+"</td>"
+"<td>"+contact.data.prenom+"</td>"
+"<td>"+contact.data.email+"</td>"
+"</tr>"
);
});
};
this.listeners={
clickAjouter:function(){},
clickEditer:function(){},
clickSupprimer:function(){},
clickSelection:function(){},
clickDeselection:function(){}
}; // listeners vide par défaut, que le
// controleur complétera pour etre notifié
// des événements dans la vue.
}
});

table.html
--------------------

Code:

<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<link href="./css/bootstrap.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<div class="row">
<div class="span8">
<h4>Liste des contacts </h4>
<hr>
<table id="ct" class="table table-hover table-striped table-bordered table-condensed" cellspacing="0">
<thead>
<tr>
<th>Nom</th>
<th>Prénom</th>
<th>Email</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<nav></nav>
</div>
<div class="span4">
<form id="form">
<h4>Contact</h4>
<hr>
<label>Prénom</label>
<input id="prenom" name="prenom" placeholder="Prénom" type="text">
<label>Nom</label>
<input id="nom" name="nom" placeholder="Nom" type="text">
<label>Email</label>
<input id="email" name="email" placeholder="Email" type="text">
<br>
<button id="supprimer" name="spprimer" class="btn btn-danger disabled"><i class="icon-trash icon-white"></i></button>
<button id="editer" name="editer" class="btn btn-primary disabled"><i class="icon-pencil icon-white"></i></button>
<button id="ajouter" name="ajouter" class="btn btn-success"><i class="icon-plus icon-white"></i></button>
</form>
<div id="message"></div>
</div>
</div>
</div>
<script src="./js/jquery-1.10.1.js"></script>
<script src="./js/model.js"></script>
<script src="./js/view.js"></script>
<script src="./js/controller.js"></script>
<script>
var model=$.Contact;
var view=new $.View();
var controller=new $.Controller(view,model);
</script>
</body>
</html>