SAP FIORI专题之一:初次接触fiori,用sap hana studio开发发布UI5程序
初次接触fiori
- 1 准备环境
- 2 一个简单的CURD怎么搞
- 2.1 后端建service
- 2.1.1 SEGW进入后端主界面
- 2.2.2 建个表
- 2.2.3 引用结构创建实体
- 2.2.4 发布生成模型层、数据层和服务层接口
- 2.2.5 进入ABAP工作台,写代码
- 2.2.6 执行/N/IWFND/MAINT_SERVICE 发布服务
- 2.2.7 测试
- 2.2 创建前端工程
- 2.2.1 前端地址进的几种方式
- 2.2.2 创建
- 2.2.3 前端工程讲解
- 2.2.3.1 index.html
- 2.2.3.2 Component.js
- 2.3 发布
- 2.3.1 将程序先同步到SAPUI5的前端
- 2.3.2 SE80查看发布情况
- 2.4 利用/UI5/UI5_REPOSITORY_LOAD下载工程
- 2.5 静态磁贴
- 2.5.1 执行/N/UI2/FLPD_CUST进入静态磁贴配置页面,添加目录
- 2.5.2 添加语义对象/N/UI2/SEMOBJ
- 2.5.3 点击+号,添加磁贴,选择静态磁贴
- 2.5.4 使用LPD_CUST配置目标映射所需参数
- 2.5.5 创建目标映射,都是目标映射的参数
- 2.5.6 添加组
- 2.5.7 将组和磁贴权限赋值给用户PCFG
- 2.5.8 测试
- 2.5.9 遇到的坑问题
- 2.6 SAP已经存在的事务代码磁贴
- 2.5.1 点击+号,添加磁贴,选择静态磁贴
- 2.6.2 创建目标映射
- 2.6.3 添加到组并分配权限即可。与静态磁贴配置一样。
- 2.6.4 登录查看
- 2.6.5 遇到的坑问题:
- 3 语义对象专题
- 3.1 如何查找自己需要的APP角色以及语义对象
- 3.1.1 方法一:登录SAP fiori查找首页。
- 3.1.2 方法二:前端配置页面,直接搜索PS
- 4 一些调试技巧
- 4.1 F12前端调试
- 4.2 /IWFND/ERROR_LOG: SAP Gateway 错误日志
- 4.3 SE38执行清除缓存
- 4.4 CRTL+ALT+SHIFT+S
fiori作为S4的最新开发工具,其强大毋庸置疑的。作为一个老开发,作为一个特别特别熟悉微服务和前后端开发的人来说(相对SAP业务来说的,相对开发自己就是小弟),我不去整整fiori开发的话,他瞄的同行都觉得不可思议。
本篇都是一些实践,当然是看的大神视频做的总结,肯定没原创。。
这个所有代码以及内容,均是CSDN大神胡诗君的视频,我是跟着一步步学习的。只要买了CSDN超级会员都可以看。本篇只是笔记,如有侵权,及时告知(马上删除)。
原视频非常精彩,浅而已懂,建议大家购买学习SAP Fiori开发视频教程–由浅入深学习Fiori开发
SEGW: 创建Gateway Service
/UI2/FLP: 进入Launchpad
/UI2/FLPD_CUST: 配置磁贴
/UI2/SEMOBJ: 维护语义对象
/IWFND/MAINT_SERVICE: 激活并维护服务
/IWFND/ERROR_LOG: SAP Gateway 错误日志
SICF: 维护服务
LPD_CUST: 快速启动板
注意: 以 / 开头的事务码需要加/N或/O进入,否则进不去
1 准备环境
下载SAP HANA Studio
进入Help->Install New Software
点击Add, 在Location输入https://tools.hana.ondemand.com/mars,
点击OK确认
安装UI Development Toolkit for HTML5
安装ABAP Development Tools for SAP NetWeaver
2 一个简单的CURD怎么搞
不得不佩服,搞fiori的开发比搞spring boot和cloud简单多了,也舒服多了。再次感叹,SAP黄不了。
2.1 后端建service
2.1.1 SEGW进入后端主界面
新建
2.2.2 建个表
2.2.3 引用结构创建实体
右键data modle-import-structure导入结构
选择所有字段
设定主键
2.2.4 发布生成模型层、数据层和服务层接口
2.2.5 进入ABAP工作台,写代码
右键DPC进入ABAP工作台
‘
’对继承方法右键重定义
1.获取全部,返回给et_entityset内表
2.按条件检索,也非常简单
3.新增
4.删除
5.更新稍微复杂些
2.2.6 执行/N/IWFND/MAINT_SERVICE 发布服务
添加服务
2.2.7 测试
进入调试客户端
首先执行一次应该是200状态码
选择数据集
1.全量查询,出来2条记录
打外部断点也可以进入
2.按条件查询,出来对应记录,括号里面默认是条件。多个条件就是ZID =‘1’ ,ZNAME=‘ligangzhu’,本次只模拟一个条件
/sap/opu/odata/sap/ZLGZFIRSTFIORI_SRV/EtpersonSet(Zid=‘2’),如果只有一个条件,那么Zid可以省略。
3.新增记录,使用use as request 便捷获取数据,把4处的2均改为3,把内容也改下
4.更新记录
5.删除,只需要主键
2.2 创建前端工程
2.2.1 前端地址进的几种方式
1.直接在logon输入/N/UI2/FLP
https://vhcalhdbdb.topsap.net:44300/sap/bc/ui2/flp?sap-client=400&sap-language=ZH
也可以访问
https://vhcalhdbdb.topsap.net:44300/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=400&sap-language=ZH#Shell-home
2.SAP UI5基础知识
2.2.2 创建
name为App
2.2.3 前端工程讲解
2.2.3.1 index.html
1.基础加载
<script id="sap-ui-bootstrap"src="resources/sap-ui-core.js"data-sap-ui-theme="sap_bluecrystal"data-sap-ui-libs="sap.m, sap.ui.commons"data-sap-ui-bindingSyntax="complex"data-sap-ui-compatVersion="edge"data-sap-ui-preload="async"data-sap-ui-resourceroots='{"crudTrainingDemo": "./"}'></script>
引用核心库:resources/sap-ui-core.js
主题:sap_bluecrystal,代表水晶
引用lib包:主要是sap.m
版本:edge
加载方式:async,异步加载
指定APP的命名空间:crudTrainingDemo
2.把资源封装到Component,并命名为crudTrainingDemo
<script>sap.ui.getCore().attachInit(function () {sap.ui.require(["sap/m/Shell","sap/ui/core/ComponentContainer"], function (Shell, ComponentContainer) {new Shell({appWidthLimited: true,app: new ComponentContainer({name: "crudTrainingDemo",height: "100%"})}).placeAt("content");});});</script>
3.把content加载到body中去
<!-- UI Content --><body class="sapUiBody sapUiSizeCozy" id="content"></body>
2.2.3.2 Component.js
sap.ui.define(['sap/ui/core/UIComponent','crudTrainingDemo/model/models'
], function(UIComponent,models) {"use strict";return UIComponent.extend("crudTrainingDemo.Component", {metadata: {manifest: "json"},init: function () {// call the init function of the parentUIComponent.prototype.init.apply(this, arguments);// create the views based on the url/hashthis.getRouter().initialize();// set the device modelthis.setModel(models.createDeviceModel(), "device");}});
});
加载核心库和manifest文件
2.3 发布
2.3.1 将程序先同步到SAPUI5的前端
右键工程,选择team-share project
选择系统
发现有了尖括号,表示上传了,但没发布
2.3.2 SE80查看发布情况
发现目前是空的
右键工程,team-summit
se80发现已经有很多文件了
2.4 利用/UI5/UI5_REPOSITORY_LOAD下载工程
点击单机此处下载即可。外部代码页可以不写内容
2.5 静态磁贴
磁贴主要包括以下三类:
静态磁贴:普通磁贴
动态磁贴:页面右下可以读取后端的一些数据
新闻磁贴:可以设置图片,也可以滚动,可以设置多久刷新,可以图片链接到一个APP应用
2.5.1 执行/N/UI2/FLPD_CUST进入静态磁贴配置页面,添加目录
http://vhcalhdbdb.topsap.net:50000/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/main.html?scope=CUST&sap-client=400&sap-language=ZH
1.新建目录
2.5.2 添加语义对象/N/UI2/SEMOBJ
2.5.3 点击+号,添加磁贴,选择静态磁贴
2.5.4 使用LPD_CUST配置目标映射所需参数
填链接文本(随便起名)、URL地址(SICF查询的,就是前段发布的工程名)
设置应用程序别名(要求唯一)、附加信息指向前端的工程名(见下面)
相关信息查找方式如下:
其中zlgz_firstfiori是在SICF中可以找到对应的服务名,这儿的服务名,就是前端工程发布的命名
而firstFioriDemo指的是前端工程的唯一命名
别名是用于映射的。
2.5.5 创建目标映射,都是目标映射的参数
语义对象就是前面的对象,后面的内容与LPD_CUST所配置的一致。注意应用程序别名与前面配置的系统别名是一致的
2.5.6 添加组
在组里面添加磁贴
2.5.7 将组和磁贴权限赋值给用户PCFG
赋权为用户后,前端就可以出现配置的磁贴了。
2.5.8 测试
2.5.9 遇到的坑问题
1.LPD_CUST配置启动版时,把自己的实例建到“未激活目录下”了,正常建在根目录下,如下:
2.在LPD_CUST配置启动版时,附加信息是唯一的,如果有其他前端应用的工程名与你一样,那么要改自己的工程名,否则无论URL配置的是否你的前端程序,优先度的是SAPUI5.Component=lgzFirstFiori的内容,这个也贼坑,老是断不到自己的前端工程,原来这儿必须不能跟别人重名。
3.权限问题,我的前端程序调用自己的后端程序怎么都调不到,但是调别人的后端程序可以调到(后端程序是一模一样的),后来权限检查,如下图:建议管理员要赋权SAP_UI2_ADMIN_700,用户至少要赋权SAP_UI2_USER_700。否则新建的后端服务,真调不动啊(还是要有自己的S4系统。。。)。
4.最大的坑问题,是Entity Sets这个名字,一定要和前端调用地址一模一样,包括大小写。这个SAP好多地方会区分大小的。
2.6 SAP已经存在的事务代码磁贴
2.5.1 点击+号,添加磁贴,选择静态磁贴
2.6.2 创建目标映射
2.6.3 添加到组并分配权限即可。与静态磁贴配置一样。
2.6.4 登录查看
点击进入下一页
2.6.5 遇到的坑问题:
遇到一个坑的问题,在做fiori配置时,系统别名这个坑东西原来是有限制的,在权限里面做了限制,目前测试系统拥有的权限只有S4FIN的,我说为啥全部的fiori都是财务的,原来财务帐号多啊。
3 语义对象专题
语义对象分两类,一类是系统的语义对象,由SAP已经定义好,大部分事务代码级别的均有了定义。
3.1 如何查找自己需要的APP角色以及语义对象
3.1.1 方法一:登录SAP fiori查找首页。
https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/
1.选择ALL apps for SAP S/4HANA
2.选择ALL apps,或者按需选择自己喜欢的查找维度
3.搜索自己喜欢的东西,比如搜project manager
信息量很大,别怕,基本上就是那点东西
4.我们随便点个项目定义,进去看看
5.包括技术组业务组等信息
6.去前端按需搜下该目录,或者组信息。
再转到目标映射,有的是配置的事务码,有的是直接重构的应用程序
3.1.2 方法二:前端配置页面,直接搜索PS
里面有语义对象
再通过语义对象找到目标映射
4 一些调试技巧
4.1 F12前端调试
4.2 /IWFND/ERROR_LOG: SAP Gateway 错误日志
4.3 SE38执行清除缓存
/UI2/DELETE_CACHE_AFTER_IMP
/UI2/INVALIDATE_CLIENT_CACHES
或者crtl +shift+del
4.4 CRTL+ALT+SHIFT+S
sap UI5提供的调试工具
SAP FIORI专题之一:初次接触fiori,用sap hana studio开发发布UI5程序相关推荐
- SAP FIORI专题之四:使用fiori element构建over page
CDS VIEW构建list 1overview page有哪些 1.1 表格 1.2 列表 1.3 卡片 1.4 图表 1.5 链接 2 建CDS VIEW 2.1 产生测试数据sepm_dg 2. ...
- 初次接触-win7下搭建cocos2d-x3.17开发环境
材料: 1. VS2015 链接: 密码:jr0n 2. 虚拟光驱 链接: 密码:xrob 3. python 2.7.15 链接 : 注意是2.x版本 4. cocos2dx 3. ...
- [ESP32/ESP8266专题笔记-2]ubuntu下 编写第一个 ESP32开发板-Micropython程序
ESP32开发板-Micropython程序-亮灯 Micropython 操作ESP32 GPIO 点亮 LED 1 编写代码 前提条件,已知ESP32 GPIO引脚图 , 我这里是GPIO22 连 ...
- SAP UI5 初学者教程之三:开始接触第一个 SAP UI5 控件 试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和"汪子熙"微信公众号上发表过多篇关于 SAP U ...
- 汇编语言的准备知识--给初次接触汇编者 (1-4) 转载
汇编语言的准备知识--给初次接触汇编者 1 在接触到游戏修改后发现需要很多的汇编知识,于是找汇编基础知识恶补,到网上搜索到一篇不错的文章,给各位想我一样的初学者一起学习! 教程: 汇编语言的准备知识- ...
- 汇编语言的准备知识--给初次接触汇编者 之三
"汇编语言"作为一门语言,对应于高级语言的编译器,我们需要一个"汇编器"来把汇编语言原文件汇编成机器可执行的代码.高级的汇编器如MASM, TASM等等为我们写 ...
- 初次接触GWT,知识点总括
初次接触GWT,知识点概括 前言 本人最近开始研究 GWT(Google Web Toolkit) ,现将个人的一点心得贴出来,希望对刚开始接触 GWT的程序员们有所帮助,也欢迎讨论,共同进步. 先说 ...
- (Python入门)学习笔记一,初次接触尝试使用Python——环境搭建与配置
(Python入门)学习笔记一,初次接触尝试使用Python 早就耳闻Python大名,搞大数据.做人工智能.整机器学习,就得了解Python.之前一直没有去了解,现在由于之前一个项目涉及到一点Pyt ...
- 初次接触Autodesk Forge 需要知道的几个重要链接
初次接触Autodesk Forge 需要知道的几个重要链接 前言: 原本是将这些链接收藏浏览器里,也在相关文档中有所记录,但出门之后要找这些链接很不方便,所以来篇博客记录喽 官网 https://d ...
最新文章
- 懂点 Nginx 如何实现反向代理与负载均衡,是面试加分项
- Linux C Socket编程发送结构体、文件详解及实例
- linux下I2C驱动发送IO时序,Linux I2C 驱动阅读的碰到的一些网上没有提到的东西
- HTMLTestRunner测试报告
- springboot集成oauth2和JWT(授权码模式)
- 【原创】运维基础之keepalived
- 22. javacript高级程序设计-高级技巧
- php pdo insertid,php-在PDO准备好的语句内使用LAST_INSERT_ID插入...
- 可中心可边缘,云计算“罗马大路”需要什么样的超融合新基建?
- 自定义 kubectl-plugin
- 7-3 小孩子才做选择,大人全都要 (10 分)
- MSDC 4.3 接口规范(7)
- 雷电9模拟器安装抓包工具whistle证书
- VC++图像加密软件设计与实现
- 基于R语言的主成分回归(PCR)与Lasso回归在水稻基因组预测中的对比(生信数基实验作业)
- Excel-VBA应用(5):设计问卷及数据回收统计系统
- ABAP HASH TABLE 主键重复时
- CV之FR:基于cv2和dlib库自带frontal_face_detector(人脸征检测器)利用landmarks.dat文件实现人脸检测与人脸标记之《极限男人帮》和《NBA全明星球员》案例应用
- Qt练习项目 - 个人网盘开发 - [ Sloot Netdisk ] (一) 界面开发
- 字节北京23k和拼多多上海28K,我该怎么选?
热门文章
- 君澜与桐乡乌镇黄金水岸大酒店签署委托管理协议
- python shell如何打开_“python shell怎么打开“python shell启动教程
- 研究型论文_具有 ExtraTrees 特征选择、极限学习机集成和 softmax 聚合的多层入侵检测系统(英文论文)
- 全月平均法业务存货核算系统应如何操作
- 常见SQL面试题知识点+使用技巧
- illustrator插件-什么是脚本-如何使用-什么是动作-AI插件
- Presto 在 Lyft 的实践
- 用JS实现控制浏览器F12与右键功能
- anaconda安装-超详细版
- 把jpg转换成pdf教程