Membuat Program Input dan Output dengan JSP dan Servlet
Selamat siang teman – teman :) . Pada kesempatan posting kali ini saya akan memberikan tutorial pemrograman Java Web.Disini saya menggunakan JSP (Java Server Page) dan Servlet.JSP saya gunakan untuk membuat tampilan webnya sedangkan Servlet digunakan untuk prosesnya.Selain itu dibutuhkan juga Apache Tomcat.Apache Tomcat berfungsi untuk menjalankan servlet saat ada request dari client.Di Tutorial ini saya menggunakan Eclipse Juno.
Ok,langsung saja kita mulai membuat programnya.
Pertama jalankan Eclipse,kemudian pilih menu File–>New Project–>Web–>Dynamic Web Project.
Jika sudah Klik Next.
Pada menu berikutnya berikan nama projectnya.Contohnya :
Project Name : cobaWeb
Target runtime digunakan untuk memilih web server yang akan digunakan.Pada Tutorial ini saya menggunakan Apache Tomcat 6.Jika di menu pilihan belum tersedia,maka anda diharuskan menambahkannya terlebih dahulu.Untuk menambahkan web server yang akan digunakan pilih New Runtime.
Untuk melanjutkan klik Next–>Next–>Finish.
Jika berhasil anda akan mendapatkan tampilan seperti ini di Project Explorer
Nah disini kita akan membuat dua komponen,yang pertama adalah file jsp yang kedua file servlet.
Untuk JSP kita beri nama index.jsp dan servlet kita beri nama output.
Jadi user akan menginput data di halaman index.jsp berupa nama dan nama panggilan.Kemudian halaman tersebut dikirim dan diproses servlet,kemudian servlet akan menampilkan kembali data yang diinput oleh user.Nah,sekarang kita buat dulu index.jsp nya.
Klik kanan cobaWeb–>New–>Other–>Web–>JSP File
Untuk melanjutkan klik Next.
Pada menu JSP File ubah nama NewFile.jsp menjadi index.jsp.Dan simpan pada folder WebContent.
Kalau sudah klik Finish.Setelah itu anda akan mendapatkan hasil seperti ini
Nah untuk membuat tampilan JSP nya rubah syntaxnya menjadi seperti ini
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <%@ 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><form action ="" method="POST">Nama : <input type="text" name="nama" size="25"><br>Nama Panggilan : <input type="text" name="namapanggilan" size="25"><br><br><input type="submit" value="Submit"></form></body></html> |
Agar dapat berjalan,kita harus hidupkan dulu web servernya.Pertama buka tabServers kemudian klik tombol Start the Server.
Nah,sekarang waktunya untuk menjalankannya.Klik Run.Berikut ini tampilannya kalau berhasil
Program tadi hanya berupa tampilan,kalau kita klik Submit belum ada outputnya.Nah,sekarang kita buat outputnya.Untuk proses membuat output kita gunakan servlet.
Klik kanan cobaWeb–>New–>Servlet.Kemudian isikan
Java Package : org.latihan.web
Class Name : Output
Klik Next–>Next–Finish.Berikut ini tampilannya
Nah sekarang ubah code di index.jsp menjadi seperti ini
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <%@ 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><form action ="Output" method="POST">Nama : <input type="text" name="nama" size="25"><br>Nama Panggilan : <input type="text" name="namapanggilan" size="25"><br><br><input type="submit" value="Submit"></form></body></html> |
Sekarang ubah file servlet menjadi seperti ini
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| package org.latihan.web;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class Output */public class Output extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Output() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.setContentType("text/html;charset=UTF-8"); PrintWriter print = response.getWriter(); String nama = request.getParameter("nama").toString(); String namaPanggilan= request.getParameter("namapanggilan").toString(); print.println("<html>"); print.println("<head>"); print.println("<title>Data</title>"); print.println("</head>"); print.println("<body>"); print.println("<h2> Tampil Data" + request.getContextPath() + "</h2>"); print.println("<p> Nama : " + nama + "" + " Nama Panggilan : " + namaPanggilan +"</p>"); print.println("</body>"); print.println("</html>"); print.close(); }} |
Berikut ini tampilan ketika program dijalankan
Selamat mencoba :)
Tidak ada komentar:
Posting Komentar