[Css] Utiliser un templates Css d’Administration moderne et responsive pour créer une application(Partie 2 AngularJs).

IntroductionWB0P6NR1N


Finalement, suite au premier article, j’ai trouvé le meilleur template pour mon cas, je pense, avec sb admin 2.

C’est un pure template open source fait en ANGULARJS, avec du routing de vues, du lazy loading, des directives, mais très bien fait et structuré.

Pleins d’atouts : Le lazy loading de librairies Angular qui fait qu’on charge une grosse librairie annexe, seulement lors du click sur une vue qui impose cela dans le router. Si je clique sur le menu »Graphiques », alors la librairie Charts.JS est chargée. De ,ce fait, tout le site est plus rapide.

Les css sont hyper bien fait, et décris. Ca passe hyper bien sur mobile( Revérifié aujourd’hui, oui c’est le top sur un 5 pouces !).

Dorénavant, je créerais tous mes exercices la dessus,le look est trop bon.

 Description sommaire


Faut l’installer carrément avec NPM, qui installe ensuite les libs via BOWER, au final le tout pèse 8MO librairies annexes comprises.

Ensuite, on a un index.html classique, des vues, des directives et des controllers. Pour les css, il ne faut jamais créer les siens, mais toujours utiliser au maximum les css du template, il faut donc repérer leurs noms dans class= »laClasseDuCss » dans une vue HTML.

Dans le fichier scripts/app.js, on retrouve le routing avec le lazy loading des libriaires et chaque controleur dédié par vue, c’est simple une fois qu’on a compris.

La partie légèrement plus compliquée est les directives, mais une fois qu’on a compris, on peut y injecter des variables et aussi des fonctions personnalisées, qui peuvent se répéter à l’infini. Les directives sont comme un mini-template HTML que l’on peut répéter à loisir dans le HTML, entre des balises personnalisées.

Le testing :


Pour tester le template déja modifié sur mon serveur, cliquer sur ce lien.

Une autre version plus simple :

Quelqu’un a réalisé une version plus à tester :
https://github.com/rcaferraz/startbootstrap-sb-admin-2/tree/angularmod

Publicités