Sabtu, 24 November 2012

  • Membuat Input Output JSP dan servlet

    Posted by: on 17.35 in 0
    pagi-pagi gini meningan kita buat sesuatu yang menarik teman dikit nih ada artikel tentang java membuat input output jsp dan servlet saya di sini membuat pake jsp selain itu kita di sini butuh sofware pendukung seperti apache tomcat yang berfungsi menjalankan servlet saat ada request dari client.Di Tutorial ini saya menggunakan Eclipse Juno. langsung ajh yuk cekidot 


    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 folderWebContent.

    Kalau sudah klik Finish.Setelah itu anda akan mendapatkan hasil seperti ini

    Nah untuk membuat tampilan JSP nya rubah syntaxnya menjadi seperti ini

    01<%@ page language="java" contentType="text/html; charset=UTF-8"
    02    pageEncoding="UTF-8"%>
    03<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    04<html>
    05<head>
    06<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    07<title>Insert title here</title>
    08</head>
    09<body>
    10<form action ="" method="POST">
    11Nama : <input type="text" name="nama" size="25"><br>
    12Nama Panggilan : <input type="text" name="namapanggilan" size="25"><br><br>
    13<input type="submit" value="Submit">
    14</form>
    15</body>
    16</html>

    Agar dapat berjalan,kita harus hidupkan dulu web servernya.Pertama buka tab Serverskemudian 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
    01<%@ page language="java" contentType="text/html; charset=UTF-8"
    02    pageEncoding="UTF-8"%>
    03<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    04<html>
    05<head>
    06<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    07<title>Insert title here</title>
    08</head>
    09<body>
    10<form action ="Output" method="POST">
    11Nama : <input type="text" name="nama" size="25"><br>
    12Nama Panggilan : <input type="text" name="namapanggilan" size="25"><br><br>
    13<input type="submit" value="Submit">
    14</form>
    15</body>
    16</html>
    Sekarang ubah file servlet menjadi seperti ini
    01package org.latihan.web;
    02 
    03import java.io.IOException;
    04import java.io.PrintWriter;
    05 
    06import javax.servlet.ServletException;
    07import javax.servlet.http.HttpServlet;
    08import javax.servlet.http.HttpServletRequest;
    09import javax.servlet.http.HttpServletResponse;
    10 
    11/**
    12 * Servlet implementation class Output
    13 */
    14public class Output extends HttpServlet {
    15    private static final long serialVersionUID = 1L;
    16        
    17    /**
    18     * @see HttpServlet#HttpServlet()
    19     */
    20    public Output() {
    21        super();
    22        // TODO Auto-generated constructor stub
    23    }
    24 
    25    /**
    26     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    27     */
    28    protected void doGet(HttpServletRequest request, HttpServletResponse response) throwsServletException, IOException {
    29        // TODO Auto-generated method stub
    30    }
    31 
    32    /**
    33     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    34     */
    35    protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
    36        // TODO Auto-generated method stub
    37        response.setContentType("text/html;charset=UTF-8");
    38        PrintWriter print = response.getWriter();
    39        String nama = request.getParameter("nama").toString();
    40        String namaPanggilan= request.getParameter("namapanggilan").toString();
    41        print.println("<html>");
    42        print.println("<head>");
    43        print.println("<title>Data</title>");
    44        print.println("</head>");
    45        print.println("<body>");
    46        print.println("<h2> Tampil Data" + request.getContextPath() + "</h2>");
    47        print.println("<p> Nama : " + nama + "" + " Nama Panggilan : " + namaPanggilan +"</p>");
    48        print.println("</body>");
    49        print.println("</html>");
    50        print.close();
    51    }
    52 
    53}
    Berikut ini tampilan ketika program dijalankan

    selamat mencoba kawan tetap usaha dan ikhtiar ok :) salam dari deri

    • 0 komentar:

    Posting Komentar

    Langganan: Posting Komentar (Atom)

    Copyright @ 2014 Diary Studio | The Best Solution | Jasa Pembuatan Website.

    Designed by Diary | TechTabloids