简介:sapfiori Elements
sapfiori Elements为用户界面提供设计模式,并为常用和常用的应用程序提供预定义模板。我们希望开发人员可以使用sapfiori元素来创建基于OData服务和注释的sapfiori应用程序。它不需要JavaScript UI5编码,并且使用预定义的视图和控制器。
为什么选择Fiori元素(特性):
Fiori元素–标准
Fiori元素工作列表Floorplan POC:
以下是使用Fiori元素开始应用程序开发的步骤:
2.从模板创建新项目。
3.选择类别为"SAP Fiori""元素"并选择例如的平面布置图。这里我们采用了"工作列表平面布置图"。
4。提及项目名称、标题、名称空间、描述"
5。选择要连接到所需服务的系统,然后选择相应系统中可用的服务
6。添加注解文件
7。在模板自定义中输入询问的详细信息。单击Next,然后单击Finish。
下面是项目结构的屏幕截图:
将项目作为SAP Fiori启动板运行:
我们正在运行的应用程序的屏幕截图:
Fiori元素列表报表平面图POC:
下面是使用Fiori元素启动应用程序开发的步骤:
2。从模板中创建一个新项目。
3。选择类别为"SAP Fiori Elements",然后选择例如的floorplan。这里我们选择了"Worklistfloorplan"。
4。提及项目名称、标题、名称空间、描述"
5。选择要连接到所需服务的系统,然后选择相应系统中可用的服务
6。添加注解文件
7。在模板自定义中输入询问的详细信息。单击Next,淘客返利系统,然后单击Finish。
下面是项目结构的屏幕截图:
将项目作为SAP Fiori启动板运行:
我们正在运行的应用程序的屏幕截图:
Fiori元素–自定义
如何扩展和自定义Fiori元素?
下面是在列表报表中定制动作的步骤:点击项目->新建->扩展
2。在模板选择页签中选择列表报表扩展,点击下一步按钮
3。在"扩展设置"选项卡中,选择要在筛选器、操作和列中扩展的内容。在这里我选择了行动
4。输入页面、动作标签等上面的详细信息,点击下一步,点击表格工具栏中的
新建信息动作按钮,我们得到下面的输出画面:
下面是中的扩展代码清单.json:
下面是创建的文件夹结构。我们将找到一个新的ext文件夹,购物返利,其中包含控制器文件夹ListReportExt.controller.js文件
下面是在列表报表中定制过滤器的步骤:
点击项目->新建->扩展
2。在模板选择页签中选择列表报表扩展,点击下一步按钮
3。在"扩展设置"选项卡中,选择要在筛选器、操作和列中扩展的内容。在这里我选择了行动
4。点击下一步,成都大数据,然后在表格工具栏中点击完成
新建信息动作按钮,得到如下输出画面:
下面是中的扩展代码清单.json:
下面是创建的文件夹结构。我们将找到一个新的ext文件夹,其中包含Customfilter.fragment.xml文件
下面是在列表报表中自定义列的步骤:
点击项目->新建->扩展
2。在模板选择页签中选择列表报表扩展,点击下一步按钮
3。在"扩展设置"选项卡中,选择要在筛选器、操作和列中扩展的内容。在这里我选择了栏目
4。单击下一步,然后完成
我们可以在下面的输出屏幕中看到两列新的自定义订单ID和附件:
下面是中的扩展代码清单.json:
在上面的代码中我们有ResponsiveTableColumnsExtension和ResponsiveTableCellsExtension扩展对象。在每个扩展对象中,我们在视图文件夹中都有一个片段Custom\u Columns和Custom\u Columns\u Cells,每个片段对应于Columns和items控件。对于添加不同的列,我们不必添加不同的扩展和不同的列片段。我们只需要添加单个片段列和项,在这个片段中我们只需要添加多个列和项。下面是包含2列和项目的列和项目片段的屏幕截图。我们可以看到定制的2列_Columns.fragment.xml列文件
在下面的代码中,51返利,我们可以看到自定义列和单元格片段中的2项。第一个自定义列的文本控件和第二个自定义列的图标控件。
对象页扩展选项:方面行动列形式收割台方面:
操作:–标题
操作:-节
列:
窗体:
标题:
我们有更多的自定义选项,啥叫人工智能,仅用于使用SAPUI5可视化编辑器的属性。右键单击项目,然后单击SAPUI5可视化编辑器。以下是步骤:
在列表报告页中添加页脚的注释:
这是如何创建SAP Fiori Elements应用程序的。要扩展自定义应用程序,请按照上述步骤进行操作。
是的,您的应用程序将准备好自定义UI和功能。