云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

免备案CDN_云服务器商_折扣

小七 141 0

灵感来源于你不知道JS(图书系列)

我们今天在这里做什么?

我们想知道如何使用sap.ui.core.mvc.JSView视图, sap.ui.core.mvc.JSONView, sap.ui.core.mvc.HTMLView视图以及sap.ui.core.mvc.XMLView文件. 我们还想知道如何连接sap.ui.core.mvc.控制器与sap.ui.core.mvc.视图,返利购物,所有类型视图的基类。作为项目的核心源代码和快速入门,您可以使用我的第三篇文章中的项目。openui5被设计成用几种可能的方法来解决一个问题。所以你可以选择。

我的目标是分享我个人使用这个库的经验和其他一些web开发的东西,这有助于你加快使用openui5的开发速度。

所有代码示例都是在MacOS环境下开发的。在其他环境(Linux或Windows)上,高防云服务器,过程应几乎相同。

预先要求

最低要求:

准备好MacOS、Linux或Windows操作系统已安装Chromium浏览器节点.js已安装javascript运行时已安装依赖关系管理器Gulp4 javascript task runner全局安装

附加:

Git客户端(命令行或GUI)安装首选IDE安装(例如visualstudio代码或WebStorm)

首先,我建议您按照我的第三篇文章(首选)所述创建项目。或者只是从存储库克隆项目(对于懒惰的开发人员)

首先,src/控制器中的项目结构将稍微改变

/登录.controller.js

在src/控制器中/客户.controller.js

在src/控制器中/CustomerDetail.controller.js客户详情

在src/控制器中/CreateCustomer.controller.js创建

在src/视图中/登录.view.js

在src/视图中/Customers.view.json

我们使用的是sap.m.ScrollContainersap.m.TileContainer,电子商务数据分析,已弃用。

在src/views中/CustomerDetail.view.xml

在src/视图中/CreateCustomer.view.html

更新src/页面/登录.page.js

更新src/页面/客户.page.js

更新src/页面/客户详情.page.js

在src/页中/创建客户.page.js

看起来一切都准备好了!现在我们可以在命令行下发gulp默认任务

src文件夹的内容将通过Eslint(.js)验证,通过Babel编译(.js),大数据主要学什么,复制到内存中的根路径,启动watchers,浏览器同步服务器将启动,我们的应用程序将在Chromium浏览器中打开。

在命令行中,我们看到以下

在浏览器中,我们看到以下

所以,今天到此结束。我们项目的源代码可以在这里找到。请随意尝试源代码,因为这只是成为开发人员的一种方法。快乐的编码!

下一个主题"你不知道Openui5"系列将很快推出。

因此,我们增强了简单的Openui5应用程序:

在我们现在使用的每个页面中:JS、JSON、HTML、XML。Openui5建议使用XML视图。我喜欢这种方法,物联网模块,但在某些情况下,最好也使用其他类型。因此,不要受到限制。

演练:步骤4:XML视图演练:步骤5:控制器要点:XML视图要点:JSON视图要点:JS视图要点:HTML视图