7.7.1.2. Architecture technique de l’application Front

7.7.1.2.1. But de cette documentation

Cette documentation présente la structure technique de l’application Front Single Page développée avec AngularJS 1.

7.7.1.2.2. Le Framework Front : AngularJS 1.5.3

7.7.1.2.2.1. Les modules AngularJS utilisés:

  • angular-animate
  • angular-resource
  • angular-route

7.7.1.2.2.2. Autres frameworks Front utilisés

  • bootstrap (3.3.x) : Responsive feature + CSS + Composants graphiques (bouton + label + zone de saisie)
  • jquery (2.2.x)
  • angular-material (1.1.0) : Les alertes affichées (de confirmation, d’erreur et d’information) et l’écran de détails d’une opération logbook
  • angular-file-upload (2.3.4) : Composant pour l’import des fichiers (SIP, référentiels)
  • restangular (1.5.2) : Client REST
  • v-accordion (1.6.0) : Composant de regroupement (effet accordion) utilisé dans l’écran du formulaire d’une archive
  • bootstrap-material-design-icons: Les îcones utilisées dans le menu et les boutons

7.7.1.2.3. Organisation de l’application

/webapp

/archives : les fichiers json utilisés pour tester l’affichage du formulaire d’une archive unit côté Front

/css : feuilles de styles

/images : images affichées dans l’application

/js /controller : controllers AngularJS
/modules
/parent : répertoire qui contient les fichiers app.module.js et app.config.js qui définissent respectivement les modules Angular et les routes déclarés dans l’application.

/views : templates HTML

bower.json : dépendances gérées par bower

index.html : page principale

package.json : fichier de configuration nodejs