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:34] – [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 la connexion/déconnexion d'un utilisateur, et la mémorisation des infos de connexion | * Permet la connexion/déconnexion d'un utilisateur, et la mémorisation des infos de connexion |
| |
|< 100% 15% - 85%>| | |< 100% >| |
^**Service** | **AuthService** (js/services/AuthService.js) | | ^**Service** | **AuthService** (js/services/AuthService.js) | |
^::: | <html><span class="variable">users</span></html>\\ Tableau des logins autorisés | | ^::: | <html><span class="variable">users</span></html>\\ Tableau des logins autorisés | |
Permet l'accès aux listes (de produits ou de membres). | Permet l'accès aux listes (de produits ou de membres). |
| |
|< 100% 15% - 85%>| | |< 100% 15%-85%>| |
^**Service** | **DAOService** (js/services/DAOService.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="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 === |
* InController (Contrôle des pages pour utilisateurs authentifiés) | * InController (Contrôle des pages pour utilisateurs authentifiés) |
| |
==== -- Exercice : "Browserification" ==== | <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]] | * Lire le tutoriel [[slam4:richclient:angularjs:browserify]] |
* Refactoriser les sources js de l'application pour créer un Bundle | * 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 avoir toujours un projet valide.</div></html> | <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> |
| |