Orme - Architecture

Dans ce chapitre, nous discuterons de la manière standard de créer des applications dans la plateforme Elm. Elm utilise un modèle architectural similaire au modèle Model-View-Controller.

Voici les quatre parties principales de l'architecture Elm.

• Model
• View
• Message
• Update

Comment fonctionne l'architecture Elm

le modelcontient l'état de l'application. Par exemple, si une application affiche une liste de clients, l'état contiendra chaque donnée client. Pour afficher l'état de manière présentable, unview/ html doit être généré. Une fois que l'utilisateur interagit avec la vue en appuyant sur un bouton ou en saisissant des données dans un formulaire, la vue génère des signaux appelésmessages. Les messages sont transmis auupdateméthode, qui évalue les messages et prend les mesures appropriées. Par conséquent, la méthode de mise à jour générera un nouveau modèle.

Le nouveau modèle génère une nouvelle vue. La vue mènera à de nouvelles interactions de l'utilisateur aux messages de signalisation, qui vont à la fonction de mise à jour. De plus, la fonction crée un nouveau modèle. Ainsi, le cycle se répète comme indiqué dans le diagramme ci-dessus.

Modèle

Le modèle traite de l'état de l'application. La syntaxe pour définir un modèle est donnée ci-dessous -

-- Model syntax

type alias Model = {
   property1:datatype,
   proptery2:datatype
...
}

Pour créer un modèle, nous devons d'abord créer un modèle avec toutes les propriétés requises. Chaque propriété spécifie l'état de l'application.

Vue

La vue est une représentation visuelle de l'état de l'application. La vue sait comment extraire des données et en générer une page Web. Lorsqu'un utilisateur interagit avec la vue, l'utilisateur peut manipuler l'état en générant des messages. La syntaxe pour définir une vue est donnée ci-dessous -

--View Syntax
view model =some_implementation

Message

Le message est une demande de l'utilisateur pour modifier l'état de l'application. Les messages sont passés en paramètre à la fonction de mise à jour.

--Message Syntax
type Message = Message1 |Message2 ...

La syntaxe montre un type Message. L'application elm modifiera l'état en fonction des messages qui lui sont transmis. Ces décisions sont prises dans la méthode de mise à jour.

Mise à jour

La fonction de mise à jour interprète les messages, qui lui sont passés en paramètre, et met à jour le modèle.

--Update Syntax
update Message_type model =
   some_implementation

La fonction de mise à jour prend Message et Modéliser comme paramètres.