使用 SAP Business Application Studio 开发 Vue 应用-阿里云开发者社区

开发者社区> 开发者小助手-bz3> 正文

使用 SAP Business Application Studio 开发 Vue 应用

简介: 这是 Jerry 2021 年的第 49 篇文章,也是汪子熙公众号总共第 326 篇原创文章。
+关注继续查看

Jerry 2020年曾经在 SAP 全球技术大会上,给大家分享过,SAP Commerce Cloud 新一代基于 SAP Spartacus 项目的 Storefront.这个开源项目使用到的前端框架是 Angular.

image.pngimage.png

image.png

Vue Storefront 的例子表明,时至今日,前端开发生态圈,始终是 React,Angular 和 Vue,三国争霸,三足鼎立的局面。


回到本文的主题,Jerry 之前的文章提到,同之前 SAP 云平台 Neo 环境上传统的 Full Stack WebIDE 相比,SAP Business Application Studio 是 SAP Business Technology Platform 上的云应用开发工具,在开发全栈应用时,支持的前端技术并不局限于 SAP UI5 ,而是包括 Vue.js, React 在内的众多 HTML5 前端开发技术。


SAP Business Application Studio 具有一个开放的架构,支持安装各种 Extensions,因而能够从容适配云时代不断涌现的各种新技术。


我们一起来看看 SAP Business Application Studio 对 Vue 开发的支持程度。


打开 Business Application Studio,创建一个新的 Dev Space,类型为 Basic,选择下列三个 SAP Extensions:


HTML5 Runner

HTML5 Application Template

MTA Tools

image.png

希望本文能够帮助大家了解使用 SAP Business Application Studio 开发基于非 SAP UI5 框架的其他 HTML5 应用的基本流程。


您也许会对这些开发也感兴趣:


用 React 开发 SAP Fiori 应用


SAP Fiori + Vue = ?


如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧


介绍一个能开发简单 SAP UI5 应用的在线 IDE:StackBlitz

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
07.Android Studio下Ndk开发(使用fmod播放声音)
(创建于2017/12/28) 已实现 注意几点: 1.main下cpp文件夹放置c文件和相关头文件 2.main下JniLibs文件夹放置第三方so文件 3.
1092 0
【Android NDK 开发】Android Studio 使用 CMake 导入动态库 ( 构建脚本路径配置 | 指定动态库查找路径 | 链接动态库 )(一)
【Android NDK 开发】Android Studio 使用 CMake 导入动态库 ( 构建脚本路径配置 | 指定动态库查找路径 | 链接动态库 )(一)
5 0
如何使用Visual Studio Code调试PHP CLI应用和Web应用
在按照Jerry的公众号文章 什么?在SAP中国研究院里还需要会PHP开发? 进行XDebug在本地的配置之后,如果想使用Visual Studio Code而不是Eclipse来调试PHP应用,步骤也比较简单。
1075 0
Android Studio 开发常用快捷键
常用的 Android Studio 快捷键: Ctrl+N:查找类 Ctrl+Shift+N:查找文件 Ctrl+Alt+L :格式化代码 Ctrl+Alt+O:优化导入的类和包 Ctrl+/:注释代码 格式://代码块 Ctrl+Shift+/:注释多行代码 格式:/*代码块*/ Ctrl+Alt+Space(空格):自动补全代码 C
7240 0
前端开发:Vue封装一个公用的的Submit方法
最近新学Vue,后台开发中经常用到提交,索性把提交功能给做成全局方法,下面为封装的代码。 //封装默认提交方法 Vue.prototype.mySubmit = function (options) { var that = this; //避免this指向被改变 var url = options.
2757 0
使用JSF和JSR168开发AJAX应用程序
使用JSF和JSR168开发AJAX应用程序
566 0
Vue 2.0 开发流程 (全)
该文章用 vue2.0 全家桶详细的介绍了一个项目的整个流程 新手可以跟着做一遍 有不对的地方请指出, 谢谢 本项目以 饿了么APP 为例 更多技术文章请关注微博: 小贤笔记-简书 推荐阅读 Vue API Vue 风格指南 课程介绍 实战...
1814 0
1527
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载