Framework SLIM MVC - Informaticien.be

Programmation » Framework SLIM MVC

Framework SLIM MVC

Publié le 14/05/2016 @ 11:00:07,

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>

Fichier: table.png ( 15,5 KB - 1018 )

Dernière édition: 17/05/2016 @ 15:50:09

ovh

Framework SLIM MVC

Publié le 17/05/2016 @ 15:50:57,

Par ovh

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

)

Je n'ai rien à voir avec www.ovh.com