sapui5专题
SAPUI5基础知识25 - 聚合绑定（Aggregation Binding）
1. 背景 Aggregation Binding 是 SAPUI5 中的一种数据绑定方式，用于将数据模型中的集合（如数组）绑定到 UI 控件的聚合（如列表项、表格行等）。 常见的场景包括将一个数组绑定到 sap.m.List 的 items 聚合，或者将一个数组绑定到 sap.ui.table.Table 的 rows 聚合。 2. 练习 2.1 创建本地的JSON文件 在前序练习的基
SAPUI5基础知识1 - 概览，库，支持工具，自学教程
1. SAPUI5 概览 1.1 SAPUI5 SAPUI5是一种用于构建企业级Web应用程序的开发框架。它是由SAP开发的，基于HTML5、CSS3和JavaScript技术。 SAPUI5提供了一套丰富的UI控件和工具，使开发人员能够快速构建现代化、可扩展和可定制的应用程序。 它还提供了数据绑定、模型-视图-控制器（MVC）架构、国际化支持等功能，使开发人员能够更轻松地开发和维护复杂的
SAPUI5 (40) - SAP 后端调试工具
本篇介绍 SAP 后端提供的两个调试工具。 SAP 外部断点SAP Gateway Service Error Log 外部断点 在程序中设置外部断点，可以在 SAP 侧调试从外部传递的数据。比如，我们用 SEGW 事务码定位到 Create 方法，右键，进入 ABAP 代码。 在 Create 方法中设置一个外部断点： 然后在界面中新增一笔记录，从这个外部断点，可以查看系统新增
SAPUI5 (39) - 直接提交 HTTP 请求实现 CRUD
OpenUI5 作为一种客户端的 UI 技术，自身并不直接与后端的服务器或者数据库交互。客户端只是提交 HTTP request，不管是 OData 的 create / update / delete 等方法，还是单向绑定或双向绑定时的 submitChanges 方法，都是对 HTTP Request 的一种封装。网络上有文章介绍 OpenUI5 中如何提交 HTTP request，或者使用
SAPUI5 (37) - 使用 Grunt 实现 Cross Origin 代理
上一篇介绍使用 SAP Web IDE 代理来解决 Cross-origin 问题。如果使用 Eclipse 作为开发工具，可以使用 Simple proxy servlet 来测试，作为 cross-origin 的代理。但 SAP Web IDE 编写的代码，并不能在不做任何修改的情况下运行。为了能较好地实现代码移植，另外一个比较好的方法是使用 Grunt。Grunt 是基于 JavaScri
SAPUI5 (36) - OData Model 连接后端 SAP 系统 (下)
继续上一篇的内容，完成使用 OData Model 连接到后端 SAP 系统，实现 CRUD 操作。 程序界面： 点击 Create 按钮，弹出对话框： 输入 id, name 和 Address，点击 Save 按钮保存数据，点击 Cancel 按钮取消。 单击 table 中某行后，点击 Edit 按钮，弹出对话框： 可以进行修改操作。 单击 table 中某行后，点击
SAPUI5 (35) - OData Model 连接后端 SAP 系统 (中)
完成上一篇的配置，现在我们可以在 SAP 系统中创建基于 SAP Netweaver Gateway 的 OData Service。本篇主要是介绍在 SAP 系统中创建 OData service 的过程，为后续在 OpenUI5 中通过 OData Model 使用 SAP 系统提供的 OData 数据服务。SAP OData service 本身包含很多知识点，也需要系统学习。 本次要实现
SAPUI5 (34) - OData Model 连接后端 SAP 系统 (上)
准备分三个部分介绍如何连接到后端 SAP 系统，先说明 SAP 系统提供 OData 服务所需的配置。 SAP 通过 Gateway Service 来提供 OData service，以 Add-on 的方式提供。Netweaver 7.4之后默认安装了 Gateway service，组件名为 SAP_GWFND。我们有两种方法查看当前 SAP Netweaver 的版本和 SAP Gate
SAPUI5 (33) - 使用 SAP Web IDE 提供的代理服务
前面我们访问 Northwind OData service，使用的是 https://cors-anywhere.herokuapp.com/ 提供的代理服务。其实，如果在 SAP Web IDE 中编写代码的话，Web IDE 也提供了代理服务。本篇我们就来看看如何使用 SAP Web IDE 提供的代理服务。 使用 Web IDE 配置连接 进入在线版 Web IDE，登陆后找到左边 P
SAPUI5 (31) - OData 中 Image 的显示和编辑 (下)
给出一个完整例子，介绍如何对含有 Image 字段的数据进行增删改查。本次文章借鉴和参考了网上一篇不错的文章的素材和代码，具体参见 【参考】 部分。 UI 界面 主界面： 三个按钮分别对应新建、修改和删除功能。用户点击 [Creare user]，弹出如下对话框： 填写资料，点击 [提交] 按钮，可以新建用户数据。出于演示目的，新建用户的时候，没有处理图片的代码。 在存在行被选中
SAPUI5 (30) - OData 中 Image 的显示和编辑 (上)
数据库中对图片的保存可以采取二进制格式，也就是我们平常所说的 blob 类型 ( Binary large object)。当图片使用 blob 类型来存储的时候，OpenUI5 如何处理据呢？ 本篇就来作一个详细介绍。 使用 sap.m.Image 来显示图片 一般情况下，可以设置 sap.m.Image 的 src 属性，来显示一个本机或者网络的图片，比如： var image = ne
SAPUI5教程——如何改变SAP Fiori登陆页面的背景图片
前言 用过Fiori的同学都知道，SAP Fiori Launchpad有一个登陆页面，登陆页面在安装之后会有一个默认的背景图片，但是对个部分客户来讲，需要换成自己公司对应的背景，那么如何改变这个背景图片呢？ 方法 通过tcode “SE80”进入对象的tcode页面选择 MIME Repository.导航进入SAP → PUBLIC → BC → UI2 → logon → img展开
1.sapui5之在Axure软件中使用Fiori模板操作示例
@1.sapui5之在Axure软件中使用Fiori模板操作示例 1 基本了解与操作 1.1控件 通过下面网站进行fiori模板的下载以及根据步骤加入到axure中进行使用 https://experience.sap.com/fiori-design-web/design-stencils-for-axure-rp/ 另：axure中的占位符：对于逻辑细节未考虑清楚的地方暂时用