首页 > 其他分享 >如何修改 Fiori Elements 工程包含的本地注解(annotations)文件试读版

如何修改 Fiori Elements 工程包含的本地注解(annotations)文件试读版

时间:2023-08-13 13:11:21浏览次数:41  
标签:Fiori Elements 试读 SEPMRA 本地 注解 sap

本教程前一篇文章:8. 如何找到 SAP Fiori Elements 应用某个字段显示值具体的数据源,笔者试图解答我的知识星球里一个朋友的提问:

在WebIde(SAP UI 版本 1.97.0)生成Fiori Elements 的Overview page并发布后,再次在消费视图中修改UI注解后,本地运行该Overview page应用发现页面已经变动,但是发布后的界面却没有变动。重新发布该Overview page应用或清除缓存后仍然不起作用。

前一篇文章里,我们已经简要介绍了 ListReport 这种类型的 Fiori Elements 应用的布局设计原理,如上图所示,我们想查找的 Products(123)的数据源,实际上绑定路径为:

/dataServices/schema/0/entityType/6/com.sap.vocabularies.UI.v1.HeaderInfo/TypeNamePlural

而 OData 元数据被 Fiori Elements 框架解析成 JavaScript 对象后,我们根据上面找到的路径,找到 JavaScript 对象 entityType 数组索引为 0 的数组元素,发现 TypeNamePlural 字段值为 Products

本文我们继续介绍,如何通过修改 Visual Studio Code 内本地 Fiori Elements 工程的注解文件,来修改 Products 字符串的显示。

下面是详细的内容。

我们将本教程目前为止开发好的 Fiori Elements ListReport 应用,使用 yarn start 命令行本地运行,然后切换到调试模型,在 Chrome 开发者工具 network 面板能观察到两个 HTTP 请求:

  • 请求1:OData 服务元数据请求,url 为 http://localhost:8080/sap/opu/odata/sap/SEPMRA_PROD_MAN/$metadata?sap-value-list=none&sap-language=EN.
  • 请求2:OData 注解(annotation) 请求,url 为 http://localhost:8080/sap/opu/odata/IWFND/CATALOGSERVICE;v=2/Annotations(TechnicalName='SEPMRA_PROD_MAN_ANNO_MDL',Version='0001')/$value/?sap-language=EN.

大家注意到上面提到的两个 url,里面都包含了 sap 这个片段。

按照笔者之前教程的文章介绍,这两个请求里虽然主机名为 http://localhost:8080, 实际上被 Fiori Elements 本地开发自带的代理服务器,将请求转发给了部署了 OData 服务的远端服务器 ES5,网址为 https://sapes5.sapdevcenter.com.

代理服务器的配置,定义在 ui5.yaml文件里如下图所示:

我们再把 annotation 注解请求的 HTTP 响应粘贴到一些 XML 查看器里,便于查看:

有了本教程前一篇文章单步调试找到的路径 /dataServices/schema/0/entityType/6/com.sap.vocabularies.UI.v1.HeaderInfo/TypeNamePlural,我们在这个注解请求的响应里,找到了 TypeNamePlural 值为 Products 的字段,位于 SEPMRA_PROD_MAN.SEPMRA_C_PD_ProductType 节点内。

我们在本地工程文件的 localService 文件夹内,能找到一个名叫 SEPMRA_PROD_MAN_ANNO_MDL.xml 的本地注解文件,该文件里同样存在一个层级结构同上图一致的节点,名称也叫 SEPMRA_PROD_MAN.SEPMRA_C_PD_ProductType.

我们将该节点内 TypeNamePlural 字段值从 Products 修改成产品

因为我们作为 Fiori Elements 应用的本地开发人员,是没有办法也没有权限修改远端服务器上的 OData 服务注解实现的。所以我们需要设法让 Fiori Elements 框架的运行时,也加载这个本地注解文件,这样我们在本地注解文件里的修改,才能影响最终 Fiori Elements 应用的页面渲染效果。

下面是详细的步骤。

标签:Fiori,Elements,试读,SEPMRA,本地,注解,sap
From: https://www.cnblogs.com/sap-jerry/p/17626438.html

