SAP UI5 yong web ide 的實用

 https://tools.hana.ondemand.com/#sapui5     下載下傳 sap web  ide

安裝完全，然後打開

 http://localhost:8080/mixloginstatic/LoginWindow.html

進去，點選下圖，然後注冊登入

建立project

 檢視 index.html ，view 檔案等 資訊

view檔案下編輯 view1.xml檔案，定義一個按鈕，傳回helloPanel.json檔案的内容

<Button text="Say Hello!" press="onShowHello"/>
	<Input 
			value="{helloPanel>/recipient/name}" 
			description="Hello 
			{helloPanel>/recipient/name}" 
			valueLiveUpdate="true" width="60%"/> 
           

{  
"recipient" : { 
"name" : "你好，歡迎來到 SAP UI5" 
} 
}
           

sap.ui.define([
	"sap/ui/model/json/JSONModel",
	"sap/ui/Device"
], function(JSONModel, Device) {
	"use strict";

	return {

		createDeviceModel: function() {
			var oModel = new JSONModel(Device);
			oModel.setDefaultBindingMode("OneWay");
			return oModel;
		}

	};
});
           

sap.ui.define([
	"sap/ui/core/mvc/Controller",
	"sap/m/MessageToast"
], function(Controller,MessageToast) {
	"use strict";

	return Controller.extend("ztest.controller.View1", {
       onShowHello : function () { 
    	    MessageToast.show("Hello Boy, Welcome to this");
    	    }
	});
});
           

 到這裡，就完成了。