Différences

Ci-dessous, les différences entre deux révisions de la page.

--- slam4:richclient:angularjs:td5 [2015/03/02 18:38] – [1.2- Structure de l'application] jcheron
+++ slam4:richclient:angularjs:td5 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 4: / Ligne 4: @@
 <table class="noborder" style="width:100%"><tr><td></html>
 __**Prérequis :**__
-  * [[slam4:richclient:angularjs:td4|Réalisation du TD n°4]]
+  * [[slam4:richclient:angularjs:td4|Réalisation du TD n°4]] (non prioritaire)
   * [[slam4:richclient:angularjs:routing]]
   * [[slam4:richclient:angularjs:browserify]]
@@ Ligne 22: / Ligne 22: @@
 {{:slam4:richclient:angularjs:routage2.png?700|}}
+<html><div class="info"><strong>Seul le squelette de l'application est à créer dans un premier temps.</strong><br>Les méthodes ne sont pas à implémenter.</div></html>
 === -- Créer les vues ===
@@ Ligne 48: / Ligne 50: @@
     * Permet la connexion/déconnexion d'un utilisateur, et la mémorisation des infos de connexion
+|< 100% >|
+^**Service** | **AuthService** (js/services/AuthService.js) |
+^::: | <html><span class="variable">users</span></html>\\ Tableau des logins autorisés |
+^::: | <html><span class="variable">activeUser</span></html>\\ variable objet contenant le login de l'utilisateur actif (+ éventuelles autres infos) |
+^::: | <html><span class="method">checkLogin(login)</span></html>\\ Retourne vrai si l'utilisateur est dans la liste des utilisateurs autorisés, connecte l'utilisateur |
+^::: | <html><span class="method">isAuth()</span></html>\\ Retourne vrai si un utilisateur est authentifié |
 == Service "DAOService" ==
 Permet l'accès aux listes (de produits ou de membres).
+|< 100% 15%-85%>|
+^**Service** | **DAOService** (js/services/DAOService.js) |
+^::: | <html><span class="variable">products</span></html>\\ Tableau des produits |
+^::: | <html><span class="variable">clients</span></html>\\ Tableau des clients |
+^::: | <html><span class="method">getProducts()</span></html>\\ Accesseur à products |
+^::: | <html><span class="method">getClients()</span></html>\\ Accesseur à clients |
+Clients et Products sont fournis via des fichiers json :
+  * {{:slam4:richclient:angularjs:jsonfiles.zip|}}
 === - Créer les Contrôleur ===
@@ Ligne 57: / Ligne 75: @@
     * ProductsController(Affichage de la liste des produits)
     * ClientsController (Affichage de la liste des clients)
+    * InController (Contrôle des pages pour utilisateurs authentifiés)
+<html><div class="todo">Implémentez les méthodes nécessaires au bon fonctionnement de l'application.</div></html>
+===== -- Exercice : "Browserification" =====
+  * Lire le tutoriel [[slam4:richclient:angularjs:browserify]]
+  * Installer Node.js et Browserify
+  * Refactoriser les sources js de l'application pour créer un Bundle
+<html><div class="note">Générer régulièrement le Bundle, pour éviter le cummul des erreurs et pour avoir toujours un projet valide. (ou utiliser watchify pour automatiser la génération)</div></html>