摘要: 所有特定于应用程序的配置设置现在将进一步放在一个名为manifest的单独描述符文件中。json。这清楚地将应用程序编码从配置设置中分离出来,使我们的应用程序更加灵活。例如,所有SAP Fiori应用程序都是作为组件实现的,并附带一个描述符文件,以便托管在SAP Fiori启动板中。 SAP Fio 阅读全文
posted @ 2018-12-11 14:40 ricoo 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 在我们介绍了模型-视图-控制器(MVC)概念的所有三个部分之后,现在我们将讨论SAPUI5的另一个重要的结构方面。 在这一步中,我们将把所有UI资产封装在一个独立于索引的组件中。html文件。组件是SAPUI5应用程序中使用的独立且可重用的部件。无论何时访问资源,我们都将相对于组件(而不是相对于in 阅读全文
posted @ 2018-12-11 14:32 ricoo 阅读(622) 评论(0) 推荐(1) 编辑
摘要: 在这一步中,我们将UI的文本移动到一个单独的资源文件中。 这样,他们都在一个中心位置,可以很容易地翻译成其他语言。这个国际化过程(简称i18n)是在SAPUI5中通过使用一种特殊的资源模型和标准的数据绑定语法实现的,但是没有前面的/。 Preview An input field and a des 阅读全文
posted @ 2018-12-11 14:29 ricoo 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 现在我们已经设置了视图和控制器,现在是时候考虑MVC中的M了。 我们将在app中添加一个输入字段,将它的值绑定到模型上,并将相同的值绑定到输入字段的描述上。描述将根据用户类型直接更新。 Preview An input field and a description displaying the v 阅读全文
posted @ 2018-12-11 14:20 ricoo 阅读(615) 评论(0) 推荐(0) 编辑
摘要: 在SAPUI5中,资源通常被称为模块。在这一步中,我们将上次练习中的警报替换为sap.m库中的适当消息Toast。所需的模块可以异步加载。 Preview A message toast displays the "Hello World" message Coding You can view a 阅读全文
posted @ 2018-12-11 14:18 ricoo 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 在这个步骤中,我们将文本替换为一个按钮,并在按钮被按下时显示“Hello World”消息。按钮的按下事件的处理是在视图的控制器中实现的。 Preview A Say Hello button is added Coding You can view and download all files a 阅读全文
posted @ 2018-12-11 14:15 ricoo 阅读(514) 评论(0) 推荐(0) 编辑
摘要: 将所有UI放到index.html文件将很快导致一个混乱的设置,有相当多的工作在我们前面。我们先用sap.m.Text进行模块化。控件导入专用视图。 SAPUI5支持多种视图类型(XML、HTML、JavaScript)。我们选择XML,因为它生成最易读的代码,并将迫使我们将视图声明与控制器逻辑分离 阅读全文
posted @ 2018-12-11 14:10 ricoo 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 现在是时候构建我们的第一个小UI了,将HTML主体中的“Hello World”文本替换为SAPUI5控件sap.m.Text。首先,我们将使用JavaScript控件接口来设置UI,然后将控件实例放入HTML体中。 Preview The "Hello World" text is now dis 阅读全文
posted @ 2018-12-11 13:59 ricoo 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 在使用SAPUI5做一些事情之前,我们需要加载并初始化它。加载和初始化SAPUI5的过程称为引导。一旦引导完成,我们只需显示一个警告。 Preview An alert "UI5 is ready" is displayed Coding 你可以在此查看和下载所有文件Walkthrough - St 阅读全文
posted @ 2018-12-11 13:57 ricoo 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 如你所知,SAPUI5是关于HTML5的。让我们开始构建第一个仅使用HTML的“Hello World”。 Preview 浏览器显示文本“Hello World” Coding 你可以在此查看和下载所有文件Walkthrough - Step 1. webapp/index.html (New) 阅读全文
posted @ 2018-12-11 13:55 ricoo 阅读(398) 评论(0) 推荐(0) 编辑