您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Elm 体系架构

在 Elm 平台上创建应用程序的标准。Elm 使用类似于 Model-View-Controller 模式的架构模式。

以下是 Elm Architecture 的四个主要部分。

Model

View

Message

Update

Elm架构如何运作

该模型包含应用程序状态。例如,如果应用程序客户列表,则状态将包含每个客户数据。为了以可呈现的方式状态,必须视图 / html。一旦通过按下按钮或以表格形式输入数据与视图进行交互,视图就会称为message的信号。消息将传递到update,该将评估消息并采取适当的措施。因此,更新将新模型。

新模型将新视图。该视图将导致与信号消息之间进行新的交互,从而更新。此外,该创建了新模型。因此,循环重复进行,如上图所示。

Model

模型处理应用程序的状态。下面给出了定义模型的语法-

-- Model 

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

要创建模型,我们需要首先创建包含所有必需的模板。每个都指定应用程序的状态。

View

视图是应用程序状态的直观表示。视图知道如何数据并从中网页。当与视图交互时,可以通过消息来操纵状态。

下面给出了定义视图的语法:

--View 
view model =some_implementation

Message

消息是来自的更改应用程序状态的请求。消息作为参数传递给更新。

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

语法消息类型。榆树应用程序将基于传递给它的消息编辑状态。这些决定是在 update 中做出的。

Update

更新解释消息(作为参数传递给它),并更新模型。

--Update 
update Message_type model =
   some_implementation

更新将消息和模型作为参数。


联系我
置顶