SAPUI5

SAP FIORI全栈开发——从OData Service到SAPUI5一站式开发指南

后台数据库对于传统的ECC系统，之前做过很多都是AnyDB,其实前端（SAPUI5应用）不管如
Python实战讲师团·2020-07-04 04:03

SAPUI5 (03) - 简单控件的使用

对于熟悉微软技术的人来说，OpenUI5的控件比较容易理解，控件在页面上有不同的外观，实现了属性(properties)、方法(methods)和事件(events)。我们先来实现一个简单的功能，在页面上放置一个sap.m.Button，当用户点击它的时候，弹出一个对话框，显示“Hello”字符串。sap.m.Button简介namesapce:sap.mConstructor:newsap.m.
Stone0823·2020-07-01 08:55

SAP Fiori 开发视频教程，分享给大家

架构及开发工具SAPFiori架构介绍SAPFiori开发工具第三章、Query以及CRUD功能的实现创建GatewayServiceABAP层实施Query以及CRUD方法添加并测试ODataService创建SAPUI5
weixin_33991727·2020-06-28 09:33

SAPUI5 (18) - 数据显示格式设定

在sapui5中，除了使用数据类型来帮助在UI中设定显示格式外，还可以使用formatter。本篇介绍设置数据显示格式的4种方法。
Stone0823·2020-06-26 17:43

SAPUI5 (06) - MVC 基础

MVC是一种架构模式，SAPUI5对MVC提供了良好的支持。什么是MVC?
stone0823·2020-06-26 14:07

SAPUI5 (01) - OpenUI5环境搭建

SAPUI5是SAP公司推出的JavaScript开发工具包，用于开发现代的、基于Web的企业级应用程序。学习SAPUI5，首先要了解和区分三个概念：SAPUI5,OpenUI5和Fiori。
stone0823·2020-06-26 14:06

SAPUI5 (20) - 在 Component 中封装启动代码

本篇对上篇的代码进行重构。在SAPFiori中app并不是通过index.html启动的，而是通过Component启动，因为SAPLaunchpad包含多个app。所以我们学习OpenUI5也应该熟悉这种模式。Component是OpenUI5的一种组织代码结构的方式。第一次重构，代码的项目文件结构如下：在Component中编写启动代码我们先来看Component.js文件的内容:sap.ui
Stone0823·2020-06-21 22:01

Windows环境下，如何在Docker里运行SAP UI5应用

SAP云产品开发，得搭各种开发环境，其中之一就是Docker.Jerry之前的文章曾经简单介绍过Docker：[站在巨人肩膀上的牛顿：Kubernetes和SAPKyma]()在Kubernetes上运行SAPUI5
JerryWang_汪子熙·2020-05-27 23:07

SAPUI5 (39) - 直接提交 HTTP 请求实现 CRUD

OpenUI5作为一种客户端的UI技术，自身并不直接与后端的服务器或者数据库交互。客户端只是提交HTTPrequest，不管是OData的create/update/delete等方法，还是单向绑定或双向绑定时的submitChanges方法，都是对HTTPRequest的一种封装。网络上有文章介绍OpenUI5中如何提交HTTPrequest，或者使用Ajaxcall提交HTTPrequest。
Stone0823·2020-04-10 06:52

UI5下自动初始化Data model

Context从version1.30开始，SAPUI5支持model的自动初始化（Automaticmodelinstantiation）。
solowingpixy·2020-04-10 00:04

SAPUI5 (13) - 数据绑定之聚合绑定(aggregation binding)

上次我们介绍了属性绑定。属性绑定用于绑定单条数据。如果需要绑定多条数据，则需要使用聚合绑定(aggregationbinding)，比如我们常见的ListBox,Combox或者表格，都是含有多条数据的。概念比较容易理解，关键是绑定的语法。如果所有行都用同样的方法显示数据，用template方法。什么是template方法呢？就是各行的数据显示方式应该是固定的，像套用模板一样。比如显示供应商信息，
Stone0823·2020-03-24 04:42

SAPUI5 (35) - OData Model 连接后端 SAP 系统 (中)

完成上一篇的配置，现在我们可以在SAP系统中创建基于SAPNetweaverGateway的ODataService。本篇主要是介绍在SAP系统中创建ODataservice的过程，为后续在OpenUI5中通过ODataModel使用SAP系统提供的OData数据服务。SAPODataservice本身包含很多知识点，也需要系统学习。本次要实现的功能：创建数据库表zemployee，并基于SAPN
Stone0823·2020-03-18 05:25

SAPUI5 (05) - 主题 (Theming)

那么，SAPUI5提供了哪些预设的主题呢？本篇就通过一个小例子，了解这些主题，顺便复习一下控件如何共用Eventhandler，复习下Gridlayout。开发人员也可以自定义主题，这个在企业真实的
Stone0823·2020-03-18 01:53

