Ui5Strap
  • About
  • Manual
  • API
  • Code Examples
  • Demos
  • License

Table of Contents

  •   Quickstart
    •   Installation
    •   Hello World
    •   Run

Basics

  •   Project Structure
    •   File Structure
    •   Binaries
    •   Build Tools
    •   Dev Server
    •   Web App Folder
  •   Bootstrapping
    •   Index File
    •   App Icons
    •   Splash Screen
    •   Initialization
  •   Configuration
    •   Overview
    •   App Settings
    •   Developers & Licenses
    •   Environments
    •   Stylesheets
    •   Root Navigation
    •   Pages
    •   Routing
    •   Libraries
    •   Models
    •   Options
    •   Components
    •   Actions
    •   Events
    •   Scripts
  •   Layout
    •   Using Controls
    •   Composing Views
    •   Fragments
  •   Styling
    •   Themes
    •   Custom Style
    •   Style Options
  •   Binding
    •   Element Binding
    •   Property Binding
    •   Aggregation Binding
    •   Formatters
  •   Logic
    •   Controllers
    •   Events
    •   Actions

Appendix

  •   Change Log
    •   0.11.x -> 1.0.0
    •   1.0.0 -> 1.0.1

  Installation

Requirements

The following software needs to be installed on your development system:

  •   Git SCM
  •   Node.js
  •   Any text editor (e.g. Sublime Text 2 )
  •   A modern web browser (e.g. Chrome)

Install these programs if you want to create native apps for Android and IOS:

  •   Android SDK
  •   Apple XCode (only for Mac)

Download Ui5Strap

  • Download
  • Clone Repository (advanced)
  1. Download

    Download the latest version of Ui5Strap as a zip file.

  2. Extract

    Extract the containing folder ui5strap-x.x.x into your workspace directory.

  3. Rename folder

    Rename the folder ui5strap-x.x.x to something short (e.g. "myproject").


    The renamed folder is the project directory.

  1. Open Git Bash / terminal

    Open Git Bash if you are on Windows. Open the terminal if you are on Linux or OSX.

  2. Clone Ui5Strap

    Change into your workspace directory and clone Ui5Strap with the following command:

    git clone git@github.com:pks5/ui5strap.git

    This will create a new folder ui5strap within your workspace directory. We don't want to work in this directory, because it's synchronized with the official Ui5Strap git repository. That's why you should do step 3, too.

  3. Create project directory

    Create a new empty directory inside your workspace directory and give it a short name (e.g. "myproject").

    Copy the contents of the previously cloned folder ui5strap into the new directory.

Install node.js modules

Execute the shell script bin/install.sh to install the required node.js modules.


Important: Do not close the window until the installation is complete. The installation process can take several minutes depending on your internet connection.
Next: Hello World »

© 2013 - 2023 PKSoftware.de

  • Contact