SAP Fiori开发中的JavaScript基础知识4 - 在BAS中开发和调试JavaScript代码

最新推荐文章于 2024-05-28 11:44:38 发布
最新推荐文章于 2024-05-28 11:44:38 发布
阅读量312 收藏 7
点赞数 5
分类专栏： SAP Fiori 文章标签： javascript SAP BAS Fiori
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nkgavinguo/article/details/137071025
版权

1 背景

SAP Business Application Studio(BAS) 内置了对Node.js运行时的调试支持，可以调试JavaScript、TypeScript或任何其他被编译成JavaScript的语言。

我们在学习JavaScript的过程中，可以直接使用SAP BAS开发和调试JavaScript代码。

2 开发代码

需要开发JavaScript代码时，我们仅需在BAS的workarea中，直接创建一个后缀为.js的文件即可。
在这里插入图片描述
然后直接编码即可，SAP BAS默认直接JavaScript的代码补全，高亮等功能。
在这里插入图片描述

3 运行和调试

3.1 直接用命令行

在SAP BAS中，可以在terminal中直接使用node命令运行和调试JavaScript代码。

方式如下：
在这里插入图片描述

test.js就是你想执行的JavaScript文件 (注意要给出文件路径，也即js.local.test中JavaScript文件夹下的test.js文件）。

如果要调试JavaScript程序，可以通过F9或直接鼠标点击的方式设置断点后，再执行程序。

在这里插入图片描述
这样，就会自动停到断点的位置。
在这里插入图片描述

3.2 在Launch.json文件中添加configuration

这是SAP BAS官方文档介绍的一种方式，比较繁琐，个人不推荐使用。具体方式如下：

  1. 打开 Run and Debug视图
    在这里插入图片描述

  2. 在下拉列表中选择note.js
    在这里插入图片描述

  3. 填写配置文件
    在这里插入图片描述

  4. 执行配置
    在这里插入图片描述
    效果同node命令一样，会启动和执行test.js文件。
    在这里插入图片描述

4 调试模式

在SAP BAS中提供了两种调试模式:启动（Launch）和附加（Attach）。

调试器可以在直接在debug模式下启动程序，也可以将调试器attach到已经运行的程序。

可以通过命令面板触发attach模式:Debug: Attach to Node Process

在这里插入图片描述

5. 小结

本文介绍了如何在SAP BAS中直接开发和调试JavaScript程序。在学习JavaScript的过程中，可以直接在SAP BAS中完成JavaScript的编码练习。希望本篇博客对您有帮助！

6. 参考资料

SAP-nkGavin
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
UX100-SAP Fiori-基础.pdf
03-05
S4 HANA 中文版教材
SAP FIORI开发入门
06-10
【课程目标】打造一个简单实用的 SAP FIORI 入门开发课程，帮助广大 SAP 技术人员或者希望进入 SAP 技术领域的人打开一扇门。【课程形式】视频教程 + PDF 参考资料【学习门槛】零门槛，无需任何额外知识【作者微信】eksbobo【如何入群】使用购买课程的 ID 作为请求信息，发送到作者的微信添加好友，作者会把您拉入到这门课程的微信群中。
SAP Fiori and SAP S4HANA - Large-Scale ....zip
06-01
sap press doc 解压密码：abap_developer
SAP Fiori开发视频教程--由浅入深学习Fiori开发
06-09
SAP Fiori开发视频培训课程：SAP Fiori是SAP设计的对软件和应用的新用户体验。本课程将由浅入深，从后端到前端，从较早的Eclipse开发到现在流行的WebIDE开发，从SAPUI5到ABAP 再到CDS, 从简单的List APP到较为复杂的Fiori Element开发，系统性地讲述SAP Fiori的开发过程。学员学习本套课程后，能有如下收获1. 掌握Fiori核心功能Query以及CRUD前后端开发的基础2. 掌握CDS View的基本概念以及开发方式3. 掌握OData的开发以及测试4. 了解Fiori 开发中注解的概念，包含OData注解、CDS注解以及Local UI注解5. 掌握S4最常用报表List Report以及Overview Page的开发过程6. 掌握Fiori各类型磁贴的配置
SAP Fiori开发中的JavaScript基础知识18 - 统计字符串中字符出现的频率
SAP技术博客
04-26 239
本文通过一个示例，练习了JavaScript中的对象，函数和封装的概念，并辨析了全局变量和局部变量的使用场景。
基础Vue-基于SAP Fiori基础的组件。-Vue.js开发
05-27
SAP Fiori基础知识l基本Vue描述基本vue库是使用SAP Fiori基础知识构建的一组Vue.js组件。 SAP Fiori基础知识库是一个设计系统和HTML / CSS组件库，用于构建具有SAP外观的现代产品用户体验。 API参考有关示例和API...
SAP Fiori开发中的JavaScript基础知识17 - 用JavaScript生成斐波那契(Fibonacci)数列
SAP技术博客
04-26 208
本文介绍了斐波那契数列的特性，并通过计算和打印此数列来练习JavaScript的基础语法（数组，分支，循环）。
SAP Fiori开发中的JavaScript基础知识6 - 数组（Arrays）
SAP技术博客
03-28 571
本文介绍JavaScript中数组（Arrays）的概念和用法，并列举了数组的常用功能。
SAP Fiori开发中的JavaScript基础知识1 - 背景介绍
SAP技术博客
03-25 1034
本篇博客介绍了JavaScript语言的特性、历史以及开发运行环境。
SAP Fiori开发中的JavaScript基础知识19 - 综合练习
SAP技术博客
04-29 371
本篇博客将通过一个例子，融汇贯通了JavaScript中的基础知识点。
SAP Fiori开发中的JavaScript基础知识16 - 用JavaScript实现ABAP的内表效果
SAP技术博客
04-24 314
本文通过一个小的示例程序，展示了用JavaScript的函数和数组实现ABAP中内表的效果。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 626
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 572
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
vue 使用 export default
global_coding的博客
05-24 346
vue 使用 export default
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
2301_79969279的博客
05-24 1099
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 1157
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
js知识点汇总之let const 和 var的区别
fyw1789的博客
05-23 1526
声明的变量会先在作用域中被创建出来，但因此时还未进行词法绑定，所以是不能被访问的，如果访问就会抛出错误。因此，在这运行流程进入作用域创建变量，到变量可以被访问之间的这一段时间，就称之为暂时死区。其实上面不存在变量提升的例子中，其实也是暂时性死区，因为它有暂时性死区的概念，所以它压根就不存在变量提升了。实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。中的作用域有：全局作用域、函数作用域，命令声明变量之前，该变量都是不可用的。，导致绑定这个块级作用域，
React18+TypeScript搭建通用中后台项目实战04 封装常用工具函数
Python私教
05-25 412
此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。修改 src/api/request.ts。修改 src/page/Index.tsx。修改 src/page/Index.tsx。修改 src/page/Index.tsx。
ssm139选课排课系统的设计与开发+vue
hjjshua的博客
05-25 1112
互联网的普及，改变了人们正常的生活学习及消费习惯，而且也大大的节省了人们的时间，由于各种管理系统都再不断的增加，更方便了用户，也改良了很多的用户习惯。对于选课排课系统查询方面缺乏系统的管理方式，为提高选课排课系统效率，特开发了本选课排课系统。 选课排课系统的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很轻松明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。
sap fiori 开发步骤
08-17
SAP Fiori是一种用于开发现代化、易于使用和美观的SAP应用程序的User Experience（UX）设计原则和技术。以下是SAP Fiori开发的步骤： 1. 理解业务需求：在开始SAP Fiori开发之前，首先需要与业务团队合作，深入了解他们的需求和期望。这将帮助你确定开发的目标和范围。 2. 设计用户体验：基于业务需求，设计用户界面和用户体验。这包括使用SAP Fiori的设计原则创建简洁、直观和易于导航的应用程序。 3. 创建SAP Fiori应用程序：使用SAP Web IDE或ABAP开发工具创建SAP Fiori应用程序。这些工具提供了创建和定制应用程序所需的开发环境和工具。 4. 集成业务逻辑：在应用程序中集成业务逻辑和SAP后端系统。这涉及使用SAP Gateway或OData服务与后端系统进行集成，并确保应用程序能够正确处理和显示数据。 5. 进行测试：在部署应用程序之前，进行必要的测试和调试。这包括功能测试、用户界面测试和性能测试，以确保应用程序在不同情况下能够正常运行。 6. 部署应用程序：在SAP系统中部署SAP Fiori应用程序。这可以通过将应用程序打包为SAP Fiori Launchpad以及使用SAP Fiori Launchpad Designer来配置启动页面和导航。 7. 进行维护和优化：一旦应用程序部署，需要进行持续的维护和优化。这包括修复错误、添加新功能和优化性能，以确保应用程序始终提供最佳的用户体验。 总结来说，SAP Fiori开发步骤包括理解业务需求、设计用户体验、创建应用程序、集成业务逻辑、测试、部署和维护。这些步骤将帮助开发人员通过遵循SAP Fiori的设计原则和使用相关开发工具来创建现代化的SAP应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SAP-nkGavin

给作者赏杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值