SAPUI5 (11) - 数据绑定之属性绑定 (Property binding)

数据绑定指将Model的数据绑定到UI，如果是双向绑定(two-waybinding)，则任何一方的变化会反映在另外一方;如果是单向绑定(one-waybinding)，则方向是从Model到UI，即Model数据的变化会反映在UI，但UI的变化不会自动到Model，需要手工提交。我们先以一个例子来看一看绑定后的效果。页面上有两个控件：sap.m.Text和sap.m.Input。sap.m.In
Stone0823·2020-03-17 01:14

SAP 文摘 (2017-11)

1.SAPFiori为什么sapui5知道的人很少？
Stone0823·2020-03-16 03:46

SAPUI5 (22) - Routing 实现多页面导航

前面我们实现了基于组件的多页面程序，这个程序还有两个主要的缺点：1）存在全局变量oApp(sap.m.App);2）多个页面全部在程序启动时加载，多个页面也是在同一个URL下由Openui5框架进行管理，这种模式满足不了多页面的需求。解决的办法是：路由(routing)。通过routing实现多页面的导航，异步实现按需加载。本篇仍然基于之前Master-detail供应商显示这支程序进行重构，使用
Stone0823·2020-03-16 02:25

SAPUI5 (28) - 基于 ODataModel 的排序和分组

OData如何排序OData支持使用$orderby参数实现数据排序。排序的时候有两种顺序：升序(asc)和降序(desc)，默认是升序。我们以NorthwindOData数据服务为例：http://services.odata.org/V3/Northwind/Northwind.svc/Products?$orderby=ProductName查询所有的产品，按ProductName排序。在浏
Stone0823·2020-03-15 04:44

SAPUI5 (29) - 使用 ViewSettingsDialog 实现排序分组和筛选