相关文章

  • SAP Fiori Elements 应用里的 ui5.yaml 文件详解试读版
    本教程第4篇文章,我们介绍了本地启动SAPFioriElements应用的三种模式。4.SAPFioriElements本地应用启动的三种模式辨析以默认方式即命令行yarnstart启动之后,项目文件夹里的ui5.yaml文件会默认被加载并解析。ui5.yaml这个文件,在本地开发FreestyleUI5时也会......
  • SAP Fiori Elements 应用里的 ui5-local.yaml
    SAPFioriElements是SAP的一种开发框架,用于快速构建SAPFiori应用程序。SAPFioriElements应用程序的一个重要方面是模拟服务器(mockserver),它允许在本地开发环境中模拟OData服务,以便在没有真实后端服务的情况下进行开发和测试。ui5-local.yaml文件用于配置本地开发环境......
  • Fiori 应用的 draft 处理机制
    注意本文只针对FioriDrafthandling做一个泛泛的概念介绍。如果大家想通过一个具体的实例来了解,可以阅读我这篇文章:5.通过一个实例的例子,学习SAPFiori应用中的DraftHandling(草稿机制)SAPFiori应用里的DraftHandling(草稿处理)是一种机制,用于在业务数据的编辑过程......
  • UE5 蓝图运行时错误:"“无访问”正在尝试读取属性
    场景测试DBBrowser控件,打开网页功能,调试错误:蓝图运行时错误:"“无访问”正在尝试读取属性DBBrowserUI0"。节点:LoadURL图表:EventGraph函数:ExecuteUbergraphLoginUI蓝图:LoginUI分析当前问题是创建了一个DBBrowser的变量,但是没有给它赋值,就直接调用了,导致该值是空的,从而......
  • C# LINQ中使用聚合函数报错 Sequence contains no elements
    问题:在一个linq查询中使用了平均值聚合函数Average,结果报错Sequencecontainsnoelements(序列不包含任何元素)也就是说,使用某些linq的函数时,如果值不存在是会报错的,比如:First()Single()FirstAsync()SingleAsync()Last()LastAsync()Max()Min()Average()等,解决方案:......
  • Custom Elements 和 Shadow DOM了解一下?
    Why在最近参与的一个项目中,有使用Vue创建CustomElements的代码,与传统的单Vue实例render到DOM节点有很大不同。所以有了本文。CustomElements首先我们来看看怎么创建一个自定义元素,假如我们要实现一个抽屉元素:classAppDrawerElementextendsHTMLElement{...}win......
  • SAP Fiori Elements 应用 metadata.xml 解析成的 JSON 对象
    在这个文件设置断点: AnnotationParser._parserData.metadataProperties=AnnotationParser.getAllPropertiesMetadata(AnnotationParser._parserData.serviceMetadata); if(AnnotationParser._parserData.metadataProperties.extensions){ mappingList.propertyExtensi......
  • 知其然知其所以然 - 使用向导生成的 Fiori Elements 应用的文件结构分析
    本教程前一篇文章,笔者向大家介绍了一步一步自己动手创建FioriElements应用的详细步骤:5.动手开发第一个SAPFioriElements应用我们得到了如下图所示的一个SAPUI5应用工程。然而有的朋友反馈说学到这里,心里很不踏实。觉得心里不踏实的原因,是因为这些朋友学习freestyl......
  • SAP Fiori Elements 应用中 table id 的生成逻辑
    id:jerryfiorielement01::sap.suite.ui.generic.template.ListReport.view.ListReport::SEPMRA_C_PD_Product--listReportSAPFioriElements是SAP提供的一种开发框架,允许开发者使用预定义的页面类型(如ListReport,ObjectPage等)和配置,而不是编写大量的前端代码来创建Fiori......
  • SAP Fiori Elements 应用里的 visitor 访问者设计模式
    SAPFioriElements应用SmartTabletitle控件的text属性,在运行时如何生成的?在TitleRenderer.js里设置断点:调用getText拿到textproperty值:问题是这个Text属性是从哪里来的?在SmartTable.js内部能够观察到这个Products字符串:最终的入口还是XMLTemplate......