SAVOIR-FAIRE
Voici un projet AngularJS qui accède aux données via une API REST développé sous Symfony2.
Le Projet
- Affichage de tous les produits.
- Affichage des produits par catégorie
- Affichage des produits par mot clé (search...)
- Filtres : trie par nom ou par prix
- Consultation du détail d'un produit
- Connexion sécurisé : login et password
La démo en ligne
Material Design for Bootstrap
http://mdbootstrap.com/
Bootstrap 3-4 en Material Design.
La version gratuite, celle que j'ai utilisé est limité aux composants les plus importants.
La version gratuite, celle que j'ai utilisé est limité aux composants les plus importants.
API REST en Symfony2
Pour notre projet AngularJS nous avons besoin de ces 3 accès à l'API REST :
Le détail d'un produit avec ID=5 :
http://apirest-nosecure.eventoo.fr/api/v1/produits/5
Tous les produits :
http://apirest-nosecure.eventoo.fr/api/v1/produits
Recherche sur les produits avec query="lg" :
http://apirest-nosecure.eventoo.fr/api/v1/produits?query=lg
Le détail d'un produit avec ID=5 :
http://apirest-nosecure.eventoo.fr/api/v1/produits/5
Tous les produits :
http://apirest-nosecure.eventoo.fr/api/v1/produits
Recherche sur les produits avec query="lg" :
http://apirest-nosecure.eventoo.fr/api/v1/produits?query=lg
AngularJS
La structure :
/.tmp
/app
/extra
/images
/img
/js
/scripts
/controllers
about.js
home.js
navigation.js
product-by-categorie.js
product-detail.js
product-search.js
product-show-all.js
/directives
loading.js
/factorys
Categorie.js
Product.js
Secure.js
app.js
/styles
/template
/views
.htaccess
404.html
favicon.ico
index.html
robots.txt
/bower_components
angular
angular-cookies
angular-mocks
angular-route
bootstrap
jquery
ngCart
nya-bootstrap-select
/dist
/images
/scripts
scripts.bab45374.js
vendor.39ce4236.js
/styles
styles.4261364c.css
vendor.c1742b57.css
404.html
favicon.ico
index.html
robots.txt
/node_modules
bower.json
Gruntfile.js
package.json
README.md