为简化开发的工作量，SAPUI5做了几个通用控件，包括OpenUI5的sap.m.ViewSettingsDialog和SAPUI5的SmartFilterToolbar(只在SAPUI5中，OpenUI5
Stone0823·2020-03-14 06:15

SAPUI5 (21) - 如何实现多语言

在SAPUI5中，通过两种方法来实现多语言，一是SAPUI5提供ResourceModel，ResourceModel读取资源包(ResourceBundle)并与View中的控件绑定。
Stone0823·2020-03-12 09:50

View

SAPUI5支持以下几种预定义视图类型：HTMLviewJSONview{"Type":"sap.ui.core.mvc.JSONView","controllerName":"ui5.demo.controller.jsonView
kroda·2020-03-09 13:40

从OData Service到SAPUI5一站式开发指南（SAP FIORI全栈开发）

后台数据库对于传统的ECC系统，之前做过很多都是AnyDB,其实前端（SAPUI5应用）不管如何更改，如何维护，最
RichardJiangBo·2020-03-07 05:18

SAPUI5 (07) - MVC 文件的名称和位置

使用MVC，model、view和controller的代码分别放在不同的文件中，那么，OpenUI5如何确定view和controller文件的名称和位置呢？有以下三种方法来声明文件的位置：sap.ui.localResources()jQuery.sap.registerModulePath()bootstrap声明:data-sap-ui-resourceroots='{"name":""}
Stone0823·2020-03-02 13:34

SAPUI5 (08) - MVC的Model和数据绑定

前面的MVC介绍只有view和controller，还没有涉及数据，所以没有model的部分。本篇增加数据，介绍Model以及数据绑定，展示一个完整的MVC示例。我们将要实现的示例是在页面中显示供应商的列表，每个供应商含有ID和Name两个字段。首先介绍几个相关的知识点。因为我们打算在表格(Table)中显示供应商，所以我们选择sap.ui.table.Table控件，这个控件对PC和Tablet
Stone0823·2020-02-24 18:22

SAP新一代全栈开发工具：SAP Business Application Studio

SAP前端开发技术的进化方向，从SAPGUI，到能在浏览器里运行的ABAPWebdynpro/WebClientUI，再到现在仍然没有停止进化的FioriUX.而Fiori也从诞生之初只支持SAPUI5
JerryWang_汪子熙·2020-02-23 21:52

SAPUI5 (38) - OData Model 的单向绑定和双向绑定

单向绑定和双向绑定概述所谓的单向绑定(one-waybinding)，是指ODatamodel与UI控件之间在数据绑定时，ODatamodel中数据的变化会同步反应在UI控件中，但UI控件数据的变化需要手工提交到ODatamodel；而双向绑定(two-waybinding)，则是指ODatamodel和UI控件的数据双向同步变化。OData(v2)model默认的是one-waybinding。
Stone0823·2020-02-23 18:53

SAPUI5 (31) - OData 中 Image 的显示和编辑 (下)

给出一个完整例子，介绍如何对含有Image字段的数据进行增删改查。本次文章借鉴和参考了网上一篇不错的文章的素材和代码，具体参见【参考】部分。UI界面主界面：三个按钮分别对应新建、修改和删除功能。用户点击[Creareuser]，弹出如下对话框：填写资料，点击[提交]按钮，可以新建用户数据。出于演示目的，新建用户的时候，没有处理图片的代码。在存在行被选中的时候，当用户点击[Updateuser'sd
Stone0823·2020-02-21 21:54

UI5_Walkthrough_1

创建项目参考SAPUI5:UIDevelopmentToolkitforHTML5新建SAPUI5ApplicationProject选择sap.m库，取消勾选创建view的选项新建的项目如下，可以引用服务器的类库
LiuliuZhang·2020-02-19 13:47

SAPUI5 (02) - OpenUI5 Hello World

上一篇的HelloWorld，运行的时候只有一个空页面，但无论如何，蓝色的背景显示UI5已经在程序中加载和运行。我们暂且不管Eclipse的项目的文件结构，先把注意力放在index.html上。完整的html源代码如下：在正式介绍之前，我先在第二个标签之间添加一些代码：varoText=sap.m.Text({text:"HelloOpenUI5!"});oText.placeAt("conten
Stone0823·2020-02-18 17:10

在Kubernetes上运行SAP UI5应用(下): 一个例子体会Kubernetes内容器的高可用性和弹性伸缩

上一篇文章在Kubernetes上运行SAPUI5应用(上)，我介绍了如何在Docker里运行一个简单的SAPUI5应用，并且已经成功地将一个包含了这个UI5应用的docker镜像上传到Dockerhub
JerryWang_汪子熙·2020-02-15 03:51

使用SAP云平台portal服务将SAP UI5应用部署到portal上

假设我已经开发好了一个SAPMTA应用，包含一个HTML5module和一个FioriLaunchpadmodule，已经成功部署到SAPCloudPlatform上：该HTML5module里的SAPUI5
JerryWang_汪子熙·2020-02-14 13:17

SAPUI5 (27) - 基于 ODataModel 的筛选

OData服务提供了筛选的功能，基于服务器端的筛选。方法是在URL的后面加上筛选参数$filter=。http://www.odata.org/documentation/odata-version-2-0/uri-conventions/页面有比较详细的介绍，这里仅对要点进行说明。筛选在OData服务中，被称作FilterSystemQueryOption。我们先来看一个简单的例子，比如要查询城
Stone0823·2020-02-11 10:29

用React开发SAP Fiori应用

在FioriFundamentals和SAPUI5WebComponent诞生之前，SAPUI5是开发SAPFiori应用唯一可供选择的前端框架。很显然SAP对前端领域蓬勃发展的
JerryWang_汪子熙·2020-02-10 01:58

SAPUI5 (30) - OData 中 Image 的显示和编辑 (上)

数据库中对图片的保存可以采取二进制格式，也就是我们平常所说的blob类型(Binarylargeobject)。当图片使用blob类型来存储的时候，OpenUI5如何处理据呢？本篇就来作一个详细介绍。使用sap.m.Image来显示图片一般情况下，可以设置sap.m.Image的src属性，来显示一个本机或者网络的图片，比如：varimage=newsap.m.Image({src:"http:/
Stone0823·2020-02-05 20:49

SAPUI5 (25) - 了解 OData 和 OpenUI5 的 OData Model

本篇介绍几个比较重要的概念，后续基于ODataModel实现CRUD。RESTREST(RepresentationalStateTransfer)这个词，是RoyThomasFielding在他2000年的博士论文中提出的，翻译成中文大意为表现层状态传输。由于他是HTTP协议（1.0版和1.1版）的主要设计者、Apache服务器软件的作者之一、Apache基金会的第一任主席，所以REST原则迅速
Stone0823·2020-01-08 05:58

SAP UI5初步结构分析研究

由于公司需要，在一周前开始接触SAPUI5（OPENUI5）的学习，由于没有前辈指导，所以自己在网上搜寻资料并且初步总结了一些关于这款框架的一些结构和思路，在博客上进行进一步的整理，欢迎大家前来分析探讨和指教
叫我钟大灵·2020-01-07 06:31

如何把SAP UI5应用部署到SAP云平台的Fiori Launchpad里去

(1)首先在WebIDE里把开发好的SAPui5应用部署到SAPCloudPlatform上：在弹出窗里维护部署明细：成功部署后，点击RegistertoSAPFioriLaunchpad:(2）在SAP
JerryWang_汪子熙·2020-01-07 01:34

Jerry的Fiori原创文章合集

MyOpportunitiesMyTasksMyAppointmentsMyLeadsMyNotesSimulateSalesPipelineTrackSalesPipeline在这不到两年的开发工作里，我在使用SAPUI5
JerryWang_汪子熙·2020-01-03 20:22

SAP Fiori + Vue = ？

2017年3月28日，我到国内一个SAPCRM客户那里，同他们的架构师关于二次开发的UI框架选择SAPUI5还是Vue进行了一番探讨。
JerryWang_汪子熙·2019-12-28 18:02

SAP UI5和微信小程序对比之我见

今天继续由SAP成都研究院著名的菜园子小哥WangCong，给大家分享他作为一个SAP前端人员是如何看待SAPUI5和微信小程序的异同点的。
JerryWang_汪子熙·2019-12-25 08:12

SAPUI5 (16) - 数据类型

sapui5数据类型概述sapui5的数据类型包括简单类型和OData类型。先来了解简单类型。
Stone0823·2019-12-21 15:39

如何在SAP UI5应用里添加使用摄像头拍照的功能

而我同事遇到的实际情况是，需要使用SAPUI5这个前端框架来开发web应用。在有了前一篇文章的知识储备后，在SAPUI5里完成这个功能，可以采取同样的思路。
JerryWang_汪子熙·2019-12-16 23:10

SAPUI5 (34) - OData Model 连接后端 SAP 系统 (上)

准备分三个部分介绍如何连接到后端SAP系统，先说明SAP系统提供OData服务所需的配置。SAP通过GatewayService来提供ODataservice，以Add-on的方式提供。Netweaver7.4之后默认安装了Gatewayservice，组件名为SAP_GWFND。我们有两种方法查看当前SAPNetweaver的版本和SAPGatewayService组件。一种是通过菜单[Syst
Stone0823·2019-12-15 01:57

SAPUI5 (33) - 使用 SAP Web IDE 提供的代理服务

前面我们访问NorthwindODataservice，使用的是https://cors-anywhere.herokuapp.com/提供的代理服务。其实，如果在SAPWebIDE中编写代码的话，WebIDE也提供了代理服务。本篇我们就来看看如何使用SAPWebIDE提供的代理服务。使用WebIDE配置连接进入在线版WebIDE，登陆后找到左边Panel下的Connectivity->Desti
Stone0823·2019-12-13 13:17

SAPUI5 (37) - 使用 Grunt 实现 Cross Origin 代理

上一篇介绍使用SAPWebIDE代理来解决Cross-origin问题。如果使用Eclipse作为开发工具，可以使用Simpleproxyservlet来测试，作为cross-origin的代理。但SAPWebIDE编写的代码，并不能在不做任何修改的情况下运行。为了能较好地实现代码移植，另外一个比较好的方法是使用Grunt。Grunt是基于JavaScript的自动化工具，可以用于OpenUI5的
Stone0823·2019-11-02 18:43

SAPUI5 (14) - 数据绑定之元素绑定(element binding)

元素绑定指根据上下文(bindingcontext)使用相对绑定的方式绑定到model数据的某一具体对象（查看帮助）。尤其适用于主从数据显示(master-detaildata)的情况。比如我们有一个供应商的清单，当选择供应商的时候，显示该供应商所提供的产品。下面的页面是本篇要实现的功能，当点击左边某一个产品时，在右边显示产品的相关信息：左边是一个List控件，右边在Panel中放置几个控件组合。
Stone0823·2019-10-31 21:35

如何在SAP UI5应用里添加使用摄像头拍照的功能

而我同事遇到的实际情况是，需要使用SAPUI5这个前端框架来开发web应用。在有了前一篇文章的知识储备后，在SAPUI5里完成这个功能，可以采取同样的思路。
JerryWangSAP·2019-10-15 05:07

有选择性的启用SAP UI5调试版本的源代码

阅读更多在低版本的SAPUI5应用中，我们一旦切换成调试模式，那么应用程序源代码和UI5框架程序的源代码的调试版本都会重新加载，耗时很长。
JerryWang_SAP·2019-06-28 13:00

有选择性的启用SAP UI5调试版本的源代码

阅读更多在低版本的SAPUI5应用中，我们一旦切换成调试模式，那么应用程序源代码和UI5框架程序的源代码的调试版本都会重新加载，耗时很长。
JerryWang_SAP·2019-06-28 13:00

SAP UI5的support Assistant

SAPUI5的supportAssistant给UI5刚入门的开发人员提供了一种极便利的快速熟悉UI5代码的途径。
JerryWangSAP·2019-06-27 00:00

Portal嵌入SAPUI5应用程序

EmbeddingSAPUI5ApplicationsYoucanembedSAPUI5applicationsdirectlyintotheSAPFiorilaunchpadonPortaltoenhancetheuserexperience.PrerequisitesYouareassignedtheContentAdminrole.TheSAPUI5componentisdefinedina
宁海峰·2019-05-17 10:00
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他