https://github.com/vaibhavmojidra/sap-ui5---demo-using-builtin-ui-modules

UI modules in SAPUI5 typically refer to reusable components or libraries that developers can use to build the user interface of their applications. These modules are essential building blocks for creating consistent, visually appealing, and interactive user interfaces.
https://github.com/vaibhavmojidra/sap-ui5---demo-using-builtin-ui-modules

fiori javascript mojidra sap ui5 vaibhav vaibhav-mojidra vaibhavmojidra

Last synced: 15 days ago
JSON representation

UI modules in SAPUI5 typically refer to reusable components or libraries that developers can use to build the user interface of their applications. These modules are essential building blocks for creating consistent, visually appealing, and interactive user interfaces.

• Host: GitHub
• URL: https://github.com/vaibhavmojidra/sap-ui5---demo-using-builtin-ui-modules
• Owner: VaibhavMojidra
• License: mit
• Created: 2023-10-15T18:41:24.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-15T18:53:44.000Z (about 1 year ago)
• Last Synced: 2023-10-16T17:39:10.679Z (about 1 year ago)
• Topics: fiori, javascript, mojidra, sap, ui5, vaibhav, vaibhav-mojidra, vaibhavmojidra
• Language: JavaScript
• Homepage: https://vaibhavmojidra.github.io/site/
• Size: 64.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SAP UI5 Demo Using BuiltIn UI Modules

UI modules in SAPUI5 typically refer to reusable components or libraries that developers can use to build the user interface of their applications. These modules are essential building blocks for creating consistent, visually appealing, and interactive user interfaces.

---

### Code Explaination:

Refer to [/webapp/controller/App.controller.js](https://github.com/VaibhavMojidra/SAP-UI5---Demo-Using-BuiltIn-UI-Modules/blob/master/webapp/controller/App.controller.js "App.controller.js")

`sap.ui.define`: This is the method used to define a module in SAPUI5. It takes two arguments: an array of dependencies and a function.

Dependencies: The array `["sap/ui/core/mvc/Controller", "sap/m/MessageToast"]` lists the modules that this module depends on. These modules are loaded before the function is executed.

Function: The function `function(Controller, MessageToast)` is executed after all dependencies are loaded. The loaded modules are passed as arguments to this function in the same order as they were listed in the array.

Controller Definition: Inside the function, a controller is defined using Controller.extend. The first argument `"com.vaibhavmojidra.modulesDemo.App"` is the name of the new controller.

Controller Methods: Inside the controller definition, a method `showToast` is defined. This method shows a toast message when called.

So, when the `showToast` method of the controller `"com.vaibhavmojidra.modulesDemo.App"` is called, it will display a toast message saying “Hello…!!! Vaibhav Mojidra This is a Toast Message.”.

---

[![Vaibhav Mojidra - 1.jpeg](https://raw.githubusercontent.com/VaibhavMojidra/SAP-UI5---Demo-Using-BuiltIn-UI-Modules/master/screenshots/1.jpeg "Vaibhav Mojidra")](https://vaibhavmojidra.github.io/site/)

[![Vaibhav Mojidra - 2.jpeg](https://raw.githubusercontent.com/VaibhavMojidra/SAP-UI5---Demo-Using-BuiltIn-UI-Modules/master/screenshots/2.jpeg "Vaibhav Mojidra")](https://vaibhavmojidra.github.io/site/)