机关网站机制建设情况网站版本功能列表

一、Fiori项目初始化实际操作

本文用到的SAP 官方的Odata文档
https://services.odata.org/V2/Northwind/Northwind.svc/Odata

第一步：新建文件夹（项目文件）

新建一个文件夹；SAPUI5 Fiori Demo01 作为nameSapce

打开Vscode 使用快捷键：ctrl+shift+p 打开I 输入Fiori (已经安装过SAP Fiori Tools )

如果没有安装好，参照里面Node Vscode部署的文章： https://blog.csdn.net/qq_45824905/article/details/142098960

选择SAPUI5 Freestyle,(参考以前文章)

按照如下步骤，点击即可

Data Source :使用SAP 官方的Odata:https://services.odata.org/V2/Northwind/Northwind.svc/


视图的名字不变

定义项目的名字，Mo
dule Name ：小写规范 ，选择我们的NameSapce
定义项目的名字，Module Name ：小写规范 ，选择我们的NameSapce

等待即可 首次加载很慢，。。。。。
加载完毕出现如下界面

第二步：打开我们项目

找到我们的项目 my.fisrt.fiori.demo01

第三步：打开终端 部署环境

使用快捷键： ctrl+Shfit+` 打开终端
输入 npm install 安装所需的文件


查看npm --help 命令 run
切换的CMD界面（可以不用切换 终端的操作方式）

查看 run 启动等方式

现在启动我们的UI5 服务浏览器默认打开的界面

第四步: XML中新增文本

在我们XML试图中写入输出的文本 就OK

<mvc:View controllerName="com.Austin.my.fisrt.fiori.demo01.controller.View"xmlns:mvc="sap.ui.core.mvc" displayBlock="true"xmlns="sap.m"><Page id="page" title="{i18n>title}"><content><Text text="Hello Myfirst Fiori Demo01"/></content></Page>
</mvc:View>

刷新浏览器，可以看到文本到前台了

二、 2023年Vscode中Fiori界面

环境变化；1.9.4

三 、2024年Vscode中Fiori界面

环境 ：10.8.2
新建目录 调出命令窗口 输入Fiori~~~

界面变化