Frans de Boer

Make a few changes

We ontkomen er als programmeurs niet aan om toch code te gaan schrijven. Het was natuurlijk wel erg makkelijk dat er een complete web-app in je browser verscheen zonder dat je ook maar een regel code hebt getypt

De code, natuurlijk in het beruchte Java geschreven is te vinden in Eclipse. Omdat lenen makkelijker is dan zelf maken heb ik een mooi screenshot van Google geleend van hoe de code in Eclipse te vinden is.

De mappenstructuur in Eclipse

HIerin zie je waar je code te vinden is. Dubbelklik op het bestand MyWebApp.java om het te openen.

We krijgen nu een hele lap code te zien. 153 regels om precies te zijn. Waarvan de laatste regel een wit-regel is. Dus dat scheelt alweer!

Rocket sience

En dan nu met de echte rocket sience verder. We gaan wat aanpassen. Ik zal het maar verklappen, we gaan de tekst aanpassen die wij op ons scherm in de browser zien. Ergens rond regel 40 vindt je de volgende regel code:

final Button sendButton = new Button(“Send”);

Dit is wat de ‘Send’-button bouwt. Hoe dat precies gaat hebben we voor nu even niks mee te maken. Daarvoor gebruiken we het framework van Google! We gaan later wel eens kijken wat die precies uitvoert. We willen later zelf immers ook widgets kunnen maken die we op dezelfde manier kunnen gebruiken.

Verander het woord “Send” en save the changes!

Ga terug naar je browser, en ververs de pagina. Afhankelijk van je browser kan de plugin soms erg langzaam zijn.

Error’s & problemen

Als je de url niet ziet staan aan de rechterkant in Eclipse, of je browser zegt dat je GWT disconnected is, dan heb je Eclipse waarschijnlijk al een keer afgesloten sinds de vorige blogpost. Je Eclipse-server draait op dit moment niet, en je zal deze moeten starten. Gelukkig is dit simpeler dan een auto aanslingeren. Boven in het Eclipse-venster staan wat kleine icoontjes. Hier is ook een groen rondje, met een wit driehoekje erin. Een play-knop. Als je daarop klikt zal Eclipse vragen of je het als een web-app wil runnen, of op een externe server wil runnen. We kiezen voor de bovenste optie (Dus niet de externe server).

Je hebt je applicatie aangepast! Experimenteer er gerust nog even mee.