Kamis, 25 November 2010

Simple Demo Jsp Servlet

Kita akan belajar membuat sebuah aplikasi web MVC mengunakan teknologi JSP dan Servlet. Kita akan mengunakan Eclipse (Download) sebagai Java Editor dan Tomcat 6 Download sebagai Web Container.

Aplikasi ini akan menunjukkan betapa mudahnya membuat sebuah aplikasi MVC menggunakan JSP dan Servlet. Aplikasi ini hanya memiliki fungsi login sebagai contoh.

Kita akan mengupas lebih dalam Konsep MVC seiring dengan proses pembuatan.


Baiklah mari segera kita mulai...

Langkah #1 : Membuat sebuah Dynamic Web Project. Buka Eclipse. Klik File -> New -> Other -> Web -> Dynamic Web Project.
 
Berikan nama Project "Simple Login". Klik Finish.

Langkah #2 : Buat halaman LoginEntry.jsp
Klik kanan pada project Pilih New -> JSP. Berikan nama LoginEntry.jsp


<html>
<head>
    <title>SimpleLoginDemo</title>
</head>
<body>
    <form action="LoginServlet" method="post">
        Masukan Nama dan Password<br/>
        Nama  <input type="text" name="txtName" /><br/>
        Password <input type="password" name="txtPassword"/><br/>
        <input type="submit" value="submit"/>  
    </form>
</body>
</html>

Langkah #3 : Buat halaman Sukses.jsp
<html>
<head>
<title>Login Berhasil</title>
</head>
<body>
    <H1>Login Berhasil</H1>
    Name Login : <%= request.getAttribute("name") %> <br/>
    Password Login : <%= request.getAttribute("password") %> <br/>
    Waktu Login : <%= request.getAttribute("logintime") %>    
</body>
</html>

Langkah #4 : Buat halaman Error.jsp
<html>
<head>
<title>Error</title>
</head>
<body>
    <H1>Login Gagal</H1>
    <a href="LoginEntry.jsp">Login Ulang</a>
</body>
</html>

Langkah #5 : Buat Servlet Berikan Nama : LoginServlet
 

 Tambahkan baris kode berikut pada LoginServlet.java yang baru saja dibuat.
package greenhornsjava.controller;

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

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

import com.sun.org.apache.bcel.internal.generic.NEW;

public class LoginServlet extends HttpServlet {
 private static final long serialVersionUID = 1L;
       
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  doPost(request, response);
 }

 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  String name = request.getParameter("txtName");
  String password = request.getParameter("txtPassword");
  
  if(!name.equals("admin") && !password.equals("admin")) {
   request.getRequestDispatcher("Error.jsp").forward(request, response);
  } else {
   SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy hh:mm:ss");
   String now = sdf.format(new Date(System.currentTimeMillis()));
   
   request.setAttribute("name", name);
   request.setAttribute("password", password);
   request.setAttribute("logintime", now);
   request.getRequestDispatcher("Sukses.jsp").forward(request, response);
  }
 }
}

Langkah #6 : Cek File yang berada di Folder WebContent -> WEB-INF -> web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>greenhornsjava.controller.LoginServlet</servlet-class>
  </servlet>
  
  <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/LoginServlet</url-pattern>
  </servlet-mapping>
</web-app>

Langkah #7 : Export File menjadi WAR dan deploy di Web Server Anda...
Silahkan mencoba...

Tidak ada komentar:

Posting Komentar