SAP学习笔记 - 开发04 - Fiori UI5 开发环境搭建

news2024/11/5 12:27:13

上一章学习了 CDSView开发环境的搭建,以及CDSView相关的知识。

SAP学习笔记 - 开发03 - CDSView开发环境搭建,Eclipse中连接SAP,CDSView创建-CSDN博客


本章继续学习SAP开发相关的内容,

- Fiori UI5的开发环境搭建

  - 安装VSCode

  - 安装Node.js

  - 安装SAP UI5

目录

1,安装VSCode

2,安装Node.js

3,安装SAP UI5

3-1,npm install --global @ui5/cli

3-2,npm init --yes =>package.json

3-3,webapp =>manifest.json

3-4,ui5 init =>ui5.yaml

3-5,ui5 use SAPUI5@latest =>更新manifest.json

3-6,手动创建 index.html 文件

3-7,ui5 serve => 启动服务,确认结果


以下是详细内容。

1,安装VSCode

URL:Download Visual Studio Code - Mac, Linux, Windows

Windows环境的话,就点Windows那块儿

然后就点exe文件安装,跟其他安装没有区别。

2,安装Node.js

URL:https://nodejs.org/en/download/prebuilt-installer

直接点 Download Node.js

它还提供了几种安装方法,大家有兴趣都去试试有什么区别

下载之后就点exe文件安装,跟其他安装没有区别。

3,安装SAP UI5

3-1,npm install --global @ui5/cli

打开VSCode,Menu > Terminal > New Terminal,然后输入安装命令

npm install --global @ui5/cli

3-2,npm init --yes =>package.json

新建/或找一个文件夹(比如FioriTest),cd 进入之后,输入下面命令

cd E:\SAP\FioriTest

npm init --yes

它的目的是生成 E:\SAP\FioriTest\package.json

3-3,webapp =>manifest.json

新建文件夹webapp,比如上面是 FioriTest,那就是 E:\SAP\FioriTest\webapp

然后手动创建文件E:\SAP\FioriTest\webapp\manifest.json

{
    "sap.app": {
            "id": "sap.ui.demo.walkthrough"
     }
 }

3-4,ui5 init =>ui5.yaml

在 VSCode Terminal上执行 ui5 init命令。

然后还出了下面这个错误:

PS E:\SAP\FioriTest> ui5 初始化 ui5 :此系统上禁用脚本执行,因此文件 C:\Users\abcta\AppDat 无法加载\Roaming\npm\ui5.ps1。有关更多信息,请参阅 about_Execution_Policies “(https://go.microsoft.com/fwlink/?LinkID=135170)。 发生位置 行:1 字符:1 + UI5 初始化 + ~~~ + CategoryInfo : 安全错误: (: ) [], PSSecurityException + FullQualifiedErrorId :未经授权的访问 PS E:\SAP\FioriTest>

原因就是 Powershell 策略的问题:(是否策略问题,可以启动Powershell,通过下面命令查看)

PS C:\Windows\system32> Get-ExecutionPolicy
Restricted(受限) ※这种策略的话,是不能执行外部文件的,如上面Error所示

咱们可以在Powershell上执行下面命令重新设定策略:

PS C:\Windows\system32> Set-ExecutionPolicy RemoteSigned

这样就好了,咱们再执行一遍 ui5 init,这回就没问题了。

它的目的是生成 E:\SAP\FioriTest\ui5.yaml

3-5,ui5 use SAPUI5@latest =>更新manifest.json

在 VSCode Terminal上执行 ui5 use SAPUI5@latest 命令。

它的目的是更新E:\SAP\FioriTest\ui5.yaml 文件。

更新完之后,文件变成下面这样,好像是版本变了吧:)

3-6,手动创建 index.html 文件

创建文件 E:\SAP\FioriTest\webapp\index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>SAPUI5 Walkthrogh</title>
    </head>
    <body>
        <dir>Hello Word</dir>
    </body>
</html>

3-7,ui5 serve => 启动服务,确认结果

至此,所有环境准备完毕,启动服务器,然后查看下能否运行。

这样就可以运行起来了。

参照:

SAP Fiori 学习-搭建Vscode开发环境+helloworld_vscode fiori-CSDN博客

【PowerShell】外部ファイル実行時にポリシーエラーが発生する際の対処方法 - かえでBlog

以上就是本章的内容。

更多SAP顾问业务知识请点击下面目录链接

https://blog.csdn.net/shi_ly/category_12216766.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2114893.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

JavaScript Web API入门day7

目录 1.图片切换模块 2.鼠标经过以及离开中等盒子&#xff0c;大盒子的处理 3.黑色遮罩层的位置以及放大功能 4.放大镜的完整代码 1.图片切换模块 效果图&#xff1a; 思路分析&#xff1a; ①&#xff1a;鼠标经过小盒子&#xff0c;左侧中等盒子显示对应中等图片 获取对…

2024 年高教社杯全国大学生数学建模竞赛B题第一问详细解题思路(终版)

示例代码&#xff1a; from scipy.stats import norm# 定义参数 p0 0.10 # 标称次品率 alpha 0.05 # 95% 信度下的显著性水平 beta 0.10 # 90% 信度下的显著性水平 E 0.01 # 允许的误差范围# 计算95%信度下的样本量 Z_alpha_2 norm.ppf(1 - alpha / 2) n_95 ((Z_alp…

ICM20948 DMP代码详解(7)

接前一篇文章&#xff1a;ICM20948 DMP代码详解&#xff08;6&#xff09; 上一回讲解了EMP-App中的入口函数main()中重点关注的第2段代码的前一个函数inv_icm20948_reset_states&#xff0c;本回讲解后一个函数inv_icm20948_register_aux_compass。 为了便于理解和回顾&#…

mipi协议:多通道分配和合并

Multi-Lane Distribution and Merging: CSI-2 是一个通道可扩展的规范。对于需要比单个数据通道提供更多带宽的应用&#xff0c;或者那些希望避免高时钟频率的应用&#xff0c;可以通过增加数据通道的数量来扩展数据路径&#xff0c;从而近似线性地提高总线的峰值带宽。为了确保…

CocosCreator中使用protobuf

(前提) 工欲善其事,必先利其器. 要想在CocosCreator中使用protobuf,我们首先要安装NodeJs.安装教程可参考Node.js安装及环境配置详细教程_nodejs安装及环境配置-CSDN博客,已经很详细了.NodeJs自带npm, 我们要用npm下载protobufjs.可能你会问npm是什么? npm是NodeJs自带的包管理…

spring中添加@Test注解测试

1、添加maven依赖 <!-- 添加test方便测试--><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.13.2</version><scope>test</scope></dependency><dependency><grou…

如何将卷积神经网络(CNN)应用于医学图像分析:从分类到分割和检测的实用指南

引言 在现代医疗领域,医学图像已经成为疾病诊断和治疗规划的重要工具。医学图像的类型繁多,包括但不限于X射线、CT(计算机断层扫描)、MRI(磁共振成像)和超声图像。这些图像提供了对身体内部结构的详细视图,有助于医生在进行准确诊断和制定个性化治疗方案时获取关键的信…

如何利用评论进行有效的 ASO

如何利用评论进行有效的ASO的问题的答案通常以“正面评论”一词开始。确实&#xff0c;这句话首先浮现在脑海中。但这个问题的答案包括负面评论、用户体验、提高知名度、评分、根据评论优化应用程序以及许多其他有趣的点。这里几乎没有无聊的统计数据&#xff0c;这些数字也不会…

Qt-常用控件(3)-多元素控件、容器类控件和布局管理器

1. 多元素控件 Qt 中提供的多元素控件有: QListWidgetQListViewQTableWidgetQTableViewQTreeWidgetQTreeView xxWidget 和 xxView 之间的区别&#xff0c;以 QTableWidget 和 QTableView 为例. QTableView 是基于 MVC 设计的控件.QTableView 自身不持有数据,使用 QTableView 的…

lamp的脚本部署

