abap2UI5

前段时间看到汪子熙老师公众号介绍了abap2UI5的介绍,感觉很有意思,趁着周末有空也了解了一些内容。这里分享一下我查询到的资料。

目录

  • 一、安装和配置abap2UI5环境
  • 二、开发基于abap2UI5的程序
  • 三、资料文章分享

一、安装和配置abap2UI5环境

其实整个配置过程比较简单,,主要分为两步:这里我简单介绍一下
步骤1.通过abapGit安装abap2UI5,值得一提的是Abap2UI5 与所有 ABAP 版本和语言版本兼容。
BTP ABAP Environment (ABAP for Cloud)
S/4 Public Cloud ABAP Environment (ABAP for Cloud)
S/4 Private Cloud or On-Premise (ABAP for Cloud, Standard ABAP)
R/3 NetWeaver AS ABAP 7.50 or higher (Standard ABAP)
R/3 NetWeaver AS ABAP 7.02 to 7.42 (Standard ABAP) – 如果abap版本较低的使用 downport repository的版本
abap2UI5_第1张图片

大家打开Github中,点击abap2UI5-documentation这个链接
abap2UI5_第2张图片
进入之后,按照自己的系统环境选择,对应安装的节点介绍,跟着文档说明进行设置,就可以搭建系统环境了。
abap2UI5_第3张图片

步骤2.创建一个HTTP服务,用来调用abap2UI5

如下图,大家点者节点按照步骤进行操作。
abap2UI5_第4张图片
以上两个步骤完成后,执行我们创建的http服务节点,即可以使用abap2UI5的功能了。
abap2UI5_第5张图片

二、开发基于abap2UI5的程序

abap2UI5是把UI5 的示例demo全部实现了的,所以只要ctrl+V的按键正常,然后都可以直接基于这些用例做一些简单功能开发。通过abapGit安装了abap2UI5的例子之后,是可以直接点击对应的例子查看效果,并且可以直接查看源代码。如下图,点击Samples的按钮
abap2UI5_第6张图片
会跳转到详细的示例界面
abap2UI5_第7张图片
点击进入对应的demo,点击源代码按钮,可以查看对应的代码
abap2UI5_第8张图片
复制代码进入自己的类里改一改,就可以实现自己的第一个abap2UI5的程序了。
abap2UI5_第9张图片
标准的helloword为例,随便创建一个类,然后把demo代码复制进去,激活后,在浏览器执行:http://IP地址:端口/zabap2ui5?类名称=&app_start=类名称

abap2UI5_第10张图片

三、资料文章分享

首先github资料应该是最新最全的,Oblomov Dev也在SAP BLOG分享了一系列的文章,从原理到使用都有详细的介绍和阐述,大家有兴趣也可以去看看,文章地址
abap2UI5_第11张图片

你可能感兴趣的:(abap2UI5)