📅  最后修改于: 2020-11-04 09:05:01             🧑  作者: Mango
在本章中,我们将讨论在Elm平台上创建应用程序的标准方法。 Elm使用类似于Model-View-Controller模式的架构模式。
以下是Elm Architecture的四个主要部分。
该模型包含应用程序状态。例如,如果应用程序显示客户列表,则状态将包含每个客户数据。为了以可表示的方式显示状态,必须生成视图/ html。一旦用户通过按按钮或以表格形式输入数据与视图进行交互,视图就会生成称为message的信号。消息将传递到update方法,该方法将评估消息并采取适当的措施。因此,更新方法将生成一个新模型。
新模型将生成一个新视图。该视图将导致从用户到信号消息的新交互,从而更新函数。此外,该函数创建了一个新模型。因此,循环重复进行,如上图所示。
模型处理应用程序的状态。下面给出了定义模型的语法-
-- Model syntax
type alias Model = {
property1:datatype,
proptery2:datatype
...
}
要创建模型,我们需要首先创建一个包含所有必需属性的模板。每个属性都指定应用程序的状态。
视图是应用程序状态的直观表示。视图知道如何获取数据并从中生成网页。当用户与视图交互时,用户可以通过生成消息来操纵状态。下面给出了定义视图的语法-
--View Syntax
view model =some_implementation
消息是来自用户的更改应用程序状态的请求。消息作为参数传递给更新函数。
--Message Syntax
type Message = Message1 |Message2 ...
语法显示消息类型。 elm应用程序将根据传递给它的消息来编辑状态。这些决定是在更新方法中做出的。
更新函数解释消息(作为参数传递给它),并更新模型。
--Update Syntax
update Message_type model =
some_implementation
更新函数将消息和模型作为参数。