Membuat Aplikasi Input Data Berbasis JSP Sederhana




Sekilas Tentang JSP (Java Server Pages)
JSP merupakan perluasan dari teknologi servlet. Tujuan dari JSP adalah untuk lebih menyederhanakan penulisan servlet. JSP sebelum dijalankan oleh server, akan dikompilasi terlebih dahulu menjadi servlet, meskipun proses ini tidak terlihat oleh kita.
JSP dan servlet dapat dipakai bersama-sama dalam sebuah aplikasi web.
Perbedaan utama antara servlet dan JSP adalah, untuk servlet layer aplikasi tidak sepenuhnya terpisah dari  layer presentasi, dimana logika aplikasi atau logika bisnis berada di dalam file program Java. Sedangkan presentasi diletakkan dalam output berupa content yang dihasilkanjuga oleh servlet. JSP sendiri lebih menitikberatkan pada aspek presentasi ketimbang aspek aplikasi. Untuk JSP, kode Java dan HTML digabungkan dalam satu file, yaitu file dengan ekstensi *.jsp. Dalam JSP, layer presentasi boleh dikatakan terpisah dari logika aplikasi atau logika bisnis. Bahkan dalam perkembangannya sekarang JSP dapat saja tidak mengandung kode Java sama sekali.  Beberapa logika pemrograman Java dapat digantikan oleh tag library. Misalnya JSTL (Java Server Page Standar Tag Libray) dapat mengenali beberapa logika pemrograman seperti loop dan kondisional.


Berikut Bahan Dan Hasil dari aplikasi tsb

  • Berikut scipnya <html>
     <head>
      <title>Input Biodata</title>
      <style type='text/css' >

      #button1 {
      padding-left:20px;
      text-align:left;
      }
      #button2 {
      padding-right:20px;
      text-align:right;
      }

      #kepala {
      font-family:ravie;
      font-size:25px;
      height:50px;
      }
      #kaki {
      height:30px;
      }
      #tabel1 {
      background-color:silver;
      width:410;
      padding:10px;
      box-shadow:black 0px 0px 4px 1px;
      border-radius:20px 20px 20px 20px;
      }
      #tabel2 {
      background-color:silver;
      padding:10px;
      box-shadow:black 0px 0px 4px 1px;
      border-radius:20px 0px 20px 0px;
      }
      #tabel3 {
      background-color:silver;
      font-family:segoe print;
      padding:10px;
      box-shadow:black 0px 0px 4px 1px;
      border-radius:20px 0px 20px 0px;
      }
      #tabel1_isi {
      background-color:Lightslategray;
      color:lavender;
      width:400; height:200;
      padding:5px;
      border-radius:20px 20px 20px 20px;
      }
      </style>
      <body bgcolor='Slategray'>
       <br/>
        <form action='index.jsp' method='get'>
       <table id='tabel1' align='center' border='0' >
        <tr id='kepala' >
         <th colspan='2' id='kepala' style='color:steelblue'>BIODATA SISWA</th>
        </tr>
        <tr>
         <td colspan='2'>
            <table align='center' id='tabel1_isi' border='0'>
                <tr>
                <td id='kolom1'>NIS :</td>
                <td><input type='text' name='nis' size='10' required></td>
                </tr>
                <tr>
                <td id='kolom1'>Nama :</td>
                <td><input type='text' name='nama' size='hobi0' required></td>
                </tr>
                <tr>
                <td id='kolom1'>Alamat :</td>
                <td><input type='text' name='alamat' size='hobi0' required></td>
                </tr>
                <tr>
                <td id='kolom1'>No. Telp :</td>
                <td><input type='text' name='no_telp' size='hobi0' required></td>
                </tr>
                <tr>
                <td id='kolom1'>Hobi :</td>
                <td><input type='text' name='hobi' size='hobi0' required></td>
                </tr>
            </table>
         </td>
        </tr>
        <tr id='kaki'>
         <td id='button1' >
         <input type='submit' value='proses'/>
         </td>
         <td id='buttonhobi'>
         <input type='reset' value='clear'/>
         </td>
        </tr>
        </div>
       </table>
     
       <br/>
     
       <table id='tabel2' align='center'>
        <%
        String nis = request.getParameter("nis");
        String nama = request.getParameter("nama");
        String alamat = request.getParameter("alamat");
        String no_telp = request.getParameter("no_telp");
        String hobi = request.getParameter("hobi");
        %>
        <tr bgcolor='Lavender' style='color:lightslategray'>
         <th width='30'>No</th>
         <th width='50'>Nis</th>
         <th width='150'>Nama</th>
         <th width='200'>Alamat</th>
         <th width='120'>No. Telp</th>
         <th width='100'>Hobi</th>
        </tr>
        <tr >
         <td>1</td>
         <td><% out.println(nis); %></td>
         <td><% out.println(nama); %></td>
         <td><% out.println(alamat); %></td>
         <td><% out.println(no_telp); %></td>
         <td><% out.println(hobi); %></td>
        </form>
      <br>
       <table id='tabel3' align='center'>
       <tr style='color:steelblue'>
       <td>Dibuat Oleh Muhammad Shobri</td>
       </tr>
      </br>
      </body>
    </html>

  • Berikut Hasilnya 
sekian dari saya...

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Membuat Aplikasi Input Data Berbasis JSP Sederhana ini dipublish oleh Unknown pada hari Senin, 10 Oktober 2016. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Membuat Aplikasi Input Data Berbasis JSP Sederhana
 

0 komentar:

Posting Komentar