| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| slam4:richclient:angularjs:td5 [2015/03/02 19:18] – [1.2- Structure de l'application] jcheron | slam4:richclient:angularjs:td5 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| <table class="noborder" style="width:100%"><tr><td></html> | <table class="noborder" style="width:100%"><tr><td></html> |
| __**Prérequis :**__ | __**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:routing]] |
| * [[slam4:richclient:angularjs:browserify]] | * [[slam4:richclient:angularjs:browserify]] |
| {{:slam4:richclient:angularjs:routage2.png?700|}} | {{: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 === | === -- Créer les vues === |
| |
| Permet l'accès aux listes (de produits ou de membres). | Permet l'accès aux listes (de produits ou de membres). |
| |
| |< 100% >| | |< 100% 15%-85%>| |
| ^**Service** | **DAOService** (js/services/AuthService.js) | | ^**Service** | **DAOService** (js/services/DAOService.js) | |
| ^::: | <html><span class="variable">products</span></html>\\ Tableau des produits | | ^::: | <html><span class="variable">products</span></html>\\ Tableau des produits | |
| ^::: | <html><span class="variable">clients</span></html>\\ Tableau des clients | | ^::: | <html><span class="variable">clients</span></html>\\ Tableau des clients | |
| ^::: | <html><span class="method">getProducts()</span></html>\\ Accesseur à products | | ^::: | <html><span class="method">getProducts()</span></html>\\ Accesseur à products | |
| ^::: | <html><span class="method">getClients()</span></html>\\ Accesseur à clients | | ^::: | <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 === | === - Créer les Contrôleur === |
| * ClientsController (Affichage de la liste des clients) | * ClientsController (Affichage de la liste des clients) |
| * InController (Contrôle des pages pour utilisateurs authentifiés) | * 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> |
| | |