Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
slam4:php:phalcon:td4 [2017/03/01 01:58] – [3.1- Afficher/masquer des éléments] jcheron | slam4:php:phalcon:td4 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
---|
- Créer un nouveau projet Phalcon avec les devtools | - Créer un nouveau projet Phalcon avec les devtools |
- Intégrer la librairie phpMv-UI avec composer | - Intégrer la librairie phpMv-UI avec composer |
- Injectez le service **JQuery** au démarrage de l'application (dans le fichier **services.php**) et instancier **semantic** | - Injecter le service **JQuery** au démarrage de l'application (dans le fichier **services.php**) et instancier **semantic** |
- Intégrez le fichier javascript JQuery dans le fichier views/index.volt [[http://jquery.com/download/|jQuery download]] | - Intégrer le fichier javascript JQuery dans le fichier views/index.volt [[http://jquery.com/download/|jQuery download]] |
- Intégrez Semantic-UI pour la partie présentation | - Intégrer Semantic-UI pour la partie présentation |
===== -- Tests ===== | ===== -- Tests ===== |
| |
==== -- Afficher/masquer des éléments ==== | ==== -- Afficher/masquer des éléments ==== |
| |
Composants à utiliser : | **Composants à utiliser :** |
| |
* [[http://phpmv-ui.kobject.net/index/direct/main/54|HtmlCheckbox]] | * [[http://phpmv-ui.kobject.net/index/direct/main/54|HtmlCheckbox]] |
| |
==== -- Requêtes Ajax Get sur event ==== | ==== -- Requêtes Ajax Get sur event ==== |
| |
| **Composants à utiliser :** |
| |
| * [[http://phpmv-ui.kobject.net/index/direct/main/33|HtmlButton]] ou [[http://phpmv-ui.kobject.net/index/direct/main/50|HtmlButtonGroups]] pour les boutons |
| * [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlMessage]] ou [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlSegment]] pour **#pageContent** |
| |
* Créer la vue **views/test/changeCss.volt** sur le modèle suivant : | * Créer la vue **views/test/changeCss.volt** sur le modèle suivant : |
| |
| |
==== -- Requête de récupération de données JSON ==== | ==== -- Requête de récupération de données JSON ==== |
| |
| **Composants à utiliser :** |
| |
| * [[http://phpmv-ui.kobject.net/index/direct/main/81|DataForm]] ou [[http://phpmv-ui.kobject.net/index/direct/main/83|FormLogin]] |
| |
On ajoute au formulaire précédent la possibilité de récupérer via JSON les données initiales du formulaire à afficher : | On ajoute au formulaire précédent la possibilité de récupérer via JSON les données initiales du formulaire à afficher : |
| |
- Effectuer la connexion à la base de données **{{:slam4:php:phalcon:invo.sql|Invo}}**. | - Effectuer la connexion à la base de données **{{:slam4:php:phalcon:invo.sql|Invo}}**. |
- Générer le model **Products** correspondant à la table **products** de la base de données (respectant l'encapsulation) | - Générer les modèles correspondant aux tables de la base de données (en respectant l'encapsulation, avec getters/setters) |
==== -- Contrôleur et Vues ==== | ==== -- Contrôleur et Vues ==== |
| |
| |
<html><div class="note">Les divs <b>#productDetails</b> et <b>#productForm</b> et leur squelette doivent être présents dans la page au chargement de la page index</div></html> | <html><div class="note">Les divs <b>#productDetails</b> et <b>#productForm</b> et leur squelette doivent être présents dans la page au chargement de la page index</div></html> |
| |
| **Composants à utiliser :** |
| * [[http://phpmv-ui.kobject.net/index/direct/main/81|DataForm]] pour le formulaire |
| * [[http://phpmv-ui.kobject.net/index/direct/main/80|DataElement]] pour l'affichage d'un produit |
| * [[http://phpmv-ui.kobject.net/index/direct/main/79|DataTable]] ou [[http://phpmv-ui.kobject.net/index/direct/main/84|JsonDataTable]] pour la liste des produits |
| |
{{:slam4:php:phalcon:jquery:products.png?nolink|}} | {{:slam4:php:phalcon:jquery:products.png?nolink|}} |
| |