醉逍遥

发表文章数:49

热门标签

首页 » 软件中心 » 正文

UI5-Eclipse开发工具及环境搭建

最近研究SAP-UI5好几个月了,将相关学习经历及问题点做个记录。

1.先了解学习资料相关站点

SAP官网:https://www.sap.com/china/index.html

SAP开发工具:https://tools.hana.ondemand.com/#sapui5

UI5 Documentation:https://openui5.hana.ondemand.com/#/topic

SAP Web IDE:https://developers.sap.com/china/topics/sap-webide.html

SAP Cloud Platform Cockpit:https://account.ap1.hana.ondemand.com/#/home/welcome

SAP Help Protal:https://help.sap.com/viewer/cca91383641e40ffbe03bdc78f00f681/Cloud/en-US/db9170a7d97610148537d5a84bf79ba2.html

UI5-ICON 图标:https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons

菜鸟教程:http://www.runoob.com/

SAP Cloud Connector:https://localhost:8443/

感谢以下博主分享:

UI5开发实例:https://blog.csdn.net/stone0823/article/category/6650292/2

SAP Fiori配置指南:https://wenku.baidu.com/view/956c92efed3a87c24028915f804d2b160b4e869d.html

安装WEB IDE:http://www.360doc.com/content/18/0422/12/46441752_747763188.shtml

SAP访问跨域:https://help.sap.com/viewer/cca91383641e40ffbe03bdc78f00f681/Cloud/en-US/db9170a7d97610148537d5a84bf79ba2.html

2.SAPUI5开发环境搭建

开发工具:https://tools.hana.ondemand.com

Eclipse 中搭建开发环境包括:

  • Java JDK 下载和安装
  • Eclipse Java EE 下载和安装
  • Java Web Server 安装
  • Eclipse 中添加 Web Server
  • 安装 SAP Development Tools for Eclipse

  2.1JAVA JDK下载与安装

下载Java JDk并配置环境变量,安装完成使用 java -version 测试是否安装成功。

配置 JAVA_HOME和 PATH 环境变量

JAVA HOME: C:\Program Files (x86)\Java\jdk1.8.0_65

PATH: %JAVA_HOME%;%JRE_HOME%

  

  2.2Eclipse Java EE下载及安装

  对于Eclipse Photon(4.8),请使用https://tools.hana.ondemand.com/photon

对于Eclipse Oxygen(4.7),请使用https://tools.hana.ondemand.com/oxygen

Tab Tool Available for Eclipse
Oxygen Photon
ABAP ABAP Development Tools
BW Modeling Tools for SAP BW/4HANA and SAP BW powered by SAP HANA
Cloud SAP Cloud Platform Tools

Latest SDK downloads:

Cloud Integration SAP Cloud Platform Integration Tools
HANA SAP HANA Tools
IdM SAP Identity Management Configuration Lifecycle Tools
Mobile SAP Mobile Tools
SAPUI5 UI Development Toolkit for HTML5


2.3Java Web Server 安装  

需要一个 Java Web Server 用于部署和运行应用。最常见的有 Tomcat。Tomcat 版本要与 Eclipse 版本匹配,最新版本可以能不被支持。在Apache 官网下载后,解压到指定的目录。你可以到 Tomcat 的 bin 目录下执行 startup.bat 批处理文件启动服务器。

 

  2.4Eclipse 中添加 Web Server

  打开 Eclipse,选择 File –> New –> Other,然后选择 Server,在接下来的窗口中选择(你自己的版本)Apache Tomcat,确定 Tomcat 的路径,完毕。

  2.5安装 SAP Development Tools for Eclipse

开打 Eclipse 菜单 Help –> Install New Software,点击 Add 来添加连接。你可以自己到 https://tools.hana.ondemand.com/ 上看看目前支持的 Eclipse 版本信息和插件信息。比如我的 Eclipse 版本为是 Mars,因此添加连接 https://tools.hana.ondemand.com/mars,选择插件进行安装:

SAPUI5-Eclipse开发工具及环境搭建

安装插件后需要重启 Eclipse,环境搭建完毕。
OpenUI5 Hello World
Eclipse 中,通过菜单 File -> New -> Other,在下面的界面中,选中 SAPUI5 Application Development 文件夹下 Application Project
SAPUI5-Eclipse开发工具及环境搭建
点击 Next, Project name 输入 zsapui5_hello,Library 选择 sap.m,去掉 Create an initial View 前面的勾,然后点击 Finish。
sap.ui.commons 和 sap.m 是两个不同的 UI 库,但现在因为跨平台的原因,sap.ui.commons 中控件基本都被标记为 deprecated,所以我们直接选择 sap.m。
View 代表 MVC 开发模型中的视图 (View),第一个例子,为了简单,我们先不考虑 MVC 模式。
SAPUI5-Eclipse开发工具及环境搭建
在 Eclipse 项目文件中,找到并选中 index.html,运行程序,Eclipse 会自动启动 Tomcat。打开浏览器,输入 http://localhost:8080, 出现天蓝色背景,表示 Hello world 运行成功。这一篇主要说明环境搭建,对代码不做说明。

标签:

未经允许不得转载:作者:醉逍遥, 转载或复制请以 超链接形式 并注明出处 SapiShare
原文地址:《SAPUI5-Eclipse开发工具及环境搭建》 发布于2019-10-14

分享到:
赞(0) 生成海报

评论 1

评论前必须登录!

  注册

  1. #1

    很方便

    醉逍遥10个月前 (11-25)

长按图片转发给朋友

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册