SAP Fiori UI5-环境搭建-2022-2024界面对比
文章目录
- 一、Fiori项目初始化实际操作
- 第一步：新建文件夹（项目文件）
- 第二步：打开我们项目
- 第三步：打开终端 部署环境
- 第四步: XML中新增文本
- 二、 2023年Vscode中Fiori界面
- 三 、2024年Vscode中Fiori界面
一、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~~~
界面变化
