JSP.tut2 – Submit Dengan Session

October 19, 2009 at 5:38 pm | Posted in JSP - Netbeans Web | 1 Comment

Pertama-tama membuat kelas di dalam packag caranya klik Source Packages lalu klik kanan pada default packages pilih New – Java Package dan kasih nama package “submit” kemudian klik kanan pada package tersebut new – Java Class.

jsp 2.1

lalu beri nama file class nya submit. Isi nya seperti ini :
Code :
public class submit {
private String name;
public submit() {
name = null;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}

Tarik (drag and drop) HTML form pada palette ke bagian body code.

Gambar 2.2

Gambar 2.2

Drag and drop Text Input ke dalam form yang kita biat tadi. Lalu isi :
Name : name
Type : Text

Gambar 2.3

Gambar 2.3

Terakhir Drag and Drop untuk Button nya ke dalam form juga disamping kanan texp input (secara visualnya). Lalu isikan :
Label : Submit
Type : Submit

Gambar 2.4

Gambar 2.4

Kira-kira kode jadinya seperti ini :
Code :

<body>
<form action=”submitPage.jsp”><input type=”text” name=”name” />
<input type=”submit” value=”Submit” /></form>
</body>

Kemudian membuat page JSP baru yang digunakann untuk page tujuan setelah disubmit. Caranya klik kanan pada Web Pages – New – JSP. Beri nama “submitPage” lalu klik finish.

Gambar 2.5

Gambar 2.5

Ganti tulisan default (“Hello world”) dengan “Selamat datang “.
Drag and drop Use Bean diatas h1/h2. Kemudian isikan :
ID : mybean
Class : submit.submit
Scope : session

Gambar 2.6

Gambar 2.6

Kemudian Drag and Drop juga untuk Set Bean Property dan letakkan disamping use bean tadi. Isikan :
Bean Name : mybean
Property Name : name

Gambar 2.7

Gambar 2.7

Yang terakhir drag and drop untuk Get Bean Property dan sisipkan disebelah kanan tulisan “Selamat Datang “. Isikan :
Nama : mybeans
Property : name

Gambar 2.8

Gambar 2.8

Source code nya setelah jadi kira-kira seperti ini :
Code :
<body>
<jsp:useBean id=”mybean” scope=”session” />
<jsp:setProperty name=”mybean” property=”name” />
<h1>Selamat Datang <jsp:getProperty name=”mybean” property=”name” /></h1>
</body>

Maka hasilnya nanti seperti ini :

Gambar 2.9

Gambar 2.9

1 Comment »

RSS feed for comments on this post. TrackBack URI

  1. untuk HTML basic tidak saya ajarkan lebih detail disini….^_^


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.

Follow

Get every new post delivered to your Inbox.