SAPUI5
文章平均质量分 59
天外野草
现任职移动研发部Team Leader, 高级咨询顾问、开发架构师,移动开发布道师, CSDN专家博主,CSDN讲师, 主修数学专业,曾获全国大学生数学建模大赛、东北三省大学生数据建模大赛一等奖,精通移动开发,熟悉 Angular、React、SAP FIORI等各种HTML5主流框架,对大数据开发,AI技术领域有一定的经验心得,同时拥有丰富的课程录制以及授课经验,也拥有多个大型企业级跨平台项目开发经验,乐观向上,乐于求知,不限领域!
展开
-
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 评论 -
SAPUI5教程——Aggregation Binding的应用
前言对于SAPUI5的程序开发而言,通常我们会使用XML View, 但是在某种特殊情况下,需要动态绑定数据,或者声场动态view, 这个时候难免会使用JS 去处理,因此 Aggregation Binding的用法,我们一定要有所了解。数据模型绑定我们以一个combox为例: 如果用js view,可以使用如下代码。var oItemTemplate = new sap.ui.core.List原创 2017-09-15 11:52:41 · 754 阅读 · 0 评论 -
SAP FIORI FOR IOS框架应用简介
前言SAP FIORI FOR IOS是针对于IOS平台的一套UX, 主要运行在IOS系统上,凭借原生的操作体验,搭配SAP FIORI UI设计,完美的将FIORI应用迁移到IOS移动平台, 其核心就是SAP开发了一套基于Swift语言的IOS框架以及SAP Cloud Platform云平台工具,让开发人员能够快速搭建一个IOS版本的FIORI APP。SAP和Apple的合作关系“SAP 是原创 2017-09-14 22:15:58 · 529 阅读 · 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 · 1655 阅读 · 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教程——MessageStrip的应用场景
前言对于HTML5应用来讲,通常页面会有一些小的公告提示等等,用户可以点击删除,那么这个功能在sapui5中如何实现呢?实现sap.m.MessageStrip 是一个control可以嵌入到应用页面当中,SAPUI5提供了四中类型的messages, Information, Success, Warning Error, 而且每一个message都有一个关闭安装,在不需要的时候用户可以点击关闭。原创 2017-08-18 04:49:01 · 848 阅读 · 0 评论 -
SAPUI5教程——URLHelper的使用技巧
前言对于HTML5的普及以来,其可以调用设备的一些属性,为了开发和用户带来了很多的便利性,今天我们来看一下SAPUi5中如果封装了HTML5这些高级的属性,让开发变得更为便捷。方法redirect URL跳转triggerSms 调用短信功能triggerTel 调用电话功能triggerEmail 调用邮件功能代码如下:sap.m.URLHelper.triggerTel(原创 2017-08-18 04:41:19 · 1875 阅读 · 0 评论 -
SAPUI5教程——实现倒计时控制Button是否可以点击效果
前言如果在SAPUI5开发中,我们想实现一个倒计时控制Button是否允许点击的例子,我们可以这样做:方法下面是一个自定义Dialog, 然后控制Button倒计时显示的方法示例: onConfirmDialog: function (title, message, confirmText, cancelText, successFn, cancelFn) { var原创 2017-08-10 02:58:21 · 1146 阅读 · 0 评论 -
SAPUI5教程——MaskInput的妙用
前言SAPUI5作为一个重量级别的框架,提供了丰富的组件,今天介绍一个非常实用的组件叫做MaskInput, 在格式化邮编,电话等具有特殊格式的数据,非常管用,使用更是简单,如果用其他框架实现就非常的麻烦了。给大家介绍一下:应用先看下代码:<MaskInput mask = "CCCC-CCCC-CCCC-CCCC-CCCC" placeholderSymbol = "_" placeholder原创 2017-08-17 04:54:09 · 1541 阅读 · 0 评论 -
SAP Web IDE Multi-Cloud Version简介
前言SAP WEB IDE作为一个B/S结构的云平台开发工具,已然成为了主流, 那么对于SAP WEB IDE的另一个版本, SAP WEB IDE Multi-Cloud Version想必不会太多的人去了解,那么今天我们就给大家介绍一个这款工具。多云支持它是SAP WEB IDE通用版本的一个增强,不仅支持了应用UI的部分的开发, 同时也支持了服务部分,这也被称为为“全栈开发“, 通常来讲一原创 2017-09-11 11:03:38 · 673 阅读 · 0 评论 -
SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践
前言近年来,SAPUI5(SAP Fiori 2.0)的普及,云时代下的移动Web应用一路高歌,众多SAP 顾问也将焦点投入到了这个前端框架。那么作为一款和SAP 系列套件深度结合的框架,需要安装很多组件支持Fiori的系列开发,可能我们并不会去做SAP Basic的相关工作,但是作为一名合格的咨询顾问,需要了解它的原理。整体架构一个Fiori的安装过程中包含了前端服务组件和后台服务数据,前端组件和原创 2017-06-23 23:22:09 · 12707 阅读 · 1 评论 -
SAPUI5拓展标准应用的Controller原理分析及应用实践
前言鉴于SAP S/4 HANA的世界性普及,外加中国区云服务的正式落地,作为SAP 移动端用户体验的自有H5框架,也愈加备受关注, 目前SAP大部分产品都是基于SAP Fiori进行定制开发,因此SAP Fiori也提供给客户大量的标准应用,只需要基础运维人员进行安装,即可实现实施应用。于此同时,基于业务场景的个性化的开发不可或缺,如果能在原理逻辑上稍加修改,这样可以减少很多时间和成本,所以今天我原创 2017-04-30 20:18:30 · 3693 阅读 · 2 评论 -
SAPUI5教程——框架简介以及应用实践
前言SAPUI5是SAP公司推出的一款前端UI技术框架,基于HTML5技术,开发语言为Javascript, 诞生于2011年,此款移动框架和SAP 系列产品贴合紧密,开发迅速,符合SAP系统的整体风格,SAPUI5是一款封闭框架(收费), 如果拥有SAP Netweaver License才可以免费试用,与SAPUI5相对应的还有一款开源框架被托管在github平台,大家可以去fork,学习一下。原创 2017-06-23 13:54:57 · 9680 阅读 · 0 评论 -
SAP FIORI教程——如何设置Launchpad的多语言文件(SAP Cloud 版)
前言最近,有很多同学看了我的视频教程之后,总体反馈很不错,也有一些同学问我说,对于Global的项目,很多需要设置多语言的问题,那么我们知道在具体的APP中,我们可以设置I18n文件的方式,制作多语言版本,那么问题来了,对于FIORI应用的入口——Launchpad,如何设置多语言呢?那么今天我们讲解一下:其实,SCP多语言的设置相比在ECC(GUI)上设置要容易很多,不需要很多麻烦的配置。具体步骤原创 2017-10-18 22:02:58 · 1819 阅读 · 1 评论 -
Mapping Neo and Cloud Foundry Regions
You can find the Cloud Foundry region where we recommend you create subaccounts based on the Neo region of your SAP Web IDE.Table 1: Region Mapping for Enterprise AccountsNeo Region(Operated by SAP)Ho转载 2017-11-10 15:21:33 · 615 阅读 · 0 评论 -
SAP FIORI FOR IOS框架应用简介
前言SAP FIORI FOR IOS是针对于IOS平台的一套UX, 主要运行在IOS系统上,凭借原生的操作体验,搭配SAP FIORI UI设计,完美的将FIORI应用在移动平台, 其核心就是SAP开发了一套基于Swift语言的IOS框架以及SAP Cloud Platform云平台工具,让开发人员能够快速搭建一个IOS版本的FIORI APP。SAP和Apple的合作关系“SAP是理想的合作伙伴原创 2017-09-01 17:25:01 · 1444 阅读 · 1 评论 -
用SAP WEB IDE开发的同学必看!
前言SAP WEB IDE作为SAPUI5开发工具,已经成为了主流,但是仍有不完善的地方,如果一个应用页面逻辑复杂,导致整个xml view非常巨大,结构很多,这个时候发生错误真的很难找出问题,更没有提示,怎么办?怎么办?常见问题如下下面这个情况:页面一片空白!!!!!!!!!!!然后报错但是我的xml View编辑器没有错误啊!其实问题很简单,就是我多写了一个properties而已, 哎!上图原创 2017-08-17 04:41:25 · 5804 阅读 · 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教程——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 评论 -
SAPUI5教程—— Link的基本用法
前言SAPUI5定义很多好用的组件,方便我们日常的开发操作,比如这个Link的用法,比较类似于html中a标签的使用,今天我们一起来看一下这个组件的基本使用。Link 是sap.m包下一个组件。简单用法 <Link text="Click me" press="handleLinkPress" />原创 2017-07-01 09:11:21 · 1108 阅读 · 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 评论 -
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实现标准应用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拓展标准应用的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 · 1124 阅读 · 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 评论 -
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教程——如何改变SAP Fiori登陆页面的背景图片
前言用过Fiori的同学都知道,SAP Fiori Launchpad有一个登陆页面,登陆页面在安装之后会有一个默认的背景图片,但是对个部分客户来讲,需要换成自己公司对应的背景,那么如何改变这个背景图片呢?方法通过tcode “SE80”进入对象的tcode页面选择 MIME Repository.导航进入SAP → PUBLIC → BC → UI2 → logon → img展开 im原创 2017-07-23 22:51:23 · 2422 阅读 · 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 · 2102 阅读 · 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 · 2145 阅读 · 0 评论 -
SAPUI5教程——查看系统安装的SAPUI5版本
前言查看SAPUI5的版本信息,将决定了你应用什么样的api在你的项目当中,那么在ECC系统当中应该如何查看,我们具体来看一下。具体步骤输入SICF,将看到如下界面:在service中输入* UI5_UI5 * 执行F8, 会看到如下图:找到UI5_UI5,右键点击Test运行,将会在浏览器中打开如下界面:此页面注明了当前版本信息。原创 2017-06-27 15:37:05 · 2787 阅读 · 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 · 6258 阅读 · 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 · 3179 阅读 · 0 评论 -
SAPUI5教程——SAP WEB IDE崩溃
偶然发现,SAPWEB IDE居然还有崩溃的时候,还有我有离线版本的(SAP WEB IDE Personal Editor)原创 2017-06-23 22:27:29 · 1340 阅读 · 0 评论 -
SAP前端——使用SAPUI5来创建Web应用UI
前言对于SAP产品开发而言,功能需求的实现当之无愧, 但是前端UI展示一直被吐槽,不够友好的界面,较为繁琐的操作流程,给用户增添了很多学习和使用上的烦恼。但是自从SAPUI5诞生以来,移动显示,多元化的页面,不仅美观,更加实用便捷,下面我们来看看如何简单创建一个SAPUI5的应用。首页创建首先一个web应用程序,需要一个入口文件index.html:<!DOCTYPE HTML><html>原创 2017-06-23 22:03:20 · 6892 阅读 · 0 评论