灵感来源于你不知道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视图