Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Vaadi application - page source

Nazar Medeiros
5 years ago Oct 03, 2016 10:04am

Hello everyone,

I built a small vaadin application. There is something which I don't understand. When I use different components like Labels or Buttons, they are not visible in the page source. Also when I load data from my MySql database and display them in the UI, this has no effect to the content-length of my site. I always get the following page source

<!doctype html>

<html>

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=11;chrome=1">

  <style type="text/css">html, body {height:100%;margin:0;}</style>

  <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="./VAADIN/themes/mytheme/favicon.ico">

  <link rel="icon" type="image/vnd.microsoft.icon" href="./VAADIN/themes/mytheme/favicon.ico">

 </head>

 <body scroll="auto" class="v-generated-body">

  <div id="ROOT-2521314" class="v-app mytheme myui">

   <div class="v-app-loading"></div>

   <noscript>

    You have to enable javascript in your browser to use an application built with Vaadin.

   </noscript>

  </div>

  <script type="text/javascript" src="./VAADIN/vaadinBootstrap.js?v=7.7.3"></script>

  <script type="text/javascript">//<![CDATA[

if (!window.vaadin) alert("Failed to load the bootstrap javascript: ./VAADIN/vaadinBootstrap.js?v=7.7.3");

if (typeof window.__gwtStatsEvent != 'function') {

vaadin.gwtStatsEvents = [];

window.__gwtStatsEvent = function(event) {vaadin.gwtStatsEvents.push(event); return true;};

}

vaadin.initApplication("ROOT-2521314",{

    "theme": "mytheme",

    "versionInfo": {

        "vaadinVersion": "7.7.3",

        "atmosphereVersion": "2.2.9.vaadin2"

    },

    "widgetset": "com.vaadin.DefaultWidgetSet",

    "widgetsetReady": true,

    "comErrMsg": {

        "caption": "Communication problem",

        "message": "Take note of any unsaved data, and <u>click here</u> or press ESC to continue.",

        "url": null

    },

    "authErrMsg": {

        "caption": "Authentication problem",

        "message": "Take note of any unsaved data, and <u>click here</u> or press ESC to continue.",

        "url": null

    },

    "sessExpMsg": {

        "caption": "Session Expired",

        "message": "Take note of any unsaved data, and <u>click here</u> or press ESC key to continue.",

        "url": null

    },

    "vaadinDir": "./VAADIN/",

    "debug": true,

    "standalone": true,

    "heartbeatInterval": 300,

    "serviceUrl": "."

});

I need to send HTTP requests to get the content-length. But in this situation it is always the same. Is there a way to change this page source or this the usual way? In case I can edit something, where do I have to do this? In some .xml files? 
Please help!

Best regards,
Nazar Medeiros

Tobias Demuth
5 years ago Oct 03, 2016 12:35pm

The "View source"-functionality of the browser just shows you the initial page-source as received from the server. In Vaadin-application some serious javascript-mangling of that source occurs prior to displaying anything. You should try Chrome DevTools or Firefox Firebug, which will give you a live-view on the DOM. There you will also see all modifications that got done by javascript.

Nazar Medeiros
5 years ago Oct 03, 2016 12:50pm

Ok.. so when I understood this correcty, it is the usual way that the initial page-source appears? Is there a way to change this? I ask because I have a problem: I have a java program which sends HTTP-requests with a payload to my site. Now.. how do I get the "actual" content with the Labels and Button etc. instead of the initial page?

You recommend me to use Firefox Firebug or Chrome Dev Tools but how can I change my java HTTP-requests in a way that all modifications can be displayed?

Please help!
Best regards,
Nazar Medeiros

Olli Tietäväinen
5 years ago Oct 04, 2016 6:30am

Hi,

If I'm reading you correctly, at the very least, you'll need something that can run JavaScript. Something like a headless browser might do the trick, but really it sounds like a pretty complicated scenario.

-Olli

Tobias Demuth
5 years ago Oct 04, 2016 2:55pm

Looks like a broken architecture for me. You should not need to interact with the UI if you want another program to send data into your app. Think about establishing a SOAP-/REST-interface for your business-logic on the server-side.

+3
Nazar Medeiros
5 years ago Oct 06, 2016 12:49pm

Tobias Demuth: Looks like a broken architecture for me. You should not need to interact with the UI if you want another program to send data into your app. Think about establishing a SOAP-/REST-interface for your business-logic on the server-side.

I guess this is correct. Thank you!