**Selamat Datang di Blog saya semoga bermanfaat bagi kita semua** **Selamat Datang di Blog saya semoga bermanfaat bagi kita semua** **Selamat Datang di Blog saya semoga bermanfaat bagi kita semua**

Senin, 09 Mei 2016

Membuat Tampilan User Pada Java NetBeans

  • Pembuatan Halaman Tampil User
Tampil user adalah halaman yang akan pertama kali muncul saat kita mengklik menu user.


 Langkah yang harus dilakukan untuk membuat halaman tampil user adalah:
  1. Klik kanan pada folder Web Pages -> New -> JSP (Jika belum ada dipilihan silahkan pilih Other -> Web ->JSP)
  2. Ganti file name dengan nama tampil_ admin-> Finish
  3. Silahkan ketikan coding berikut:

<sql:query var="qryadmin" dataSource="${dataSource}">
    SELECT * FROM admin
    WHERE user_name like '%${param.cari}%'
    OR nama_lengkap like '%${param.cari}%'
</sql:query>

<font color="black"> <h2> .: [Data User/Admin] :. </h2></font>
<br>
<a href="index.jsp?halaman=admin&aksi=SIMPAN"> Tambah User Baru </a>
<form action="" method="post">
    Cari Data User : <input type="text" name="cari" value="${param.cari}"/>
    <input type="submit" value=" Cari " class="button"/> <br>
</form>

<table border="0" width="90%" cellpadding="0" cellspacing="0">
    <tr class="head">
        <td>User Name</td>
        <td>Nama Lengkap</td>
        <td>Password</td>
        <td>Hak Akses</td>
        <td>Action</td>
    </tr>
    <c:forEach var="rowadmin" items="${qryadmin.rowsByIndex}">
        <tr class="isi">
            <td align='center'>${rowadmin[0]}</td>
            <td>${rowadmin[1]}</td>
            <td align='center'>${rowadmin[2]}</td>
            <td align='center'>${rowadmin[3]}</td>
            <td align='center'>
                <a href='aksi_admin?aksi=HAPUS&user_name=${rowadmin[0]}'> Hapus</a> |
                <a href='index.jsp?halaman=admin&aksi=GANTI&user_name=${rowadmin[0]}
                   &nama_lengkap=${rowadmin[1]}
                   &password=${rowadmin[2]}
                   &hak_akses=${rowadmin[3]}'> Edit </a>
            </td>
        </tr>
    </c:forEach>

</table>

  • Pembuatan Halaman User 
User adalah halaman yang akan ditampilkan saat mengklik tombol tambah user baru yang berfungsi untuk menambahkan data user yang baru.


 Langkah-langkah yang dilakukan dalam membuat halaman user adalah sebagai berikut:
  1. Lakukan hal yang sama seperti step ke-1 pada pembuatan tampil user. 
  2. Ganti file name dengan nama admin -> Finish 
  3. Ketikan coding berikut

<sql:query var="qryadmin" dataSource="${dataSource}">
    SELECT *FROM admin WHERE user_name
    LIKE '%${param.cari}%'
    OR nama_lengkap
    LIKE '%${param.cari}%'
</sql:query>

<font color="black"> <h2> .: [Form User/Admin] :. </h2> </font>
<form action="aksi_admin" method="post">
    <table border="0">
        <%-- modif value --%>
        <input type="hidden" name="aksi" value="${param.aksi}"/>
        <tr>
            <td>User Name</td>
            <td>:</td>
            <td><input type="text" name="user_name" value="${param.user_name}"/></td>
        </tr>
        <tr>
            <td>Nama Lengkap</td>
            <td>:</td>
            <td><input type="text" name="nama_lengkap" value="${param.nama_lengkap}"/></td>
        </tr>
        <tr>
            <td>Password</td>
            <td>:</td>
            <td><input type="text" name="password" value="${param.password}"/></td>
        </tr>
        <tr>
            <td>Hak Akses</td>
            <td>:</td>
            <td><input type="text" name="hak_akses" value="${param.hak_akses}"/></td>
        </tr> 
            
        <tr>
            <td><input type="submit" value="Simpan" class="button"/></td><td></td>
        </tr>
    </table>
</form>

<br>
<form action="" method="post">
    Cari Data User : <input type="text" name="cari" value="${param.cari}"/>
    <input type="submit" value="Cari" class="button"/> </br>
