- 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:
- Klik kanan pada folder Web Pages -> New -> JSP (Jika belum ada dipilihan silahkan pilih Other -> Web ->JSP)
- Ganti file name dengan nama tampil_ admin-> Finish
- 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
- Lakukan hal yang sama seperti step ke-1 pada pembuatan tampil user.
- Ganti file name dengan nama admin -> Finish
- 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
- Klik kanan pada Source Packages -> New -> Folder
- Ganti folder name dengan nama control_aksi
- Klik kanan pada folder control_aksi yang baru saja dibuat -> New -> Servlet (Jika belum ada dipilihan silahkan pilih Other -> Web -> Servlet)
- Ganti file name dengan nama aksi_admin -> Finish
- 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
