Discussion :

[Bonop]

Bonjour,

Je développe dans le cadre de ma formation un projet de site eCommerce. Je souhaite afficher mes articles cependant lorsque j'appelle ma Servlet cela ne fonctionne pas. Je ne sais pas comment parvenir pour faire communiquer ma Servlet et ma Vue.

Voici le code :

Ma Servlet :
L'important étant dans le doGet, je récupère les informations stocké dans ma base de donnée et je mets ces données sous forme de Json : (ligne 46)

http://pastebin.com/wHiNWmSu

Mon code AngularJS :

http://pastebin.com/kKrdFZC5


-J'affiche le minimum en sachant que si je met les informations que je récupère de la base de donnée dans un Json cela fonctionne. Et si je récupère les informations stocké dans un Json a partir de mon controller Article cela fonctionne également. (Dans ce cas là, je n'ai pas besoin de la Servlet)
-J'ai bien mis les dépendances de ma Servlet dans mon fichier web.xml.

J'aimerai simplement la chose en ne créant aucun fichier Json et en affichant directement mes informations à l'aide de ma Servlet.


Merci d'avoir pris le temps de me lire,

Benjamin P.

[plawyx]

qu'est-ce que cela donne avec les modifications suivantes:

servlet

Code :

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

1
2
@WebServlet("/contol")
public class Control extends HttpServlet

angularjs

Code :

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

$http.get('http://localhost:8081/webApp/control').success(function(response)

webApp étant le nom de ton application web

[Bonop]

Cela n'affiche aucune erreur mais la page est totalement blanche

[Invité]

Juste pour collaborer, avec PHP, après un accès Base de Données, je crée le Json comme ça : print_r(json_encode($data));
$http de Angular lit donc un fichier Json qui "s'imprime", et ça marche bien, mais d'après ce que je comprends tu ne veux pas l'afficher, avec Java.

[Bonop]

D'accords, ta méthode me paraît très simple et claire (malheur à moi d'avoir choisi JEE). Maintenant que j'ai réussi à faire le lien entre ma vue et la Servlet, il faut que je configure correctement la servlet désormais j'imagine.

Juste pour savoir, ton $http.get prend en paramètre le fichier Json ? Ou l'url du fichier Json ?


Je vais mettre résolu après et voir ça avec un ami directement, merci de votre aide.

[Invité]

Heu en fait j'aime bien Jee. Je vais pas tarder à créer des services en AngularJs 1.x pour dialoguer avec Jee et accéder à une Bdd relationnelle, c'est bien utile. ( A vrai dire je pense préférer Jee à Php)

En ce qui concerne PHP,

j'ai un service AngularJs qui lance des parties de mon script PHP qui, lui imprime un fichier JSON (Il me semble que le return ne fonctionne pas, il faut utiliser print_r, j'avais tenté les deux, d'ou la présence dans le code...).

Pour accéder à ma rqt sql dans mon controleur AngularJs, je tape par exemple :

Code :

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

1
2
3
4
<!-- Lire la liste des utilisateurs -->
            crudPhp.getUtilisateurs().success(function(data){
                $rootScope.utilisateurs = data;    
            });

Le service s'adresse ensuite au fichier PHP:

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
 .factory("crudPhp",function($http){
        var factory = {};
 
            factory.getUtilisateurs = function(){
                return $http.get('dbtruc27.php?action=get_utilisateurs')
            }
 
            factory.creerUtilisateur = function(formData){
                return $http.post('dbtruc27.php?action=creer_utilisateur' , formData)
            }
 
            factory.supprimerUtilisateur = function(id){
                return $http.post('dbtruc27.php?action=supprimer_utilisateur' ,{"id":id})
            }
 
            factory.editerUtilisateur = function(id){
                return $http.post('dbtruc27.php?action=editer_utilisateur' ,{"id":id})
            }
 
            factory.validerModification = function(formData){
                return $http.post('dbtruc27.php?action=valider_modification' ,formData)
            }
        return factory
    });

Mon fichier PHP, lui, se connecte à la base de données et imprime un résultat encodé au format JSON, à l'aide des fonctions json_encode() et print_r() :

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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<?php
 
include('configtruc27.php'); 
 
/**  Switch Case pour récupérer la l'action demandée par le controleur  Angular **/
 
