SAP Fiori 开发实践
文章平均质量分 59
本专栏致力于分享在SAP Fiori实施项目中遇到的问题解决方案,以及相关的开发经验。
天外野草
现任职移动研发部Team Leader, 高级咨询顾问、开发架构师,移动开发布道师, CSDN专家博主,CSDN讲师, 主修数学专业,曾获全国大学生数学建模大赛、东北三省大学生数据建模大赛一等奖,精通移动开发,熟悉 Angular、React、SAP FIORI等各种HTML5主流框架,对大数据开发,AI技术领域有一定的经验心得,同时拥有丰富的课程录制以及授课经验,也拥有多个大型企业级跨平台项目开发经验,乐观向上,乐于求知,不限领域!
展开
-
SAPUI5教程——实现倒计时控制Button是否可以点击效果
前言如果在SAPUI5开发中,我们想实现一个倒计时控制Button是否允许点击的例子,我们可以这样做:方法下面是一个自定义Dialog, 然后控制Button倒计时显示的方法示例: onConfirmDialog: function (title, message, confirmText, cancelText, successFn, cancelFn) { var原创 2017-08-10 02:58:21 · 1146 阅读 · 0 评论 -
用SAP WEB IDE开发的同学必看!
前言SAP WEB IDE作为SAPUI5开发工具,已经成为了主流,但是仍有不完善的地方,如果一个应用页面逻辑复杂,导致整个xml view非常巨大,结构很多,这个时候发生错误真的很难找出问题,更没有提示,怎么办?怎么办?常见问题如下下面这个情况:页面一片空白!!!!!!!!!!!然后报错但是我的xml View编辑器没有错误啊!其实问题很简单,就是我多写了一个properties而已, 哎!上图原创 2017-08-17 04:41:25 · 5801 阅读 · 0 评论 -
SAPUI5教程——MaskInput的妙用
前言SAPUI5作为一个重量级别的框架,提供了丰富的组件,今天介绍一个非常实用的组件叫做MaskInput, 在格式化邮编,电话等具有特殊格式的数据,非常管用,使用更是简单,如果用其他框架实现就非常的麻烦了。给大家介绍一下:应用先看下代码:<MaskInput mask = "CCCC-CCCC-CCCC-CCCC-CCCC" placeholderSymbol = "_" placeholder原创 2017-08-17 04:54:09 · 1539 阅读 · 0 评论 -
SAPUI5教程——URLHelper的使用技巧
前言对于HTML5的普及以来,其可以调用设备的一些属性,为了开发和用户带来了很多的便利性,今天我们来看一下SAPUi5中如果封装了HTML5这些高级的属性,让开发变得更为便捷。方法redirect URL跳转triggerSms 调用短信功能triggerTel 调用电话功能triggerEmail 调用邮件功能代码如下:sap.m.URLHelper.triggerTel(原创 2017-08-18 04:41:19 · 1875 阅读 · 0 评论 -
SAPUI5教程——MessageStrip的应用场景
前言对于HTML5应用来讲,通常页面会有一些小的公告提示等等,用户可以点击删除,那么这个功能在sapui5中如何实现呢?实现sap.m.MessageStrip 是一个control可以嵌入到应用页面当中,SAPUI5提供了四中类型的messages, Information, Success, Warning Error, 而且每一个message都有一个关闭安装,在不需要的时候用户可以点击关闭。原创 2017-08-18 04:49:01 · 848 阅读 · 0 评论 -
SAPUI5教程——SAP Fiori应用类型分析(Transactional, Fact Sheets, Analytical)
前言SAP Fiori整体应用类型分为三种,即为Transactional, Fact Sheets, Analytical, 那么这三种类型有什么区别呢?我们先看一张图:为了方便理解我们简单举个例子: Transactional App 可以用于录入时间,确认发票信息, 更改信息等等, 然后用Fact Sheets类型的应用去查看对应object的详细信息,可以进行相应的搜索, 最后,但不是说并原创 2017-06-23 23:43:44 · 3173 阅读 · 0 评论 -
SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践
前言近年来,SAPUI5(SAP Fiori 2.0)的普及,云时代下的移动Web应用一路高歌,众多SAP 顾问也将焦点投入到了这个前端框架。那么作为一款和SAP 系列套件深度结合的框架,需要安装很多组件支持Fiori的系列开发,可能我们并不会去做SAP Basic的相关工作,但是作为一名合格的咨询顾问,需要了解它的原理。整体架构一个Fiori的安装过程中包含了前端服务组件和后台服务数据,前端组件和原创 2017-06-23 23:22:09 · 12700 阅读 · 1 评论 -
SAPUI5教程——框架简介以及应用实践
前言SAPUI5是SAP公司推出的一款前端UI技术框架,基于HTML5技术,开发语言为Javascript, 诞生于2011年,此款移动框架和SAP 系列产品贴合紧密,开发迅速,符合SAP系统的整体风格,SAPUI5是一款封闭框架(收费), 如果拥有SAP Netweaver License才可以免费试用,与SAPUI5相对应的还有一款开源框架被托管在github平台,大家可以去fork,学习一下。原创 2017-06-23 13:54:57 · 9678 阅读 · 0 评论 -
SAPUI5教程——can not load launchpad Tile问题解决方案
最近在配置客户系统,遇到一个launchpad无法加载tile的问题,查看配置没有问题。后来找到解决方案,分享一下:第一步,要检查你的authorization是否有问题,如果没问题查看第二步。第二步, 登陆gateway系统, 输入tcode “se38”第三步, 输入“/UI2/INVALIDATE_GLOBAL_CACHES“第四步, 执行用”execution mode“.再次刷新laun原创 2017-06-23 20:17:53 · 1654 阅读 · 0 评论 -
SAP前端——使用SAPUI5来创建Web应用UI
前言对于SAP产品开发而言,功能需求的实现当之无愧, 但是前端UI展示一直被吐槽,不够友好的界面,较为繁琐的操作流程,给用户增添了很多学习和使用上的烦恼。但是自从SAPUI5诞生以来,移动显示,多元化的页面,不仅美观,更加实用便捷,下面我们来看看如何简单创建一个SAPUI5的应用。首页创建首先一个web应用程序,需要一个入口文件index.html:<!DOCTYPE HTML><html>原创 2017-06-23 22:03:20 · 6888 阅读 · 0 评论 -
SAPUI5教程——SAP WEB IDE崩溃
偶然发现,SAPWEB IDE居然还有崩溃的时候,还有我有离线版本的(SAP WEB IDE Personal Editor)原创 2017-06-23 22:27:29 · 1340 阅读 · 0 评论 -
SAPUI5教程——清除SAP Fiori服务缓存
问题描述:已经成功部署应用到Launchpad上,但是当更新版本的时候,无法显示到launchpad上,查看gateway(se80)代码已经是最新的,但是Launchpad仍旧无法更新。浏览器缓存已经清除了。最后找到了解决方案。Go to the transaction SMICM. Goto -> HTTP plugin -> Server cache -> Invalidate Locally原创 2017-06-26 17:01:23 · 2144 阅读 · 0 评论 -
SAPUI5教程——查看系统安装的SAPUI5版本
前言查看SAPUI5的版本信息,将决定了你应用什么样的api在你的项目当中,那么在ECC系统当中应该如何查看,我们具体来看一下。具体步骤输入SICF,将看到如下界面:在service中输入* UI5_UI5 * 执行F8, 会看到如下图:找到UI5_UI5,右键点击Test运行,将会在浏览器中打开如下界面:此页面注明了当前版本信息。原创 2017-06-27 15:37:05 · 2787 阅读 · 0 评论 -
Using Predefined CSS Margin Classes
SAPUI5 gives you the option of adding spacing in between controls by adding a margin. A margin clears an area around its respective control, outside of its border.Unlike paddings, margins are transpar转载 2017-06-30 15:07:20 · 619 阅读 · 0 评论 -
SAPUI5教程——ActionSheet的应用
前言ActionSheet是一个点击弹出popover的基本效果,可以让用户执行一定操作事件,如下图:定义controllersap.ui.define(['sap/ui/core/Fragment','sap/ui/core/mvc/Controller'], function(Fragment, Controller) { "use strict"; var CContro原创 2017-07-01 08:50:38 · 1023 阅读 · 0 评论 -
SAPUI5教程—— Link的基本用法
前言SAPUI5定义很多好用的组件,方便我们日常的开发操作,比如这个Link的用法,比较类似于html中a标签的使用,今天我们一起来看一下这个组件的基本使用。Link 是sap.m包下一个组件。简单用法 <Link text="Click me" press="handleLinkPress" />原创 2017-07-01 09:11:21 · 1106 阅读 · 0 评论 -
SAPUI5教程——Content Densities
The devices used to run apps that are developed with SAPUI5 run on various different operating systems and have very different screen sizes. SAPUI5 contains different content densities for certain con转载 2017-07-01 18:18:08 · 910 阅读 · 0 评论 -
How to Use Densities for Controls
Using DensitiesA density is triggered by the related CSS class, for example, sapUiSizeCompact for the Compact density, set on a parent element of the UI region for which you want to use the controls.转载 2017-07-01 22:54:47 · 516 阅读 · 0 评论 -
SAPUI5教程——The project is corrupted because its '.user.project.json' file has an invalid JSON
前言最近一些顾问咨询我说,SAP WEB IDE总是有莫名其妙的问题,比如这个问题“The project is corrupted because its ‘.user.project.json’ file has an invalid JSON ”.user.project.json这个文件没有看到啊,在我们的工程中,见鬼了。解决方案通常这些文件在web IDE中是隐藏的文件,需要打开隐藏文件查原创 2017-07-02 21:37:28 · 798 阅读 · 0 评论 -
SAPUI5教程——更改ODataModel默认的请求方式
前言对于ODataModel $batch的请求而言,会自动调用ODataModel UPdate的方法的 merge 请求,这也是默认的请求方式,但是我们的项目当中,往往需要put的请求,那么该如何更改默认的请求方式呢解决办法在我们默认maifest.json声明过程中可以通过settings:去更改:看代码:"": { "type": "sap.ui.model.odata.v2.ODa原创 2017-07-15 15:44:20 · 2101 阅读 · 0 评论 -
SAPUI5教程——如何改变SAP Fiori登陆页面的背景图片
前言用过Fiori的同学都知道,SAP Fiori Launchpad有一个登陆页面,登陆页面在安装之后会有一个默认的背景图片,但是对个部分客户来讲,需要换成自己公司对应的背景,那么如何改变这个背景图片呢?方法通过tcode “SE80”进入对象的tcode页面选择 MIME Repository.导航进入SAP → PUBLIC → BC → UI2 → logon → img展开 im原创 2017-07-23 22:51:23 · 2419 阅读 · 0 评论 -
SAPUI5教程——安装Hybrid Application Tools失败
问题如果需要使用需要将Fiori打包成Hybrid移动应用,我们需要安装Hybrid Application tools.但是我们安装过程中会遇到这个问题。对此我们知道是缺少某个包文件,比如fs-write-stream-atomic.所以我们会执行 sudo npm install -g fs-write-stream-atomic. 进行全局安装,但是安装成功后,再次检查问题依然存在。方案检查原创 2017-08-04 03:21:22 · 742 阅读 · 0 评论 -
SAPUI5教程——在XML View中使用$运算符
前言在HTML5的世界中,之所以有框架的出现,是为了能够方便快捷的开发出我们想要的产品,今天我们来讲一下SAPUI5中一个非常重要而又比较常见的语法——$运算符在xmlView中的使用。判断语句不多说,直接上代码:<!--Set to visible if the status is critical and the amount is above the threshold (note escap原创 2017-08-09 03:09:37 · 1417 阅读 · 0 评论 -
SAPUI5实现标准应用View替换的开发实践
前言SAP Fiori虽然提供了拓展应用的开发模式,但是由于标准应用的拓展点(Extension)不满足我们的要求,所以部分需求场景下需要替换掉原有的view,进行复制粘贴重新编辑。实现方案便于理解我们用代码来解释一下这个方案:下面是一个标准app的view:<mvc:View xmlns="sap.ui.commons" xmlns:mvc="sap.ui.core.mvc"> <Text原创 2017-05-02 10:22:02 · 1207 阅读 · 0 评论 -
SAPUI5拓展标准应用的Controller原理分析及应用实践
前言鉴于SAP S/4 HANA的世界性普及,外加中国区云服务的正式落地,作为SAP 移动端用户体验的自有H5框架,也愈加备受关注, 目前SAP大部分产品都是基于SAP Fiori进行定制开发,因此SAP Fiori也提供给客户大量的标准应用,只需要基础运维人员进行安装,即可实现实施应用。于此同时,基于业务场景的个性化的开发不可或缺,如果能在原理逻辑上稍加修改,这样可以减少很多时间和成本,所以今天我原创 2017-04-30 20:18:30 · 3693 阅读 · 2 评论 -
SAPUI5拓展标准应用的View原理分析及应用实践
前言前一篇文章,我们分析了如何拓展一个Controller, 下面我们在来看看如何拓展View。http://blog.csdn.net/jiangbo_phd/article/details/71035993方案对于SAPUI5 View的拓展,主要查找ExtensionPoint,来自于sap.ui.core library, 拓展的核心代码就是在view中编写拓展节点:<core: Exten原创 2017-04-30 22:18:47 · 1122 阅读 · 0 评论 -
SAP FIORI移动产品架构优化衍进之路
前言作为一名SAP Fiori 移动顾问已有些年月,在linkin 上也有很多同志咨询过相关的技术问题,但是关于这方面的文章本人却很少起笔,闲来无事,想想还是记录一些在SAP产品上的项目实施经验,以便更多的同志参考!(视频教程参考链接: http://edu.csdn.net/course/detail/5046)SAP Fiori 简介提到Sap Fiori, 我们要先从SAPUI5讲起。SAPU原创 2016-11-09 20:38:30 · 6255 阅读 · 0 评论 -
One or more constraints have not been satisfied.(SAPUI5+Eclipse)
I was getting this error but now it is working. Solution:initially JDK compiler was set 1.4 but in my system 1.6 was there. so just i have made JDK compiler 1.6. Please fol原创 2015-07-11 13:06:42 · 1728 阅读 · 0 评论 -
Getting started with the SAP Netweaver Gateway Service Consumption System
Welcome to sign up for the SAP Netweaver Gateway Service Consumption System. If you feel comfortable with handling an SAP ERP System feel free to jump immediately to the sign up below. We do however s转载 2015-10-07 14:58:41 · 904 阅读 · 0 评论 -
SAP Fiori移动产品的HANA迁移之路(整体解决方案)
前言SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,其以用户为中心的设计理念更多的聚焦在如何提高企业员工的工作效率、工作方式,凭借最优的成本创造最大的价值。(教程入口:原创 2016-12-05 12:38:35 · 6429 阅读 · 0 评论 -
SAP FIORI 2.0次时代用户体验(云时代的升级体验...)
前言现如今大数据、云时代、人工智能、虚拟现实、深度学习,各种技术充斥着我们的眼帘,次时代的用户体验无时无刻在影响着我们工作学习的方式。(打开教程: http://edu.csdn.net/course/detail/5046)基于S/4HANA云服务下的Fiori 2.0版本将成为最新一代用户体验,新的设计理念和新的设计主题更高程度上提高了用户的便捷性。新版的Belize主题也将会替代原有的Blue原创 2016-12-15 15:37:18 · 4067 阅读 · 0 评论