Membuat Halaman jsp di Java dengan Eclipse

Oleh : Reza Ervani

بسم الله الرحمن الرحيم

Setelah kita belajar bagaimana membuat Servlet di Eclipse, kini kita akan lanjutkan dengan membuat file JSP.

Membuat file JSP di Eclipse sangat mudah.

Pada program yang kita buat sebelumnya, kita klik kanan di Direktori Web Content :

Screenshot from 2014-04-24 07:30:48

Jendela berikutnya akan tampak seperti pada gambar berikut ini :

Screenshot from 2014-04-24 07:34:46File jsp yang akan kita buat akan kita namakan form.jsp sebagaimana tampak diatas. Klik Next maka akan muncul jendela berikutnya :

Screenshot from 2014-04-24 07:35:07

Klik Finish, maka kita akan dapatkan Eclipse menampilkan jendela yang berisikan kode file jsp yang kita buat :

Screenshot from 2014-04-24 07:35:22

Kodenya tampak seperti berikut :

[code language=”java”]
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>
[/code]

Kita akan membuat sebuah contoh login form sederhana dengan file jsp ini. Sama seperti html, kode jsp untuk form akan terlihat seperti berikut :

[code language=”html”]

<form name="formlogin" action="login" method="post">
Username : <input name="username" type="text"><br />
Password : <input name="password" type="password"><br />
<input type="submit" value="login">

</form>
[/code]

Jika kita jalankan di Tomcat maka tampilan formnya akan tampak seperti berikut :

Screenshot from 2014-04-24 08:02:53Mudah bukan, dalam bahasan selanjutnya kita akan membuat program sederhana agar form ini bekerja.

Semoga bermanfaat

 

About Reza Ervani 426 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.