通过Jerry的这篇文章,在没有任何前端开发经验的基础上,创建第一个SAPFioriElements的步骤介绍应用程序,创建一个简单的SAPFioriElements应用程序。在VisualStudioCode命令栏中,使用start-mock使用本地模拟数据启动FioriElementsListReport应用程序。在project工程文件中,找到localService文件夹下的metadata.xml,找到名为SEPMRA_C_PD_ProductType的EntityType:这个entityType对应manifest.json文件中定义的ListReport应用,需要的MainEntitySet:在本地的meta中数据文件metadata.xml,sap:label的值保持为:productcategory。注意nearsap:label是另外一个注解属性值:sap:value-list,表示这个商品分类是一个下拉列表,列表中的item的值是固定的。冒号前的sap的xml文件命名空间定义在xml文件的header中:最终效果:同理修改产品图片的方法:最终效果:注:如果在线运行,即连接SAP服务器时要消费OData服务,必须对OData服务提供的注解进行相应的修改。否则,本文所述的局部修改将不会生效。下图是连接SAP服务器后台OData服务渲染出来的SAPFioriElementsListReport应用。我们可以注意到本地修改已经丢失。更多Jerry原创文章在这里:《王子熙》:
