Hi,

This blog is the third part of the blog series “SAPUI5 project setup for beginners with HTML views”. All different parts:

Part1: Installation

Part2: Navigation and storing data with a global model – full project https://github.com/lemaiwo/SAPUI5-part1

Part3: Navigation and storing data with different models – full project https://github.com/lemaiwo/SAPUI5-part2

Part4: Testing your application

Part4: Testing your application

In the previous parts of this blog I’ve created a sapui5 application. How to test this?

There are two options:

  • Configure chrome
  • Local webserver

Last but not least there is something about caching.

Configure Chrome

The first option is to just browse to your project by using your internet explorer or chrome or …

You copy the path of your project from eclipse:

/wp-content/uploads/2013/11/pic1_324169.png

Copy the location from the properties

/wp-content/uploads/2013/11/pic2_324179.png

Paste it in your browser

Select WebContent

/wp-content/uploads/2013/11/pic3_324180.png

Select index.html

/wp-content/uploads/2013/11/pic4_324181.png

But this could give errors:

/wp-content/uploads/2013/11/pic5_324182.png

You can solve this by creating a shortcut of google chrome and add the following to the target property

–args –allow-file-access-from-files

/wp-content/uploads/2013/11/pic6_324183.png

But this did not always worked for me…

Local webserver

So another option which I mostly use is a local webserver, XAMPP: http://www.apachefriends.org/en/xampp.html

Open XAMPP Control Panel and start Apache

/wp-content/uploads/2013/11/pic7_324185.png

Then copy the project from the workspace to the XAMPP server. The link to the workspace is in the properties of the project. Copy the project and past it in C:\xampp\htdocs.

Now  the application is able to run from the localhost:

localhost/FirstSAPUI5Project/WebContent/

/wp-content/uploads/2013/11/pic8_324186.png

Caching

If you do some changes to your application, it is possible that some parts are still cached. A good way to get rid of this caching is opening your development tools in chrome by pressing F12.

In the development tools, go to settings:

/wp-content/uploads/2013/11/pic9_324187.png

Disable cache while DevTools is open:

/wp-content/uploads/2013/11/pic10_324188.png

When Dev tools is open and you refresh the application nothing will be cached. From time to time it could be required to clear cache manually. Press CTRL + SHIFT + DEL:

/wp-content/uploads/2013/11/pic11_324189.png

So you are sure that the whole cache is cleared.

Kind regards,

Wouter

To report this post you need to login first.

3 Comments

You must be Logged on to comment or reply to a post.

  1. Muthu Kannan Subramanian

    I followed part1,part2 and part3..when I run the application only the first view gets loaded..second page is not coming up..i think there is some problem with navigation part..what could be the possible error and solution?? Thanks in advance.

    (0) 
    1. Wouter Lemaire Post author

      Thanks for the feedback!

      Maybe something wrong with view names. Can you check if every view starts with the name of the folder where the views are in? (I think there is a typo in one of the blogs)

      for example: “firstsapui5project.FirstView”

      What error do you get in the console of google chrome? (open it with F12)

      You can compare with project on github.

      For part 2 : https://github.com/lemaiwo/SAPUI5-part1/

      For part3 : lemaiwo/SAPUI5-part2 · GitHub

      Kind regards,

      Wouter

      (0) 
      1. Muthu Kannan Subramanian

        Thanks Wouter.I have to create a dropdownbox and radio button using HTML views..I am using resposiveflowlayoutdata…have been trying to do so..but couldn’t find the code.Can u help me with it?

        Regards,

        Muthu

        (0) 

Leave a Reply