l是linux,a是apache,m是mysql&#xff0c;p是php。最基本的动态网页搭建。语法后面再补几篇&#xff0c;现在先写吧。 一、环境准备 1.1、rocklinux换源&#xff0c;关掉防火墙&#xff0c;selinux&#xff0c;时间同步 #cp rocky* /a # 阿里 sed -e s|^#mirrorlist|mirro…

windows10 卸载网络驱动以及重新安装

右键桌面此电脑的图标&#xff0c;点击管理&#xff0c;设备管理器—网络适配器&#xff0c;找到下图中的驱动&#xff08;不同的系统或者显卡会导致网卡驱动名称与下图不一样&#xff0c;多为Realtek开头&#xff09;&#xff0c;右键选择卸载设备&#xff0c;然后重启电脑&am…

LabVIEW软件,如何检测连接到的设备?

在LabVIEW软件中&#xff0c;检测连接到的设备通常是通过NI提供的硬件驱动和相关工具来完成的。以下是几种常见的检测设备的方法&#xff1a; 1. 使用NI MAX&#xff08;Measurement & Automation Explorer&#xff09; 打开NI MAX&#xff1a;LabVIEW设备管理通常通过NI …

【软件文档】软件系统需求管理规程(项目管理word原件)

软件资料清单列表部分文档清单&#xff1a;工作安排任务书&#xff0c;可行性分析报告&#xff0c;立项申请审批表&#xff0c;产品需求规格说明书&#xff0c;需求调研计划&#xff0c;用户需求调查单&#xff0c;用户需求说明书&#xff0c;概要设计说明书&#xff0c;技术解…

网络学习-eNSP配置路由器

#PC1网关&#xff1a;192.168.1.254 #PC3网关&#xff1a;192.168.3.254 #PC4网关&#xff1a;192.168.4.254# 注&#xff1a;路由器接口必须配置不同网段IP地址 <Huawei>system-view Enter system view, return user view with CtrlZ. #给路由器两个接口配置IP地址 [Hua…

【Kubernetes】K8s 的安全框架和用户认证

K8s 的安全框架和用户认证 1.Kubernetes 的安全框架1.1 认证&#xff1a;Authentication1.2 鉴权&#xff1a;Authorization1.3 准入控制&#xff1a;Admission Control 2.Kubernetes 的用户认证2.1 Kubernetes 的用户认证方式2.2 配置 Kubernetes 集群使用密码认证 Kubernetes…

基于springboot+vue+uniapp的“共享书角”图书借还管理系统小程序

开发语言&#xff1a;Java框架&#xff1a;springbootuniappJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#…

天翼云存储资源盘活系统 HBlock:企业级轻量存储的革新与实战

目录 前言关于HBlock系统HBlock的核心优势番外篇&#xff1a;HBlock应用场景结束语参考文献 前言 在数字化转型的浪潮中&#xff0c;数据存储作为支撑企业业务连续性和数据安全的基石&#xff0c;企业对于存储资源的需求日益增长&#xff0c;同时也面临着成本控制和资源优化的…

常见监督学习算法学习总结。

目录 一、K临近算法 二、决策树 三、多层感知器 四、伯努利贝叶斯算法 五、高斯贝叶斯 一、K临近算法 K 临近算法&#xff08;K-Nearest Neighbors&#xff0c;简称 KNN&#xff09;是一种监督学习算法&#xff0c;用于分类和回归任务。 它通过计算样本之间的距离来进行…

前端开发中遇到的小问题以及解决方案记录2

1、H5中适配屏幕的工具-postcss-px-to-viewport postcss-px-to-viewport。因为设计稿一般给的都是375px宽度的&#xff0c;所以假如一个字体是16px&#xff0c;那么在开发中不能直接写死为16px&#xff0c;因为各个厂商的手机屏幕大小是不同的&#xff0c;所以要根据屏幕大小去…

一款支持同一个屏幕界面同时播放多个视频的视频播放软件

GridPlayer 是一款基于 VLC 的免费开源跨平台多视频同步播放工具&#xff0c;支持在一块屏幕上同时播放多个视频。其主要功能包括&#xff1a; 多视频播放&#xff1a;用户可以在一个窗口中同时播放任意数量的视频&#xff0c;数量仅受硬件性能限制。支持多种格式和流媒体&…