Nous verrons ici comment utiliser RapideNodeJS pour créer vos projets, vous trouverez pour chaque parties des explications avec des exemples de code pour faciliter vôtre compréhension.
N’hésitez pas à tester les exemples en même temps que vous les lisez !


Les Contrôleurs

Dans l’architecture MVC les contrôleurs sont la partie la plus importante pour le développeur.
Dans un contrôleur vous gérerez toutes la partie "réflexion" de vôtre site ou application, savoir comment les utiliser est primordial, mais ne vous inquiétez pas, leur utilisation est simple.
Dans chaque contrôleur (quand ils sont créés avec l'outil de création de page Teta) vous trouverez une fonction de base qui reçoit en paramètres les données envoyées par une vue.
Cette fonction s’appelle Controller et malheureusement vous ne pourrez pas la renommer.
C’est dans cette fonction que vous écrirez la majorité de vôtre code, mais rien ne vous empêche d'écrire en dehors ou de faire référence à d'autres fichiers.
Par défaut la fonction Controller vous devrez retourner l'objet $serverObject (que vous pouvez renommer si vous le voulez) qui contiendra tous les éléments que vous voulez afficher dans vôtre vue. Pour vous faciliter la vie n’oubliez pas de retourner un objet même si c’est juste une ligne de texte que vous voulez afficher.
Bien maintenant nous allons prendre un exemple pour expliquer la suite :

See the Pen Controleur 1 by Nathan-Al (@Nathan-Al-the-builder) on CodePen.

HTML

Dans la partie HTML vous pouvez voir du HTML classique mélanger avec du EJS.
Le code EJS va se charger d’afficher nos données pour nous.
L’information qui nous intéresse se trouve justement dans les balise EJS (<%= ou <% et %>) vous avez surement remarquer qu’avant d'appeler l’objet envoyez nous appelons CR.
CR est juste l’acronyme de Controller (Contrôleur en français) et ce CR est l’objet principal qui est envoyé à la vue et qui contient tous les autres objets envoyés par le contrôleur.
Pour atteindre nos objets nous appelons donc en premier l'objet CR puis nôtre objet.

<%= CR.[ Nom de l’objet ] %>

JavaScript

Le code JavaScript est la partie qui nous intéresse le plus pour cet exemple.
dans la fonction Controller nous trouvons en paramètres $serverDatas et $serverObject :
- $serverData [ Object ] : Contient les informations envoyées et GET et POST avec le nom de la page concernée
- $serverObject [ Object ] : Contient l’objet $datas { empty } et - $parameter { persistence = bool, urlRedirect = string, useRedirect = bool }
C’est deux objets sont gérer par le serveur et ne doivent pas être modifiés directement.

$serverObject :
Dans l'exemple nous utilisons l'objet $datas de $serverObject pour envoyer à la vue les informations que nous voulons afficher.
$date = date() : Est une simple fonction qui nous permet d’avoir la date avec l’heure.
$simpleText = 'Hello today date is ' : Est simplement une ligne de texte.
Comme vous pouvez le voir nous appelons $serverObject.datas et nous lui donnons la valeur qui nous intéresse en créant son nom pour l’affecter.

$serverObject.datas.[ Nom de l’objet ] = valeur

Il nous suffit par la suite d'appeler c’est objet via CR dans la vue.

<%= CR.[ Nom de l’objet ] %>

$serverData :
Nous récupérons les informations envoyées d’une autre page par POST et GET en accédant à $serverData et nous les attribuons à de nouveaux objets pour ensuite les renvoyer par l’objet $serverObject a nôtre vue. Cela peut paraître inutile comme action mais c’est simplement parce que dans nôtre exemple aucun travail n’a été fait sur les données.
Comme on peut le voir a la fin l’objet $serverObject est retourné comme objet final.
On pourrait alors se demander que fait ton de $serverData ? Comme nous n’avons (normalement) pas modifier cet objet mais les objets qu’il contient nous n’avons pas besoin de le retourner, le serveur le prendra en compte automatiquement.

Dans l’exemple nous utilisons un console.log pour afficher les données que nous envoyons afin de faire du debug simple. Si vous avez lancé le projet depuis un CMD vous pourrez voir vos données s’afficher dans le CMD.
Afin de voir toutes les possibilités n'hésitez pas à faire vos propres tests et essais.

Les Formulaires

Maintenant que nous avons vu comment utiliser les contrôleurs, voyons comment on peut utiliser des données envoyées par la vue. Il existe deux types de méthodes, GET et POST dont les données sont récupérables par la variable `data`.

See the Pen Tutoriel Controleur by Nathan-Al (@Nathan-Al-the-builder) on CodePen.

Les Classes & Model

Les Vues

Utiliser les medias static

La base de données