sap ui5教程（3） MVC及view、model、contronller文件结构

最新推荐文章于 2024-06-17 16:34:08 发布

原创

最新推荐文章于 2024-06-17 16:34:08 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了SAP UI5中的MVC模式，包括Model、View和Controller的职责以及它们之间的关系。讨论了文件结构，重点关注webapp文件夹、project.json和neo-app.json等关键文件。还提到了i18n资源模型和jsonmodel的数据绑定，并通过一个按钮点击显示“Hello”的例子来说明MVC的实现。此外，文章还提及了SAP UI5的不同View类型和Component、Fragment的概念。

1、MVC

MVC 是 Model、View、Controller 的简称，将程序的数据、界面展示和用户交互分离，降低耦合。
1、model、view和controller

Model: 应用程序的数据
View: 通过界面展示应用程序的数据和其它界面元素
Controller: 处理应用程序的数据，以及用户的交互。

2、各自的关系

Model – View ：OpenUI5 有单向绑定或者双向绑定两种绑定模式，通过绑定，当 model 变更时， UI自动更新。
Controller – View ：View 通知 Controller，或者 Controller使用 API 来修改 View。
Controller – Model：Model 通知 Controller，或者 Controller 修改 Model。

2、文件结构

文件结果包括根目录webapp文件夹和两个json文件：

webapp文件夹：主要代码

    1、index.html：项目入口文件
    2、mainfest.json:JSON格式的项目配置文件，包括项目一些基础models(如i18n models的配置)，sap.app、sap.ui5、sap.ui的配置，路由，样式(以前在Componet.js文件里，现在单提成json文件形式)
    3、Componet