- 综合排序
- 最热优先
- 最新优先
- 来自专栏SAP Technical
【SAP UI5系列】SAP UI5里HTML跳转VIEW文件解析
SAP UI5是MVC或者MV*模式，所以这里不多介绍 首先UI5是从INDEX.HTML开始 所以首先看HTML文件 在创建SAP UI5的project的时候，可以看到html里会自带很多内容 其中 script是必要的一部分，script里又有data-sap-ui*的很多引用 data-sap-ui-resourceroots就是很重要的一个引用 可以看到内容为："xxx": ". /"我理解这里就是相对路径的文件链接 比如这里我写的是xxx 那么在调用或者链接或者查找view的时候，就要这样写 new sap.ui.xmlview({ viewName: "xxx.view.V
66010发布于 2020-11-13 - 来自专栏SAP Technical
SAP ui5 table odata
odataModel.getServiceMetadata().dataServices.schema[0], "SAPBPMInputData"); var oODataJSONModel = new sap.ui.model.json.JSONModel
66310发布于 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的限制 如果不是用最新的，可能在显示等技术上出现问题
82300发布于 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是SAP UI Development Toolkit for HTML5的简称，它是一套基于HTML5的UI开发组件，是SAP为了快速开发前述的Fiori风格的UI、构建企业级产品的javascript 我们在做SAP UI5开发的时候，除了Eclipse，SAP目前还提供了WebIDE可以直接在线开发，当然，这些工具现在还不是很普遍的被使用，这也是传统开发转变的一个难点（关于SAP UI5的其他内容， 如果可能，后面我会在写一些有关SAP UI5的文章（关注公众号：SAP Technical 随时查看新技术文章，更有职场经验分享），有更好的建议也可以发消息给我。
1.3K20发布于 2020-11-27 - 来自专栏SAP Technical
【SAP UI5系列】在SAP Gateway Hub中激活OData服务
在开发环境中生成SAP网关工件后，可以继续使用OData服务的下一步。为此，我们需要在SAP Gateway集线器中激活OData服务。 2、SAP Gateway集线器（OData服务的目标系统）已设置并配置为管理OData服务。 3、有权在事务/ IWFND / MAINT_SERVICE中使用激活功能 。 激活过程 1、通过启动SAP GUI Launcher ABAP开发工具，打开相关ABAP项目的SAP GUI 。在嵌入式SAP GUI中，我们可以访问经典ABAP Workbench的完整功能。 10、在信息对话框中，点击继续 现在出现的对话框通知您已在SAP Gateway中成功创建了网关服务的模型元数据。 2、SAP网关：模型元数据对象（对象类型： R3TR IWOM）的名称 ž<CDS_VIEW> _CDS_ <VERSION> _be 表示实际OData服务的结构。
98440发布于 2020-11-11 - 来自专栏SAP Technical
【SAP UI5系列】在SAP Gateway Hub中激活OData服务
在开发环境中生成SAP网关工件后，可以继续使用OData服务的下一步。为此，我们需要在SAP Gateway集线器中激活OData服务。 2、SAP Gateway集线器（OData服务的目标系统）已设置并配置为管理OData服务。 3、有权在事务/ IWFND / MAINT_SERVICE中使用激活功能 。 激活过程 1、通过启动SAP GUI Launcher ABAP开发工具，打开相关ABAP项目的SAP GUI 。在嵌入式SAP GUI中，我们可以访问经典ABAP Workbench的完整功能。 10、在信息对话框中，点击继续 现在出现的对话框通知您已在SAP Gateway中成功创建了网关服务的模型元数据。 2、SAP网关：模型元数据对象（对象类型： R3TR IWOM）的名称 ž<CDS_VIEW> _CDS_ <VERSION> _be 表示实际OData服务的结构。
1.4K10发布于 2020-11-17 - 来自专栏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.ui.table.Table({ visibleRowCount : 6, selectionMode: sap.ui.table.SelectionMode.Single , navigationMode: sap.ui.table.NavigationMode.scrollbar, selectionBehavior: sap.ui.table.SelectionBehavior.RowOnly
50810发布于 2020-11-27 - 来自专栏SAP Technical
SAP UI5里VIEW跳转CONTROLLER文件解析
文件跳转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">
53410发布于 2020-11-27 - 来自专栏SAP Technical
【SAP UI5系列】SAP OpenUI5 (SAPUI5) js框架简单介绍
12 <script id="<em>sap</em>-ui-bootstrap" src="resources/<em>sap</em>-ui-core.js" data-sap-ui-theme="sap_bluecrystal" id="sap-ui-bootstrap"---指定了页面ui的类型 src="resources/sap-ui-core.js"---指定了核心框架包的位置 data-sap-ui-theme="sap_bluecrystal " ---页面主题样式定义 data-sap-ui-libs="sap.ui.commons"---指定核心包下的内容块，为什么这样说呢，因为sap倡导的是一套代码支持所有平台，所有他的包也被分为了PC 端的sap.ui和移动端的sap.m。 那么从上面的写法中我们就能看出来，我们加载的只是基本的sap.ui.commons下的内容，所以如果我们用到了如sap.ui.table下的就找不到了。(具体的看包目录就懂了) image.png
1.5K00发布于 2020-11-14 - 来自专栏SAP Technical
SAP UI5里HTML跳转VIEW文件解析
SAP UI5是MVC或者MV*模式，所以这里不多介绍 首先UI5是从INDEX.HTML开始 所以首先看HTML文件 在创建SAP UI5的project的时候，可以看到html里会自带很多内容 其中 script是必要的一部分，script里又有data-sap-ui*的很多引用 data-sap-ui-resourceroots就是很重要的一个引用 可以看到内容为："xxx": ". /"我理解这里就是相对路径的文件链接 比如这里我写的是xxx 那么在调用或者链接或者查找view的时候，就要这样写 new sap.ui.xmlview({ viewName: "xxx.view.V
95120发布于 2020-11-27 - 来自专栏前端开发
特征开关驾驭 SAP UI5 渐进式现代化——从设计原则到实践落地
在企业级 SAP UI5 应用升级的旅程中，Feature Toggle 技术提供了一条绕开大规模停机、确保线上稳定、又能快速迭代的中道。 背景与挑战SAP UI5 从 2013年诞生至今，已经走过了12年的风风雨雨。 缩短业务验证周期：金丝雀发布在 UI5 场景下，能精确定义 FLP Launchpad 目标组、UI5 shell 插件或 URL 参数，将新功能仅投放给内部员工或测试租户进行预验证(SAP Community UI5 可通过 sap/ui/performance/trace/Interaction 捕捉用户操作和渲染帧数，再汇报至 ELK 或 SAP Cloud ALM(SAPUI5 SDK, SAP Community SAP UI5 应用中的开关体系1. 引导阶段：Bootstrap 扩展<!
64600编辑于 2025-05-18 - 来自专栏前端开发
一次典型的 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版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 - 来自专栏前端开发
介绍企业级前端开发领域，Web 应用的扩展点预埋最佳实践
SAP UI5 社区多年来实践出两条主干：在 XML 视图里放置 extension point，在控制器里暴露 extension hook。 SAP UI5 的 extension point / hook 正是落地这一理念的典型实现：视图层用 declarative 的标记告诉框架“此处可替换”，控制器层用约定命名的函数让消费者选择性覆写 />（也可用 JS API sap.ui.extensionpoint）标记一个位置，就等于告诉 UI5“这里是一块可被替换的占位符” (View Extension, View Extension - 可运行示例下面示例基于最低 UI5 版本 1.108，在本地 ui5 serve 即可启动。代码里刻意使用单引号或反引号，避免违背本文格式约束。 省流版通过在 XML 视图安放 extension point、在控制器公开 extension hook，SAP UI5 应用自然具备了 ThoughtWorks 技术雷达倡导的“可演进”特质：核心代码稳定
1.3K10编辑于 2025-04-26 - 来自专栏网络日志
在 SAP BAS 里使用 SAP UI5 应用消费 OData 的 Create 和 Delete
在 SAP Business Application Studio 里创建一个 SAP UI5 应用，应该具有如下的项目结构： 打开 Home.view.xml, 添加一个 Create 按钮： <Button id="createButton" icon="<em>sap</em>-icon://add" tooltip="Create" visible="true" press="onOpenAddDialog"> 该按钮被点击后 我们设计一个 Edit 按钮，只有再进入 Edit 模式，才允许点击删除按钮： <Button id="deleteButton" icon="<em>sap</em>-icon://delete" tooltip="Delete " visible="false" press="onDelete"> <Button id="editModeButton" visible="true" icon="<em>sap</em>-icon://edit" sap.ui.define(["sap/ui/model/odata/v4/ODataModel"], function (ODataModel) { var oModel = new ODataModel
86700编辑于 2024-05-25 - 来自专栏前端开发
利用 Chrome 条件断点精准调试 SAP UI5 应用异常行为
在复杂的 SAP UI5 项目里，事件处理器、异步 OData 回调和第三方脚本往往交织运行；如果简单地在同一行打断点，浏览器会在每一次循环或每一笔网络往返时暂停，开发者很快被卷入“噪声”洪流。 开启 SAP UI5 调试上下文开发者在浏览器地址栏加上参数 sap-ui-debug=true 即可加载未压缩源码，便于在 Sources 面板里阅读和断点(Stack Overflow)。另外，? sap-ui-xx-debugSources=true 会强制 UI5 框架把打包进 Component-preload.js 的控制器拆回原文件，进一步提升可读性(YouTube)。 调试 SAP UI5 组件库时，常把 Logpoint 插在 onAfterRendering 里记下渲染次数，再用条件断点观察某次渲染前后数据模型状态差异。 结合 Logpoint、黑箱脚本与前后端联合调试，这项看似微不足道的功能成为 SAP UI5 开发者日常定位异常的利器。掌握并习惯性使用它，能让你在茫茫事件洪流中稳稳捕获那条令人头疼的“幽灵鱼”。
1.1K00编辑于 2025-05-24 - 来自专栏前端开发
文档即契约：在 SAP UI5 项目中用 OpenAPI 打通代码、文档与调试全链路
本文围绕文档即契约这一理念，结合 OpenAPI 规范与 Swagger UI，在 SAP UI5 项目中演示如何通过代码注释自动生成交互式 API 文档，并探讨版本联动与分层发布策略，帮助不同角色在同一个事实源上高效协作 OpenAPI 在 SAP 生态的落地现状SAP 多数公共服务已在 Business Accelerator Hub 提供 OpenAPI 文件，便于客户直接导入 (SAP Business Accelerator Hub, SAP Community)。 对于 SAP Commerce，官方模板也自带 Swagger 生成器 (SAP Help Portal)。 只要团队把契约文件当作首要输出物，无论代码先行还是设计先行，SAP UI5 项目都能摆脱文档漂移困境，让协作真正基于同一源头的事实。
83400编辑于 2025-05-10 - 来自专栏SAP Technical
【SAP HANA系列】SAP UI5上传图片 用XSJS存储在HANA中的方法
正文部分 玩就玩一个高级的，此篇文章包含了SAP UI5，SAP HANA，SAP XS HANA串联起来 业务需求：SAP UI5传输图片，最后存储到HANA中。 MEMORY THRESHOLD 1000, PRIMARY KEY ( "NAME" ) ) UNLOAD PRIORITY 5 AUTO MERGE; 2、用SAP UI5上传图片 其中xml配置 <u:FileUploader id="fileUploader" name="myFileUpload
1.2K10发布于 2020-11-13 - 来自专栏前端开发
工作场景下的“学用合一”：如何将 AIGC 嵌入 UI5 前端开发项目
在当今企业数字化转型浪潮中，SAP UI5 作为 SAP Fiori 应用的标准开发框架，已成为构建现代化企业级Web应用的重要工具。 笔者从事 SAP UI5 应用开发已经十余年了。 笔者也在思索 AIGC 技术应用到 SAP UI5 项目开发中的技术可能性。 输入层：自然语言需求描述/设计稿AIGC引擎：Fine-tuned LLM（如Codex/StarCoder）UI5领域适配器：包含SAP Fiori设计规范、UI5 API文档等知识库输出层：标准化的 ，我们开发团队可以将重复性编码工作的效率提升3-5倍，同时保证代码符合SAP UI5 最佳实践。
1.2K10编辑于 2025-03-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号