Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Follow the instructions here, The WOLips Installation Tutorial, to install WOLips on your machine. Although many people, including myself can't seem to do without the "Wonder"ful features of Project Wonder, for the purposes of this tutorial, it is not necessary.
  2. Open the WoLips perspective.
  3. From the File menu, select New WebObjects Application.
  4. The New WebObjects Project Wizard is displayed. Enter a name for your project such as MyFirstApp. Then click Next. !NewWebObjectsProjectPage1!

Figure 1-1 The New WebObjects Project Assistant

Image Added

  1. Change only the word "your" in the Application screen to myfirstapp. I think you can change it to whatever you want, or just keep it "your," but I like to put in the actual Application name. In the rest of this tutorial I will refer to the packages as your.app and your.app.component. Click Finish.

Figure 1-2 The New WebObjects Project Assistant

Image Added

In the left pane entitled WO Package Explorer, you will see a folder icon with your applications name. Click on the triangle next to your application's folder to see the organization of your project.

 Figure 1-3 The WOLips Perspective in Eclipse

Image Added

  • Sources
    This group contains initially contains two packages your.app and your.app.components. The your.app package contains .java files for the Application, Session, and DirectAction classes. You can customize your application by putting your own code in these files. You can also add other classes to your project. The your.app.components package contains the .java for the Main component that was automatically generated. Component classes are used to define the behavior of each component.
  • WebObjects Frameworks and JRE System Library
    This group contain references to the Frameworks and Libraries necessary to run WebObjects applications. Every WebObjects application depends on at least the JavaWebObjects framework, which contains the essential code behind WebObjects. Later, we will show you how to add other Frameworks to your project for more functionality.

...

Well "Hello World" is about as boring a web page as one can make. So feel free to change it. In your project's Components window, you can edit the HTML of your component by double-clicking the component itself or it's related HTML file.

Figure 1-4
Image Added
 

You can even change the default editor that Eclipse uses the edit your HTML file so you can instead use the Aptana's editor if you plan on adding a lot of Javascript or and external editor such as the brilliant TextMate. In this tutorial, we will stick to the WOLips default editor so that we have instant access to the WOD file.

Let's Make It Dyanamic

Well, there are certainly easier ways of making static web pages and using WebObjects for that purpose would defeat the purpose of developing using WebObjects. So let's start to learn how to make our pages a little more dynamic.

...