Menampilkan hasil input dari HTML

Pada tutorial kali ini, akan dibuat sebuah program untuk menampilkan hasil dari input halaman html, dan meresponnya melalui servlets.
1. Seperti biasa kita buat dulu dynamic web project.
2. Setelah itu kita buat didalam folder WebContent, klik kanan pilih new->html page. Ketikan koding di bawah ini,
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″>
<title>Test Servlets</title>
</head>
<body>

<form action=”result.jsp” method=”post”>
Name : <input type=”text” name=”userName”><br>
Email : <input type=”text” name=”email”><br>
<input type=”submit” value=”Submit”>
</form>

</body>
</html>
3. Setelah itu buat lagi didalam folder WebContent, klik kanan pilih new->JSP. Ketikan koding di bawah ini,
<%@ page language=”java” contentType=”text/html; charset=ISO-8859-1″
pageEncoding=”ISO-8859-1″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″>
<title>This is response from server EL_Zalman’s JSP</title>
</head>
<body>

<%
String name = request.getParameter(“userName”);
%>

Your name is : <%=name%><br/>
Your email is : <%=request.getParameter(“email”)%><br/>
Your IP address : <%=request.getRemoteAddr() %><br/>
</body>
</html>

4. Kemudian buat sebuah class di folder Java Resource : src, beri nama packagenya dan nama class nya. Class ini akan terpanggil secara otomatis ketika terjadi request dari user. Kodingnya sebagai berikut.
package org.test.webapp;

import java.io.IOException;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestServelt extends HttpServlet {

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name = req.getParameter(“userName”);
String email = req.getParameter(“email”);
String ip = req.getRemoteAddr();

resp.getWriter().println(“<html>”);
resp.getWriter().println(“<head>”);
resp.getWriter().println(“<title>This is the response from server EL_Zalman’s</title>”);
resp.getWriter().println(“</head>”);
resp.getWriter().println(“<body>”);
resp.getWriter().println(“Your name is : ” + name);
resp.getWriter().println(“<br>Your email is : ” + email);
resp.getWriter().println(“<br>Your ip address is : ” + ip);
resp.getWriter().println(“</body>”);
resp.getWriter().println(“</html>”);
}
}

5. Setelah selesai semua, maka struktur folder project anda akan menjadi seperti ini
servlets tutorial5

6. Setelah itu seting server dengan cara add remove server. Masukan nama project yang anda buat, setelah itu silahkan mencoba pada browser. Selamat mencoba.

Salam Java.
EL_Zalman’s

  1. No comments yet.
  1. No trackbacks yet.

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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: