- 综合排序
- 最热优先
- 最新优先
- 来自专栏SAP Technical
【SAP UI5系列】SAP UI5里HTML跳转VIEW文件解析
SAP UI5是MVC或者MV*模式，所以这里不多介绍 首先UI5是从INDEX.HTML开始 所以首先看HTML文件 在创建SAP UI5的project的时候，可以看到html里会自带很多内容 其中
66010发布于 2020-11-13 - 来自专栏SAP Technical
SAP ui5 table odata
odataModel.read("/SAPBPMInputData('" + taskId + "')", null, ["$expand=startTypeINPUT/start/DO_SES/Lines"], false, function(data, response){ // in case the response is incomplete, complement the model with dummy data objects ApproveSESComponent.DO_S
66410发布于 2020-11-27 - 来自专栏SAP Technical
【SAP UI5系列】SAP UI5支持哪些浏览器
1、最新的Internet explorer 2、最新的Firefox 3、最新的Google chrome 4、最新的Safari 1、最新的Internet explorer 2、最新的Firefox 3、最新的Google chrome 4、最新的Safari 1、最新的Internet explorer 2、最新的Firefox 3、最新的Google chrome 4、最新的Safari 为什么都要最新的 因为HTML5的限制 如果不是用最新的，可能在显示等技术上出现问题
82400发布于 2020-11-14 - 来自专栏SAP Technical
SAP UI5 upload file and oData response
jQuery.ajax({ url: Service1, type: "GET", async: false, beforeSend: function (xhr) { xhr.setRequestHeader("X-CSRF-Token", "Fetch"); }, success: function (data, textStatus, XMLHttpRequest) { token = XMLHttpRequest.get
75210发布于 2020-11-27 - 来自专栏SAP Technical
如何创建SAP UI5项目？
1、微信：如何创建SAP UI5项目？ 2、知乎：如何创建SAP UI5项目？ -不耐烦以及狂妄自大很可怕! 看不到图片，可以去公众号查看。 正文前序 今天来更新一篇技术文章，聊一下创建一个SAP UI5项目的具体步骤。 SAP UI5架构由核心JavaScript框架组成，包括jQuery等，是由扩展库控件和主题组成，并且有可选的服务器组件。 我们在做SAP UI5开发的时候，除了Eclipse，SAP目前还提供了WebIDE可以直接在线开发，当然，这些工具现在还不是很普遍的被使用，这也是传统开发转变的一个难点（关于SAP UI5的其他内容， 如果可能，后面我会在写一些有关SAP UI5的文章（关注公众号：SAP Technical 随时查看新技术文章，更有职场经验分享），有更好的建议也可以发消息给我。
1.3K20发布于 2020-11-27 - 来自专栏SAP Technical
SAP UI5里VIEW跳转CONTROLLER文件解析
上一篇文章简单介绍了HTML文件跳转VIEW的方法 这篇介绍一下VIEW跳转到controller文件的方法 先看mvc view里的引用 controllerName="xxx.controller.c2" xmlns="sap.ui.table" xmlns:mvc="sap.ui.core.mvc" xmlns:u="sap.ui.unified" xmlns:c="sap.ui.core" xmlns:m="sap.m"> 我这里的controller名字 叫c2 这里也是相当
53410发布于 2020-11-27 - 来自专栏前端开发
特征开关驾驭 SAP UI5 渐进式现代化——从设计原则到实践落地
在企业级 SAP UI5 应用升级的旅程中，Feature Toggle 技术提供了一条绕开大规模停机、确保线上稳定、又能快速迭代的中道。 背景与挑战SAP UI5 从 2013年诞生至今，已经走过了12年的风风雨雨。 缩短业务验证周期：金丝雀发布在 UI5 场景下，能精确定义 FLP Launchpad 目标组、UI5 shell 插件或 URL 参数，将新功能仅投放给内部员工或测试租户进行预验证(SAP Community SAP UI5 应用中的开关体系1. 引导阶段：Bootstrap 扩展<! ConfigCat / Unleash：社区版轻量易部署，可嵌入 UI5 Shell Plugin。
64600编辑于 2025-05-18 - 来自专栏SAP Technical
How to bind the odata services to SAP ui5 table
//Creating the instance of oData model var oModel = new sap.ui.model.odata.v2.ODataModel("http://admin-think:88/sap/...",{useBatch : true}); sap.ui.getCore().setModel(oModel,"model1"); console.log(oModel); // Create instance of table var oTable = new sap
50810发布于 2020-11-27 - 来自专栏SAP Technical
SAP UI5里HTML跳转VIEW文件解析
SAP UI5是MVC或者MV*模式，所以这里不多介绍 首先UI5是从INDEX.HTML开始 所以首先看HTML文件 在创建SAP UI5的project的时候，可以看到html里会自带很多内容 其中
95120发布于 2020-11-27 - 来自专栏前端开发
一次典型的 SAP UI5 应用白屏的问题定位和分析
笔者最近负责维护一个 SAP UI5 应用，组内其他同事最近提交了新的 git commit，merge 到 main 分支后，执行 regression test 发现白屏了：打开 Chrome 开发者工具 显然，SAP UI5 框架在解析 XML 视图时，触发的这个 module 加载动作。UI5 装载器总是按模块名映射出一个 URL，再去下载对应脚本。 错误日志里出现了小写路径 sap/m/item.js，这说明代码的某处在声明或推导一个名为 sap/m/item 的模块，而 UI5 会据此生成 .../sap/m/item.js 去加载。 总结一下，当 SAP UI5 应用加载时遇到白屏现象，不少新手可能会觉得无从入手。 殊不知 sap.m 下面根本就不存在 item.js 这个 module，而是因为开发者在 XML 视图里定义了错误的聚合名称，才会让 SAP UI5 loader 去加载一个实际并不存在的 module
23010编辑于 2025-09-11 - 来自专栏前端开发
文档即契约：在 SAP UI5 项目中用 OpenAPI 打通代码、文档与调试全链路
对于自研 UI5 应用，团队常见两条路径：Design‑First：先手写 OpenAPI，再用 openapi‑generator 创建 Stub Controller；后续开发对照契约实现逻辑。 本文侧重 Code‑First，因为 UI5 项目常采用 JavaScript/TypeScript 服务端，在注释中追加元数据即可无缝接入。 在 UI5 服务里用注释产出 OpenAPI下面示例基于 Express；若后端为 CAP、Java Spring 或 ABAP RAP，思路一致，仅换工具。 这样，任何历史 UI5 客户端都能按版本加载对应契约，避免新字段破坏旧页面。若使用 Monorepo，可在目录维度打 Tag，并通过 Lerna 自动更新依赖锁定。 只要团队把契约文件当作首要输出物，无论代码先行还是设计先行，SAP UI5 项目都能摆脱文档漂移困境，让协作真正基于同一源头的事实。
83500编辑于 2025-05-10 - 来自专栏前端开发
介绍企业级前端开发领域，Web 应用的扩展点预埋最佳实践
SAP UI5 社区多年来实践出两条主干：在 XML 视图里放置 extension point，在控制器里暴露 extension hook。 可运行示例下面示例基于最低 UI5 版本 1.108，在本地 ui5 serve 即可启动。代码里刻意使用单引号或反引号，避免违背本文格式约束。 编码阶段：以单元测试验证占位符存在；利用 UI5 QUnit 模拟 manifest 注入，确保默认内容与替换内容均可渲染。 运维阶段：结合 UI5 Flexibility Layer 做小范围 A/B Test，再根据数据逐步推广自定义插件。 希望本文示例能帮助大家在下一个 UI5 项目里迈出 Extension First 的第一步。
1.3K10编辑于 2025-04-26 - 来自专栏前端开发
利用 Chrome 条件断点精准调试 SAP UI5 应用异常行为
在复杂的 SAP UI5 项目里，事件处理器、异步 OData 回调和第三方脚本往往交织运行；如果简单地在同一行打断点，浏览器会在每一次循环或每一笔网络往返时暂停，开发者很快被卷入“噪声”洪流。 sap-ui-xx-debugSources=true 会强制 UI5 框架把打包进 Component-preload.js 的控制器拆回原文件，进一步提升可读性(YouTube)。 过滤无关脚本：黑箱与 Ignore List当断点位于自有控制器文件，却频繁跳进 UI5 框架或第三方库，阅读调用栈会徒增认知负担。 调试 SAP UI5 组件库时，常把 Logpoint 插在 onAfterRendering 里记下渲染次数，再用条件断点观察某次渲染前后数据模型状态差异。 不论是 UI5 控制器里的输入值边界、OData 失败分支，还是 Fiori Elements 扩展点中的规则冲突，都能用一行表达式把问题从庞杂调用链里剥离出来。
1.1K00编辑于 2025-05-24 - 来自专栏后端开发
日志即洞察：用 ELK 驱动高效可观测与业务价值
在 SAP UI5 与 Java OData 协作的项目里，日志痛点往往集中在“查不到、查太慢、查太乱”。 结构化日志设计UI5 端：用 JSON 把浏览器日志送进 ELK下面的 logger.js 利用 ECMAScript 原生 fetch，将 UI5 的日志条目转成统一 JSON，并带上 X-Trace-Id info: (msg, ctx) => log('INFO', msg, ctx), error: (msg, ctx) => log('ERROR', msg, ctx) };});UI5 日志驱动业务洞察Clickstream 漏斗与留存将 UI5 的按钮点击事件写到同一 ES 集群，然后用 Kibana Lens 配置 Filters + Unique count 即可画转化漏斗。 ELK 让 UI5 前端和 Java 后端共享一条数据血脉：结构化字段让检索提速，分布式追踪让排障定位如视频快进，机器学习则在故障萌芽时拉响警报。
32300编辑于 2025-07-12 - 来自专栏各类技术文章~
如何开发UI5应用并运行在云平台上
正常情况下应该看到这个UI5应用： 将该应用从git的workspace部署到SAP cloud platform上： Application Name可以随便起，我用的jerrylistfordemo
82200发布于 2021-10-23 - 来自专栏SAP
UI5版SAP EWM RFUI，替代旧版ITS Mobile。
抽空研究了一下RFUI的ITS发布时，自动将SAP GUI控件转换成相应的UI5控件，比默认HTML使用标签生成强点，看起来还凑合，能用。 v0.1 - 直接按ITS模板生成，0添加，无HTML调整； - 支持原生UI5控件：如：ProgressIndicator、MessageStrip、InputSuggest等； - 支持原生ITS特殊内容 ：如Customer Control、Textarea等； v0.2 - 增加输入按其他字段，联合产生建议列表； - 增加原生UI5跑马灯组件，对照片的增、删、查（图片数据存在SAP）； v0.3 - 1、ITS模板生成； 2、使用原生UI5 3、支持自动转换多种UI5控件（如：ProgressIndicator、MessageStrip、InputSuggest等），有时间整，理论上都支持 图片 图片
16410编辑于 2026-08-11 - 来自专栏SAP Technical
【SAP UI5系列】在SAP Gateway Hub中激活OData服务
在开发环境中生成SAP网关工件后，可以继续使用OData服务的下一步。为此，我们需要在SAP Gateway集线器中激活OData服务。换句话说：必须在SAP Gateway中启用OData服务，该服务在技术OData服务名称和相应的后端服务之间建立映射。
1.4K10发布于 2020-11-17 - 来自专栏SAP Technical
【SAP UI5系列】在SAP Gateway Hub中激活OData服务
在开发环境中生成SAP网关工件后，可以继续使用OData服务的下一步。为此，我们需要在SAP Gateway集线器中激活OData服务。换句话说：必须在SAP Gateway中启用OData服务，该服务在技术OData服务名称和相应的后端服务之间建立映射。
98440发布于 2020-11-11 - 来自专栏前端开发
工作场景下的“学用合一”：如何将 AIGC 嵌入 UI5 前端开发项目
在当今企业数字化转型浪潮中，SAP UI5 作为 SAP Fiori 应用的标准开发框架，已成为构建现代化企业级Web应用的重要工具。 笔者从事 SAP UI5 应用开发已经十余年了。 笔者也在思索 AIGC 技术应用到 SAP UI5 项目开发中的技术可能性。 QUnit/OPA5测试脚本问题诊断：分析运行时错误并提供修复建议以下是利用笔者利用 AIGC技术自动生成SAP UI5重复性代码的技术方案分享及实践指南，目前已经在团队小范围使用了。 输入层：自然语言需求描述/设计稿AIGC引擎：Fine-tuned LLM（如Codex/StarCoder）UI5领域适配器：包含SAP Fiori设计规范、UI5 API文档等知识库输出层：标准化的
1.2K10编辑于 2025-03-26 - 来自专栏前端开发
前端开发：混合技术栈的应用
一方面，SAP 的页面技术栈本来就百花齐放，比如 ABAP BSP，ABAP Webdynpro, ABAP WebClient UI，SAP UI5 等等。 因此 SAP UI5 + Vue 的混搭组合，在国内 S/4HANA 项目实施非常流行。 本文介绍如何在 SAP UI5 应用里通过 iframe 嵌入 vue 应用。 使用 SAP UI5 CLI 提供的命令行 ui5 init, 新建一个 SAP UI5 project: xml 视图源代码如下，里面定义一个 Select 控件： <mvc:View height 应用的 index.html 同一层的文件夹下面： 之后使用命令行 ui5 serve 本地启动 SAP UI5 应用： 看到本地 dev server 监听在 8080 端口号上。 从 Chrome 开发者工具里也能看到，vue 应用确实被嵌入到 SAP UI5 应用去了。
67610编辑于 2024-12-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号