Changes for page Your First Project - Hello World
Last modified by Steve Peery on 2013/05/29 14:41
From version 7.1
edited by Pascal Robert
on 2011/12/27 07:05
on 2011/12/27 07:05
Change comment:
There is no comment for this version
To version 8.1
edited by Pascal Robert
on 2011/12/27 07:06
on 2011/12/27 07:06
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -34,8 +34,10 @@ 34 34 35 35 Now, let's make the "Hello World" to be dynamic. If the HelloWorld application is still running, terminate it by clicking on the square red button in the **Console** tab. 36 36 37 -In the project, open the **Sources** folder, open the **your.app.components** package and open **Main.java**. **Main.java** is the Java part of a Project Wonder component. If you check the content of the **Related** tab, you will see that **Main.java** is related to other files like **Main.wo** and **Main.api**, it's a good way to find out if a Java class is part of a component. [[image:RelatedTab.png||border="1"]]37 +In the project, open the **Sources** folder, open the **your.app.components** package and open **Main.java**. **Main.java** is the Java part of a Project Wonder component. If you check the content of the **Related** tab, you will see that **Main.java** is related to other files like **Main.wo** and **Main.api**, it's a good way to find out if a Java class is part of a component. 38 38 39 +[[image:RelatedTab.png||border="1"]] 40 + 39 39 In the **Main.java** editor tab, you will need to put one variable + one setter + one getter. Complete code: 40 40 41 41 {{code language="java" theme="Eclipse"}} ... ... @@ -52,8 +52,10 @@ 52 52 53 53 Save the file. 54 54 55 -So now we have a variable to display the content of a string. The next step is to open the HTML part of the component to actually display the string. In the **Related** view, double-click on the **Main.wo** file. This action will open the component in the Component Editor. [[image:ComponentEditor.png||border="1"]]57 +So now we have a variable to display the content of a string. The next step is to open the HTML part of the component to actually display the string. In the **Related** view, double-click on the **Main.wo** file. This action will open the component in the Component Editor. 56 56 59 +[[image:ComponentEditor.png||border="1"]] 60 + 57 57 Remove the Hello World text from the HTML and replace it with: 58 58 59 59 {{code language="java" theme="Eclipse"}}