switch($_GET['action'])  {
    case 'creer_utilisateur' :
            creer_utilisateur();
            break;
 
    case 'get_utilisateurs' :
            get_utilisateurs();
            break;
 
    case 'editer_utilisateur' :
            editer_utilisateur();
            break;
 
    case 'supprimer_utilisateur' :              
            supprimer_utilisateur();
            break;
 
    case 'valider_modification' :
            valider_modification();
            break;
}
 
 
/**  Function qui ajoute l'utilisateur en base de données MYSQL  **/
 
function creer_utilisateur() {
    $data = json_decode(file_get_contents("php://input")); 
    $nom          = $data->nom ;    
    $prenom     = $data->prenom;
    $age         = $data->age;
    $email      = $data->email;
 
    print_r($data);
    $qry = 'INSERT INTO utilisateurs (nom,prenom,age,email) values ("' . $nom . '","' . $prenom . '",'.$age. ' ,"'.$email .'")';
 
    $qry_res = mysql_query($qry);
    if ($qry_res) {
        $arr = array('msg' => "Utilisateur ajouté correctement!!!", 'erreur' => '');
        $jsn = json_encode($arr);
        // print_r($jsn);
    } 
    else {
        $arr = array('msg' => "", 'erreur' => 'Erreur d insertion de l utilisateur');
        $jsn = json_encode($arr);
        // print_r($jsn);
    }
}
 
 
/**  Function to LIT les utilisateurs2 en Base de données Mysql **/
 
function get_utilisateurs() {    
    $qry = mysql_query('SELECT * from utilisateurs');
    $data = array();
    while($rows = mysql_fetch_array($qry))
    {
        $data[] = array(
                    "id"            => $rows['id'],
                    "iduser"        => $rows['iduser'],
                    "nom"             => $rows['nom'],
                    "prenom"         => $rows['prenom'],
                    "age"            => $rows['age'],
                    "email"         => $rows['email']
                    );
    }
    print_r(json_encode($data));
 
}
 
 
/**  Function qui supprime un utilisateur en base de donnée mysql  **/
 
function supprimer_utilisateur() {
    $data = json_decode(file_get_contents("php://input"));     
    $id = $data->id;     
    print_r($data)   ;
    $del = mysql_query("DELETE FROM utilisateurs WHERE id = ".$id);
    if($del)
    return true;
    return false;     
}
 
 
/**  Functionpour lire les caractéristiques d'un utilisateur en base mysql afin de les éditer **/
 
function editer_utilisateur() {
    $data = json_decode(file_get_contents("php://input"));     
    $id = $data->id;  
    $qry = mysql_query("SELECT * from utilisateurs WHERE id = ".$id);
    $data = array();
   while($rows = mysql_fetch_array($qry))
    {
        $data[] = array(
                    "id"            => $rows['id'],
                    "iduser"        => $rows['iduser'],
                    "nom"             => $rows['nom'],
                    "prenom"         => $rows['prenom'],
                    "age"            => $rows['age'],
                    "email"         => $rows['email']
                    );
    }
    print_r(json_encode($data));
    return json_encode($data);  
}
 
 
/** Function de mise à jour d'un utilisateur **/
 
function valider_modification() {
    $data = json_decode(file_get_contents("php://input")); 
    $id            = $data->id;
    $iduser        = $data->iduser;
    $nom          = $data->nom ;    
    $prenom     = $data->prenom;
    $age         = $data->age;
    $email      = $data->email;
 
   // print_r($data);
 
    $qry = "UPDATE utilisateurs set nom='".$nom."' , prenom='".$prenom."',iduser='".$iduser."',age='".$age."',email='".$email."' WHERE id=".$id;
 
    $qry_res = mysql_query($qry);
    if ($qry_res) {
        $arr = array('msg' => "Utilisateur modifié avec succès!!!", 'error' => '');
        $jsn = json_encode($arr);
        // print_r($jsn);
    } else {
        $arr = array('msg' => "", 'error' => 'Erreur dans la mise à jour de l enregistrement');
        $jsn = json_encode($arr);
        // print_r($jsn);
    }
}
 
?>

Du coup, je n'ai qu'un seul fichier PHP pour gérer toutes les connexions à la base de données, grâce au SWITCH CASE qui "route" les demandes du controleur AngularJs.

Au final, $rootScope.utilisateurs est peuplé du resultat JSON qui est imprimé par mon fichier PHP. ($rootScope est déconseillé, faut juste mettre $scope).

Grace au 2 way Binding, mes utilisateurs s'affichent dans mon HTML automatiquement.

Ce code est de type mapping objet-relationnel

Désolé de pas avoir encore d'exemple Jee sous la main