摘要: 如果我们想测试我们的应用程序的交互模式或更多的可视化特性,我们也可以编写一个集成测试。 我们还没有想过测试我们与app的交互,所以在这一步中,我们将在点击“Say Hello with dialog”按钮时检查对话框是否真正打开。我们可以通过OPA5轻松实现这一点,它是SAPUI5的一个特性,易于设 阅读全文
posted @ 2018-12-11 17:03 ricoo 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 现在我们在应用程序中有了一个测试文件夹,我们可以开始增加我们的测试覆盖率。 实际上,到目前为止我们添加到应用程序中的每个特性都需要单独的测试用例。到目前为止,我们完全忽略了这一点,所以让我们为步骤23中的自定义格式化程序函数添加一个简单的单元测试。我们将通过与资源包中的文本进行比较来测试状态的长文本 阅读全文
posted @ 2018-12-11 16:59 ricoo 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 我们只是在一个真实的服务上运行我们的应用程序,但是对于开发和测试我们的应用程序,我们不希望依赖于“真实”服务的可用性,或者在数据服务所在的系统上增加额外的负载。 这个系统就是所谓的后端系统,我们现在将使用一个称为mock server的SAPUI5特性来模拟它。它为本地文件提供服务,但它模拟后端系统 阅读全文
posted @ 2018-12-11 16:56 ricoo 阅读(819) 评论(0) 推荐(0) 编辑
摘要: 到目前为止,我们已经使用了本地JSON数据,但是现在我们将访问一个真正的OData服务来可视化远程数据。 用可公开获得的Northwind OData服务显示并替换发票模型的JSONModel类型,以可视化远程数据。您将会惊讶地发现,要实现这一点,几乎不需要做什么更改! 请注意:这一步是可选的。如果 阅读全文
posted @ 2018-12-11 16:48 ricoo 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 为了使我们的发票列表更加用户友好,我们将它按字母顺序排序,而不是仅仅显示来自数据模型的顺序。此外,我们还引入了组,并添加了发布产品的公司,以便更容易使用数据。 Preview The list is now sorted and grouped by the shipping company Cod 阅读全文
posted @ 2018-12-11 16:33 ricoo 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 在此步骤中,我们为产品列表添加一个搜索字段,并定义一个表示搜索项的过滤器。搜索时,列表会自动更新,只显示与搜索项匹配的项。 Preview A search field is displayed above the list Coding You can view and download all 阅读全文
posted @ 2018-12-11 16:31 ricoo 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 如果希望对数据模型的属性进行更复杂的格式化逻辑,还可以编写自定义格式化函数。现在我们将使用自定义格式化程序添加本地化状态,因为数据模型中的状态是一种相当技术性的格式。 Preview A status is now displayed with a custom formatter Coding Y 阅读全文
posted @ 2018-12-11 16:29 ricoo 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 有时预定义的SAPUI5类型不够灵活,您希望在视图中执行简单的计算或格式化——这正是表达式真正有用的地方。我们使用它们根据数据模型中的当前数字格式化价格。 Preview The price is now formatted according to its number Coding You ca 阅读全文
posted @ 2018-12-11 16:26 ricoo 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 发票清单已经很好看了,但是没有指定价格的发票是什么?通常价格以技术格式存储,并带有'。数据模型中的分隔符。例如,我们的菠萝发票上的计算价格是87.2,没有货币。我们将使用SAPUI5数据类型正确地格式化价格,使用一个与区域有关的十进制分隔符和分隔符后的两个数字。 Preview The list o 阅读全文
posted @ 2018-12-11 16:22 ricoo 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 现在我们已经为我们的应用建立了一个良好的结构,是时候添加更多的功能了。通过添加一些JSON格式的发票数据,我们开始探索数据绑定的更多特性,这些发票数据显示在面板下面的列表中。 Preview A list of invoices is displayed below the panel Coding 阅读全文
posted @ 2018-12-11 16:20 ricoo 阅读(401) 评论(0) 推荐(0) 编辑