Giter Club home page Giter Club logo

sap-ui5-walkthrough's Introduction

SAP UI5 YouTube Course/ Tutorial

SAP UI5 walkthrough

Learn SAP UI5 with this walkthrough repository to be used with the full Youtube course/tutorial found here.

You can find each step from the repository linked with a timestamp in the video description. Feel free to start at any point and download the code from the relevant commit depending on which step you want here.

sap-ui5-walkthrough's People

Contributors

brandoncaulfield avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sap-ui5-walkthrough's Issues

Cannot get Step 10 working

Making the code changes for Step 10 results in numerous errors. I have spent many hours trying everything I can to make it work. All 'case' occurrences seem to be correct and the code matches the reference material. The errors I get back seem to imply that it cannot load my component.js file. However the 'source' of that file seems to be https://openui5.hana.ondemand.com/resources/learnsap/Component.js which I do not understand. Does this imply that my local code is somehow uploaded to the openui5 server and then run thru on the back-end? If not, why would the 'prefix' of the url be that way?

My project is: learnsap/webapp/ (rather than sap.ui.demo.walkthru/webapp/). If I revert the code back to step 9, it works great. Here are the errors I get back:
Access to XMLHttpRequest at 'https://openui5.hana.ondemand.com/resources/learnsap/manifest.json?sap-language=EN' from origin 'http://localhost:8082' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. GET https://openui5.hana.ondemand.com/resources/learnsap/manifest.json?sap-language=EN net::ERR_FAILED 404 GET https://openui5.hana.ondemand.com/resources/learnsap/Component-preload.js net::ERR_ABORTED 404 (Not Found) GET https://openui5.hana.ondemand.com/resources/learnsap/Component-preload.js net::ERR_ABORTED 404 (Not Found) 2022-09-12 18:06:54.922899 failed to load JavaScript resource: learnsap/Component-preload.js - sap.ui.ModuleSystem GET https://openui5.hana.ondemand.com/resources/learnsap/Component.js net::ERR_ABORTED 404 (Not Found) GET https://openui5.hana.ondemand.com/resources/learnsap/Component.js net::ERR_ABORTED 404 (Not Found) 2022-09-12 18:06:55.662500 failed to load JavaScript resource: learnsap/Component.js - sap.ui.ModuleSystem 2022-09-12 18:06:55.663300 Failed to load component for container container - ModuleError: failed to load 'learnsap/Component.js' from https://openui5.hana.ondemand.com/resources/learnsap/Component.js: script load error ModuleError: failed to load 'learnsap/Component.js' from https://openui5.hana.ondemand.com/resources/learnsap/Component.js: script load error at se (https://openui5.hana.ondemand.com/resources/sap-ui-core.js:10:7148) at ne.failWith (https://openui5.hana.ondemand.com/resources/sap-ui-core.js:10:4989) at HTMLScriptElement.i (https://openui5.hana.ondemand.com/resources/sap-ui-core.js:10:10946) Caused by: Error: script load error at HTMLScriptElement.i (https://openui5.hana.ondemand.com/resources/sap-ui-core.js:10:10988)

My files are in the same places as your files. They are named the same. They have the same content. That said, here are the important bits of the three main files. First index.html:

<head>
	<meta charset="utf-8">
	<script	
		id="sap-ui-bootstrap"
		src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
		data-sap-ui-theme="sap_belize"
		data-sap-ui-libs="sap.m"
		data-sap-ui-compatVersion="edge"
		data-sap-ui-async="true"		
		data-sap-ui-oninit="module:sap/ui/core/ComponentSupport"
		data-sap-ui-resourceroots='{"learnsap.webapp": "./"}'>	
	</script>
	<title>SAPUI5 WalkthroughX</title>
</head>
<body id="content" class="sapUiBody">
	<div data-sap-ui-component data-name="learnsap" data-id="container" data-settings='{"id":"app"}'></div>
</body>

Then component.js:

function(UIComponent,JSONModel,ResourceModel) { "use strict"; return UIComponent.extend("learnsap.Component",{ metadata: { manifest : "json"

And manifest.json:

"sap.ui5": { "_version": "1.1.0", "rootView" : { "viewName" : "learnsap.view.App", "type" : "XML", "async" : true, "id" : "app" },

I am new to the SAP universe. I have done extensive JS coding with Vue.js, jQuery, Bootstrap, and 'plain'. I simply do not know how to fix this so that I can code the rest of the course (I have watched it fully).

Thank you in advance...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.