</form>
<table border="0" width="70%" cellpadding="0" cellspacing="0">
    <tr class="head">
        <td>User Name</td>
        <td>Nama Lengkap</td>
        <td>Password</td>
        <td>Hak Akses</td>
    </tr>
    <c:forEach var="rowadmin" items="${qryadmin.rowsByIndex}">
        <tr class="isi">
            <td valign='top'>${rowadmin[0]}</td>
            <td valign='top'>${rowadmin[1]}</td>
            <td valign='top' align="center">${rowadmin[2]}</td>
            <td valign='top' align="center">${rowadmin[3]}</td>
        </tr>
    </c:forEach>

</table>

  • Pembuatan Aksi User 
Aksi user hanya berisikan perintah-perintah CRUD yang akan dijalankan baik di halaman tampil user maupun halaman tambah user baru. Langkah-langkah dalam pembuatan aksi user, yaitu:
  1. Klik kanan pada Source Packages -> New -> Folder 
  2. Ganti folder name dengan nama control_aksi 
  3. Klik kanan pada folder control_aksi yang baru saja dibuat -> New -> Servlet (Jika belum ada dipilihan silahkan pilih Other -> Web -> Servlet) 
  4. Ganti file name dengan nama aksi_admin -> Finish 
  5. Ketikan coding berikut

package control_aksi;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class aksi_admin extends HttpServlet {

    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
            PrintWriter out = response.getWriter();
        try{
            String aksi =request.getParameter("aksi");
            String user_name = request.getParameter("user_name");
            String nama_lengkap = request.getParameter("nama_lengkap");
            String password = request.getParameter("password");
            String hak_akses = request.getParameter("hak_akses");
            String cari = request.getParameter("cari");
             Class.forName("com.mysql.jdbc.Driver");
                    Connection koneksi=DriverManager.getConnection
                        ("jdbc:mysql://localhost:3306/sia","root","");
               switch (aksi) {
              case "SIMPAN":
                if(user_name.equals("")||nama_lengkap.equals("")||password.equals("")||hak_akses.equals("")){
                    out.println("<script>alert('Gagal...masih ada data yang belum terisi,Silahkan Ulangi!!!')"+
                      "</script><meta http-equiv='refresh' content='1;index.jsp?halaman=admin&aksi=SIMPAN'/>");
                   }
               else {
                        koneksi.createStatement().execute("insert into admin values('"+ user_name + "','" + nama_lengkap + "','" + password + "','" + hak_akses + "')");
                         out.println("<script>alert('Data Admin berhasil Disimpan...!!!')</script>"
                          + "<meta http-equiv='refresh' content='1;index.jsp?halaman=admin&aksi=SIMPAN'/>");
                    }
                   break;
                   case "HAPUS":
                       koneksi.createStatement().execute("delete from admin where user_name='" + user_name + "'");
                       out.println("<script>alert('Data Admin berhasil Dihapus...!!!')</script>"
                                 + "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_admin'/>");
                       break;
                   case "GANTI":
                       koneksi.createStatement().execute("update admin set nama_lengkap='" + nama_lengkap + "', "
                       + "password='" + password + "', hak_akses='" + hak_akses + "' "
                       + "where user_name='" + user_name + "'");
                       out.println("<script>alert('Data Admin berhasil Diubah...!!!')</script>"
                       + "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_admin'/>");
                       break;
                   default:
                       break;
               }
            } catch (Exception e){
                out.println("<script>alert('Gagal... Kemungkinan User Name sudah ada, Silahkan Ulangi!!!')</script>"
                + "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_admin'/");
            }         

            }

  • Jangan Lupa untuk menyisipkan coding berikut pada page index.jsp ya guys. Fungsinya untuk mengkoneksikan pada tampilan utama menu user

<li><a href="index.jsp?halaman=data_admin">User</a></li>

  • Untuk mengkoneksikan pada menu user kita Sisipkan juga coding berikut ini:

<c:when test="${param.halaman=='data_admin'}">
                                    <%@include file="tampil_admin.jsp" %>
                                </c:when>
                                <c:when test="${param.halaman=='admin'}">
                                    <%@include file="admin.jsp" %>

                                </c:when>

sumber:hidayantimurtina.blogspot.co.id

2 komentar: