网站404网页界面psd源文件模板,网站词库怎么做,营销型外贸网站制作,wordpress加置顶功能文章目录 一、Fiori项目初始化实际操作第一步#xff1a;新建文件夹#xff08;项目文件#xff09;第二步#xff1a;打开我们项目第三步#xff1a;打开终端 部署环境第四步: XML中新增文本 二、 2023年Vscode中Fiori界面三 、2024年Vscode中Fiori界面 一、Fiori项目初始… 文章目录 一、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 使用快捷键ctrlshiftp 打开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
第三步打开终端 部署环境
使用快捷键 ctrlShfit 打开终端 输入 npm install 安装所需的文件 查看npm --help 命令 run 切换的CMD界面可以不用切换 终端的操作方式 查看 run 启动等方式
现在启动我们的UI5 服务浏览器默认打开的界面
第四步: XML中新增文本
在我们XML试图中写入输出的文本 就OK
mvc:View controllerNamecom.Austin.my.fisrt.fiori.demo01.controller.Viewxmlns:mvcsap.ui.core.mvc displayBlocktruexmlnssap.mPage idpage title{i18ntitle}contentText textHello Myfirst Fiori Demo01//content/Page
/mvc:View
刷新浏览器可以看到文本到前台了
二、 2023年Vscode中Fiori界面
环境变化1.9.4
三 、2024年Vscode中Fiori界面
环境 10.8.2 新建目录 调出命令窗口 输入Fiori~~~ 界面变化
