Elm 体系架构分析
发布时间：2023-04-11 16:26:28 所属栏目：教程 来源：
导读：在 Elm 平台上创建应用程序的标准方法。Elm 使用类似于 Model-View-Controller 模式的架构模式。
以下是 Elm Architecture 的四个主要部分。
Model
View
Message
Update
Elm 体系架构
Elm架构如
以下是 Elm Architecture 的四个主要部分。
Model
View
Message
Update
Elm 体系架构
Elm架构如
|
在 Elm 平台上创建应用程序的标准方法。Elm 使用类似于 Model-View-Controller 模式的架构模式。 以下是 Elm Architecture 的四个主要部分。 Model View Message Update Elm 体系架构 Elm架构如何运作 该模型包含应用程序状态。例如，如果应用程序显示客户列表，则状态将包含每个客户数据。为了以可呈现的方式显示状态，必须生成视图 / html。一旦用户通过按下按钮或以表格形式输入数据与视图进行交互，视图就会生成称为message的信号。消息将传递到update方法，该方法将评估消息并采取适当的措施。因此，更新方法将生成一个新模型。 新模型将生成一个新视图。该视图将导致用户与信号消息之间进行新的交互，从而更新功能。此外，该功能创建了一个新模型。因此，循环重复进行，如上图所示。 Model 模型处理应用程序的状态。下面给出了定义模型的语法- -- Model Syntax type alias Model = { property1:datatype, proptery2:datatype ... } 要创建模型，我们需要首先创建一个包含所有必需属性的模板。每个属性都指定应用程序的状态。 View 视图是应用程序状态的直观表示。视图知道如何获取数据并从中生成网页。当用户与视图交互时，用户可以通过生成消息来操纵状态。 下面给出了定义视图的语法： --View Syntax view model =some_implementation Message 消息是来自用户的更改应用程序状态的请求。消息作为参数传递给更新功能。 --Message Syntax type Message = Message1 |Message2 ... 语法显示消息类型。榆树应用程序将基于传递给它的消息编辑状态。这些决定是在 update 方法中做出的。 Update 更新函数解释消息（作为参数传递给它），并更新模型。 --Update Syntax update Message_type model = some_implementation 更新功能将消息和模型作为参数。 （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
