Netbeans/C2/Developing-a-Sample-Web-Application/English
Resources for "Developing Web Applications on Netbeans"
|
|
Show Slide number 1 | Hi everybody.
|
Slide 2
Introduction |
If this is the first time you are using the Netbeans IDE,
|
Slide 3
System Setup |
For this demonstration I am using the Linux Operating System Ubuntu v11.04 and Netbeans IDE v7.0.1 |
Slide 4, Slide 5
Lesson Outline |
This tutorial will take you through the basics of using Netbeans IDE to develop web applications.
|
Slide 6
Requirements |
To follow this tutorial, you will need
All the above can be downloaded in a single bundle from the following link
|
Slide 7, Slide 8
Lesson |
It demonstrates how to create a simple web application,
and view its presentation in a browser.
|
Switch to Netbeans window | Setting Up a Web Application Project
click on Finish to create the project.
|
Creating and Editing Web Application Source Files
| |
Continuing in the Netbeans window
Refactoring
|
Generating Getter and Setter Methods
|
Editing the Default JavaServer Pages File
Click OK.
Click OK.
Click OK.
then change the default Hello World! text between the <h1> tags to Entry Form.
| |
Continuing in Netbeans Window
Java Beans
|
Creating a JavaServer Pages File
In the Palette to the right of the Source Editor,
tag in the Source Editor.
Click OK.
<jsp:setProperty name="mybean" property="name" /> Insert Hello in between the <h1> tags, ie <h1>Hello, !</h1>
Specify the following values:
Click OK. Notice that <jsp:getProperty> tag is now added between the <h1> tags.
Right-click within the Source Editor and choose Format to tidy the format of your code. The <body> tags of the response.jsp file should now look like this (show response.jsp). |
Running a Web Application Project
In the Projects window, right-click the HelloWeb project node and choose Run.
| |
Switch to browser | The index.jsp page opens in your default browser.
|
Slide 12
Assignment |
As an extension to the web application project, insert two more text fields that is totally three input text fields
|
Slide 13, Slide 14
About the Spoken Tutorial Project |
The video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial summarizes the spoken tutorial project.
|
Slide 15, Slide 16
Acknowledgement |
Spoken Tutorial project is a part of the Talk to a Teacher Project.
|
Slide 17
Thank You |
This is Sindhu Ghanti, from IT for Change signing off.
|